A Form for Entering a URL : Form HTML « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. Form HTML

A Form for Entering a URL

 

<HTML>
<HEAD>
<TITLE>Load URL</TITLE>
<SCRIPT LANGUAGE="JavaScript"><!--
function loadFrames() {
 ix = document.URLform.protocol.options.selectedIndex
 urlString = document.URLform.protocol.options[ix].value+"//"
 urlString += document.URLform.hostname.value
 path = document.URLform.path.value
 if(path.length > 0) {
    if(path.charAt(0)!="/") 
       path = "/"+path
 }
 urlString += path
 parent.frames[1].location.href=urlString
}
// --></SCRIPT>
</HEAD>
<BODY>
<FORM ACTION="" NAME="URLform">
<P>Select protocol:
<SELECT NAME="protocol" SIZE="1">
<OPTION VALUE="file:" SELECTED="SELECTED">file</OPTION>
<OPTION VALUE="http:">http</OPTION>
<OPTION VALUE="ftp:">ftp</OPTION></SELECT></P>
<P>Enter host name: <INPUT TYPE="TEXT" NAME="hostname" SIZE="45"></P>
<P>Enter path:      <INPUT TYPE="TEXT" NAME="path" SIZE="50"></P>
<INPUT TYPE="BUTTON" NAME="load" VALUE="Load URL" ONCLICK="loadFrames()">
</FORM>
</BODY>
</HTML>








Related examples in the same category

1.Adjusting a CGI Submission Action
2.Button Objects: Submit, Reset, and Button
3.Checking Elements on a Form
4.Submitting Forms to the Server
5.Variables in Hidden form
6.Creating an Example Form for User Feedback
7.Accessing the Elements of a Form
8.Using the form.elements Array
9.form.reset() and form.submit() Methods
10.The onReset and onSubmit Event Handlers
11. Passing a Form Object and Form Element to Functions
12. Last-Minute Checking Before Form Submission
13.Storing the last value using a Hidden object.
14.Methods and Properties of the Submit Object
15.Methods and Properties of the Reset Object
16.Properties of the Hidden Object
17.Methods and Properties of the Form Object
18.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
19.Using the document.forms Property
20.Use hidden field to store data