Javascript and links

[ellescuba27]

If you want to use an image, try the javascript submit code, like:
<a href="javascript:" onClick="document.(put the form name here).submit();"><input type="image" name="submit" src="image.jpg" width="126" height="18"></a>
Just make sure you set the name attribute of the form to whatever you like and edit the code above appropriately.

[callumacrae]

If you want to use an image, try the javascript submit code, like:
<a href="javascript:" onClick="document.(put the form name here).submit();"><input type="image" name="submit" src="image.jpg" width="126" height="18"></a>
Just make sure you set the name attribute of the form to whatever you like and edit the code above appropriately.

Instead of wrapping it in an anchor, why not just said the on click attribute of the input? Also, onclick should be all lowercase, and you should probably be using event listeners. You should also never use javascript:.

[mbengi.bongi83]

Thanks for the advice guys.

Does the above apply to CSS Sprites? My friend forgot to tell me that the image is a sprite. The image has hover/visited states at the moment declared in a css id tag.

[callumacrae]

Haven't a clue, give it a try

[ellescuba27]

Sorry for my coding, I learned Javascript 1.5 with a pretty bad tutorial book which had just as bad coding as that. As for the javascript: thing, it's just a placeholder because otherwise the link would lead to another page, and the reason I didn't put the event handler onto the image itself is that older versions of Netscape (I think that's the right browser) don't support it. You are right though, onClick should be lowercase - another habit of mine from the javascript tutorial book.

[callumacrae]

Sorry for my coding, I learned Javascript 1.5 with a pretty bad tutorial book which had just as bad coding as that. As for the javascript: thing, it's just a placeholder because otherwise the link would lead to another page, and the reason I didn't put the event handler onto the image itself is that older versions of Netscape (I think that's the right browser) don't support it. You are right though, onClick should be lowercase - another habit of mine from the javascript tutorial book.

Use e.preventDefault() in an error handler to prevent the link from going elsewhere. Don't support the old versions of Netscape ;-)

Try this for a good JavaScript book.

[mbengi.bongi83]

What is the correct way of incorporating the Javascript into the HTML? I assume the HTML given will be different as the code given refers to goto.php