submitting with a hotspot |
submitting with a hotspot |
slickchris7777 |
Mar 19 2012, 11:58 AM
Post
#1
|
Group: Members Posts: 1 Joined: 19-March 12 Member No.: 16,745 |
I'm using this code on my page
<form method="post" id="e0" class="seagreen-form" action="/subscription.php/confirm" onsubmit="return Sg.validate(this);" enctype="multipart/form-data"> <input name="_tkn" type="hidden" value="4f675e24bc5a99.04808583" /> <input id ="e1" name ="email" type="text" style="position: absolute; top:307px; width:300px; height:40px; left: 935px;" maxlength="256"/> <script language="Javascript" type="text/javascript">addFieldToCheck("email","Email");</script></td></tr><input type="hidden" name="htmlemail" value="1"> <map name="Map" id="Map"> <area shape="rect" coords="586,241,845,344" alt="join now" type="submit" name="submit" id="e2" onClick="java script:document.form.submit();" nohref /> </map> </form> This code would work fine if I use a button like so: <button id="e2" name="submit" type="submit">Submit</button> However, it does not work with the hotspot, how can I get the hotspot to do the same thing. |
pandy |
Mar 19 2012, 02:13 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
<area shape="rect" coords="586,241,845,344" alt="join now" type="submit" name="submit" id="e2" onClick="java script:document.form.submit();" nohref /> First, you don't need the javascript bit. It's something that was used before eventhandlers like onclick were available, and it was used as the value of href. Never ever use it. Secondly, you can't refer to the form with just 'form'. Either you need to give FORM an name or an id and refer to it using that, or you can use the built in forms collection that JavaScript creates of all the forms on the page. Provided this form is either the only form or the first form on the page it would have the index '0' (JavaScript counts from zero, so the first is 0, the second is 1 and so on). CODE <area href=""... onclick="document.forms[0].submit(); return false"> You need the return false that will kill the href action. Without it both the href and the onclick will be acted on. You can't leave the href out or most (no?) browsers will make the area clickable. |
pandy |
Mar 19 2012, 02:19 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
OK, I see now that you use nohref. That works, but you need to style the area with cursor: pointer so it shows the right mouse pointer and that won't work in older versions of IE - I think it works in newer.
|
Lo-Fi Version | Time is now: 20th April 2024 - 01:23 AM |