Create a link with value in form controls : a link « HTML Tags « JavaScript Tutorial






  1. JavaScript Tutorial
  2. HTML Tags
  3. a link
<html>
<head>
  <script type="text/javascript">
    function showWindow(){
      var txt = document.form1.stringField.value

      if (document.form1.hypertext[0].checked){
        txt = txt.link(document.form1.jumptoField.value);
      }else{
        if (document.form1.hypertext[1].checked){
          txt = txt.anchor(document.form1.jumptoField.value);
        }
      }
      document.write(txt);
    }

  </script>
</head>
<body>
  <form method="post" name="form1" action="null">
      Text:
      <input type="text" size="20" maxlength="256" name="stringField" />
      <input type="radio" name="hypertext" value="Link" checked="checked" />
      Link:
      <input type="radio" name="hypertext" value="Anchor" />
      Anchor:
      Jump To:
      <input type="text" size="30" maxlength="256" name="jumptoField" />
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>








21.1.a link
21.1.1.Link
21.1.2.Link.handleEvent()
21.1.3.Link.hash
21.1.4.Link.host
21.1.5.Link.hostname
21.1.6.Link.href
21.1.7.Link.onClick
21.1.8.Link.onDblClick
21.1.9.Link.onKeyDown
21.1.10.Link.onKeyPress
21.1.11.Link.onKeyUp
21.1.12.Link.onMouseDown
21.1.13.Link.onMouseOut
21.1.14.Link.onMouseOver
21.1.15.Link.onMouseUp
21.1.16.Link.pathname
21.1.17.Link.port
21.1.18.Link.protocol
21.1.19.Link.search
21.1.20.Link.target
21.1.21.Link.text
21.1.22.Call a function in hyperlink
21.1.23.Change links
21.1.24.Hyper link onClick event
21.1.25.Change hyperlink target
21.1.26.Hyper link onmouseover evnet: change window.location
21.1.27.Call your function in hyper link onMouseover event
21.1.28.Update window status bar in mouse over event for a hyper link element tag(IE)
21.1.29.Create a link with value in form controls