home
 tv internet sites
 production process
 requirements
 how to...
use drop down lists
control caching
controlling navigation
fixing display issues
emmy error codes
graphics & memory
code memory usage
numberkeys
the spacer tag
tickers
browser detection
fixing colour issues
using dtv cookies
graphic submit button
dynamic table
back/skip problems
loading bar freezing
debug memory errors
table BG images
text legibility
 downloads
 platform
 tools
 training & events
Use Graphics in Form ‘Submits’

Where developers want to use an image as a form submit button, either of the below codes should be used:

if you are submitting the form via JavaScript, use this:

<a href=javascript:submit_me()><img src="image.gif"></a>

If you are simply changing the HTML to avoid Liberate interpreting the image submit button as an image map, use this:

<form name="theform" action="a.cgi?">
    <input name="thetext" type="text"></input>
    <a href="javascript:document.theform.submit()"><img src="image.gif"></a>
</form>

This will avoid the user needing to click twice on the image to submit the form and prevents image map co-ordinates being sent with the data.

Without this code, the browser firstly interprets the image as an image map and the user will need to press "OK" twice; once to move the focus from the image map to the submit function and then again to submit the form.

   © ntl Group Ltd 2002