🔒 Locked

[web] Javascript question

Started by _nomad_ Jul 3, 2006 at 4:43 AM 3 replies 1k views

Original Post

Jul 3, 2006 at 4:43 AM

how to do this in &#106avascript (sorry, uber noob here): instead of:


Click Me

I wish to use &#106avascript in the href tag: <pre> <a href="&#106avascript:somefunction()">Click Me</a> </pre> i searched google, and i could only find examples that would pop up a new window (window.open()) with sompage.html on the new window. I wish for the current window to load sompage.html, not on a new window. The reason is because I wish to generate random links to it. Thanks.

dave

Jul 3, 2006 at 4:49 AM

The html still references to another page, i believe you have to catch the OnClick, OnOver events etc,

The best place for learning this stuff is

w3schools

Hope that helps,

Dave

evolutional

Jul 3, 2006 at 11:06 AM

Use window.location

Example:

<html><body><script>function myfunction(){    window.location = 'http://www.gamedev.net';};</script>Click Me</body></html>

markr

Jul 3, 2006 at 2:23 PM

I highly recommend you do not use &#106avascript:

Most people don't know what &#106avascript: does - &#106avascript: runs the code after the :, then loads a document containing HTML which is its output (return value). The only way of avoiding this is returning the value "void". This is not a good idea, as on many browsers it creates race conditions, i.e. the browser is trying to load a blank page (with "" as its HTML), simultaneously it tries to load something else. One of them wins, but it's not necessarily always the same one. Instead, use <pre> <a href="mypage.html" onclick="return SomeClickFunc()">My funky link</a> <script type="text/&#106avascript"> function SomeClickFunc() { window.location.href = "whatever.html"; return false; // suppress the original function of the click event. } </script> </pre> Which is much more sound - and will go to mypage.html if &#106avascript is disabled or fails. Also use this for popups, with the appropriate URL in the href- even if JS is enabled, this gives you the added advantage that the link will be marked as "visited" appropriately so that CSS selectors like a:visited apply to it. Mark

_nomad_

Jul 4, 2006 at 2:20 AM

alright cool tips and help!

thanks guys!

Topic Locked

This topic has been locked by a moderator. New replies are not allowed.