เพิ่มจุดยึดในแบบฟอร์มเมื่อส่งหรือไม่

ฉันใช้สคริปต์ชื่อ Advanced Poll ซึ่งทำงานได้ดีมาก อย่างไรก็ตาม ฉันมีปัญหาเรื่อง "เครื่องสำอาง" เล็กๆ น้อยๆ ซึ่งฉันไม่สามารถแก้ไขได้

แบบสำรวจอยู่ที่ด้านล่างขวาของเว็บไซต์ของฉัน แต่หลังจากที่มีคนส่งการลงคะแนนของตนเอง คุณจะถูกผลักกลับไปที่ด้านบนของหน้า แทนที่จะมุ่งเน้นไปที่การสำรวจความคิดเห็น (ขวาล่าง)

โดยปกติแล้ว เมื่อใช้ html ปกติ คุณจะแก้ไขปัญหานี้ได้อย่างง่ายดายโดยการเพิ่มจุดยึดและลิงก์ แต่เนื่องจากนี่คือแบบฟอร์ม ฉันจึงไม่เข้าใจว่าต้องทำอย่างไรอย่างถูกต้อง ดังนั้นจึง 'โหลด' หน้าเว็บกลับมาที่ส่วนการสำรวจความคิดเห็นหลังจากส่งคะแนนโหวต แทนที่จะเลื่อนลงอีกครั้ง

ฉันพยายามหลอก HTML เล็กน้อยด้วยตัวเอง แต่ก็ไม่มีโชค โดยเริ่มต้นที่ด้านบนสุดของเว็บไซต์ แทนที่จะอยู่รอบๆ พื้นที่ลงคะแนน

ฉันเพิ่มโค้ดด้านล่างเหนือส่วนโพล:

<a name="backtopoll"></a>

และฉันเพิ่ม:

 #backtopoll

to:

<a href="/th$this->form_forward?action=results&amp;poll_ident=$poll_id" class="link link-indent fright">$pollvars[result_text]</a>

ซึ่งส่งผลให้:

 <a href="/th$this->form_forward?action=results&amp;poll_ident=$poll_id#backtopoll" class="link link-indent fright">$pollvars[result_text]</a>

แต่นั่นไม่ได้ผล ทันทีที่ฉันคลิกส่งโหวต การโหวตของฉันก็ถูกโยนออกไป และฉันพบว่าตัวเองกลับมาที่ด้านบนสุดของเว็บไซต์อีกครั้ง แทนที่จะโหลดหน้านี้ซ้ำในส่วนโพล :(

ฉันทำอะไรผิดที่นี่...?

//อัปเดต

เพิ่ม / เปลี่ยนเป็น:

 <a id="backtopoll"></a>

ดังที่ Sibu กล่าวไว้ ใช้งานไม่ได้

//อัพเดทอีกครั้ง

บางทีฉันอาจทำเช่นเดียวกันกับ jQuery หรือ JS บนเพจได้หรือไม่


person Joanne    schedule 26.10.2012    source แหล่งที่มา
comment
เป็นไปได้ที่ซ้ำกันของ เป็นไปได้หรือไม่ที่จะเพิ่ม จุดยึดของโพสต์/รับ FORM?   -  person Brad Werth    schedule 14.04.2015


คำตอบ (3)


ไม่เป็นไร ฉันแก้ไขด้วยตัวเองโดยใช้ข้อมูลที่อธิบายไว้ที่นี่: เป็นไปได้หรือไม่ที่จะเพิ่มจุดยึดให้กับ FORM post/get?

<form action="mypage.aspx#MyAnchor">
person Joanne    schedule 26.10.2012

ลองวิธีนี้ # ใช้สำหรับ id ไม่ใช่ชื่อ

<a id ="backtopoll"></a>
person Sibu    schedule 26.10.2012
comment
ผลลัพธ์เดียวกันจะยังคงกลับไปที่ด้านบนของหน้า :( - person Joanne; 26.10.2012
comment
มันโหลด index.php URL ดั้งเดิม (ในปุ่มส่งโพลล์) คือ: ‹a href=$this-›form_forward?action=resultspoll_ident=$poll_id class=link link-indent fright›$pollvars[result_text]‹/a› - person Joanne; 26.10.2012
comment
@HudsonHawk คุณต้องแสดงโค้ดของคุณเพิ่มเติมซึ่งเรียกว่าฟังก์ชัน - person Sibu; 26.10.2012
comment
‹a id=backtopoll›‹/a› ‹div›$question‹/div› ‹form method=post action=$this-›form_forward› ‹div›‹input type=radio name=option_id value=$data[option_id] ›$data[option_text]‹/div› ‹input type=hidden name=action value=vote› ‹input type=hidden name=poll_ident value=$poll_id› ‹div style=padding-top:12px;padding-bottom:30px ;› ‹div style=float:left;›‹input type=submit value=$pollvars[vote_button] class=input›‹/div› ‹a href=$this-›form_forward?action=results&#backtopoll;poll_ident=$ poll_id class=link ลิงก์เยื้องตกใจ›$ pollvars[result_text]‹/a› ‹/div› - person Joanne; 26.10.2012
comment
ตามที่กล่าวไว้ในโพสต์แรก เป็นโพลขั้นสูง 2.09 - person Joanne; 26.10.2012
comment
สวัสดี... คุณยังอยู่ที่นี่หรือเปล่า ซิบู? - person Joanne; 26.10.2012

ใช่ มันน่าเกลียดที่จะทำงานกับจุดยึดในรูปแบบ การทำงานกับ .focus() ช่วยให้คุณวางตำแหน่งหน้าได้ง่ายขึ้นมาก

person yourhelper    schedule 29.11.2014