FutureQuest Professional Web Hosting Flash Intro FutureQuest Community Message Forums
Activate Today! Home Web Hosting
Services
Web Hosting
Support
Web Hosting
Data Center
Web Hosting
Community
Web Hosting
About
Web Hosting
Contact
Web Hosting
Account Management

Website Tutorials

Forward & Back Buttons

These work just like the directional buttons on a browser. Copy & Paste the following code to your web page. Change the VALUE="BACK" or VALUE="FORWARD" to whatever you would like the buttons to say.

    <INPUT TYPE="button"
    VALUE="BACK"
    onClick="history.go(-1)">
    <INPUT TYPE="button"
    VALUE="FORWARD"
    onCLick="history.go(1)">


Email Button W/ Subject

Press the button to email a designated address complete with defined subject.

Copy & Paste the following code to your web page. Replace YourEmail with the correct email address. Replace Your_Subject with the subject you would like the message to contain.
    <INPUT TYPE="button"
    VALUE="EMail"
    onClick="parent.location='mailto:YourEmail?subject=Your_Subject'">

Message In Status Bar When Mouse Is Over Link

Place your Mouse over this link

Copy & Paste the following code to your web page. Replace http://www.aota.net/ with the url you would like the link to take you to when clicked. Replace Your_Message with the message you would like to see in the status bar. Replace Link_Title with the title of the link that shows on the page.

    <A HREF="http://www.aota.net/" onMouseOver="self.status='Your_Message'; return true">Link_Title</A>


Pull-Down Menu

Copy & Paste the following code to your web page. Replace Page1.html, Page2.html, etc with the correct urls you would like the links to take you to when selected. Replace Page 1, Page 2, etc with the correct link titles to be shown in the menu. Replace "GO!" with whatever you would like the button to say You may add as many links to this menu as you would like. Just continue with more <OPTION VALUE= lines.

    <script language="javascript">
    <!-- Hide the script from old browsers --
    function surfto(form) {
    var myindex=form.dest.selectedIndex
    location=form.dest.options[myindex].value;
    }
    //-->
    </SCRIPT>
    <FORM NAME="myform">
    <SELECT NAME="dest" SIZE=1 onChange="surfto(this.form)">
    <OPTION SELECTED VALUE="Page1.html">PAGE 1
    <OPTION VALUE="Page2.html">PAGE 2
    <OPTION VALUE="Page3.html">PAGE 3
    </SELECT>
    <INPUT TYPE="BUTTON" VALUE="Go!" onClick="surfto(this.form)">
    </FORM></CENTER>

On Click Script Alert

    Step 1: Copy & Paste the following code into the <HEAD></HEAD> tags of your page. Replace The Alert Message with your message.
    <SCRIPT LANGUAGE="javascript">
    <!-- Begin
    function drawAlert () {
    alert ("The Alert Message");
    }
    // End -->
    </SCRIPT>

    Step 2: Copy & Paste the following code into your web page where you want it to be seen. Replace "Click Me!" with whatever you would like the button to say.

    <FORM>
    <input type=button value="Click Me!" onClick="drawAlert()">
    </FORM>


Pop-Up Script Alert

This creates a javascript box that pops-up before the page loads. The visitor will either enter or return from whence s/he came depending on his/her answer. NOTE - There is no visual aid on this one as it could be annoying to have the alert keep popping up. Copy & Paste the following code into the <HEAD></HEAD>tags of your page. Replace Alert Message with your message.

    <SCRIPT LANGUAGE="javascript">
    <!-- Begin
    var agree=confirm("Alert Message");
    if (agree)
    document.write("");
    else
    history.go(-1);
    // End -->
    </SCRIPT>

URL Forwarding

This automatically sends visitors to a new URL as soon as they enter your page. Copy & Paste the following code into the <HEAD></HEAD>tags of your page. Replace http://www.aota.net/ with the URL you would like visitors sent to.

    <script>window.location.href="http://www.aota.net/"</script>


Edit HTML | Home




Back to Top

FutureQuest Professional Web Hosting Services
Help the Healing

Copyright © 1998-2008 FutureQuest, Inc. All rights reserved.