Button linking question

hlchuah77 · September 16th, 2004, 10:18 AM

Hello, if I use html code to create a button, can javascript make the button able to link to other page or site after the user has clicked the button? If yes, how it is done?

joefawcett · September 16th, 2004, 10:57 AM

Code:

<html>
<head>
<title>Add Link Button</title>
<script type="text/jscript">
  function addLinkButton(Url)
  {
    var oContainer = document.getElementById("divButtons");
    var oButton = document.createElement("input");
    oButton.type = "button";
    oButton.value = "Go to '" + Url + "'";
    oButton.setAttribute("link", Url);   
    oButton.onclick = function(){alert(this.link); window.open(this.link);};
    oContainer.appendChild(oButton);
    var oBr = document.createElement("br");
    oContainer.appendChild(oBr);
  }  
</script>
</head>

<body bgcolor="#FFFFFF">
<input type="button" value="Add Button" onclick="addLinkButton(document.getElementById('txtLink').value);">&nbsp;<input type="text" size="40" id="txtLink">
<div id="divButtons"></div>
</body>
</html>

--

Joe

Snib · September 16th, 2004, 04:00 PM

Is Joe's solution what you were looking for? I thought you just wanted a simple button that when clicked took you somewhere like this:

<button onclick='window.location="nextpage.htm"'>next</button>

HTH,

-Snib <><
http://www.snibworks.com
There are only two stupid questions: the one you don't ask, and the one you ask more than once.

hlchuah77 · September 18th, 2004, 05:05 AM

Oh, thanks a lot for the help, and sorry for replying late. Ya, Snib, you are right, I just want to have a simple button which is able to linking only. Anyhow, thanks for joe(can I address you such this?) for your coding, even though what I am looking for is a simple solution, but yours give me an alternative way, thank you. :)

joefawcett · September 18th, 2004, 05:43 AM

Quote:

quote:Originally posted by hlchuah77
Anyhow, thanks for joe(can I address you such this?):)

Sure you can, yes it was a bit complicated, I obviously thought you wanted to create the whole thing using JavaScript code, not just use code to link:)

--

Joe