Multiple Advanced Email Address Menu Navigation. Tested in IE6.0, Netscape7.02, Netscape8.1, Opera8.51, Firefox1.5 and AOL Explorer1.2

This is really a great script if you have more than one email address on your site for people to contact different sections of your staff, or for what ever other reason you can think of. When you select an email address it will automatically open your default email and sent it through there.

We have tested the code in IE6.0, Firefox1.5, Opera8.51, Netscape7.02, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

Depending on your knowledge of HTML and java scripts, this is a highly configurative code that can become rather confusing at times. We hope the below tutorial will help you in adding this effect to your page. This is a two part copy and paste code that one section gets pasted into the <HEAD> section, and the other part gets pasted anywhere in the <BODY> section you want it to appear.

Default Part Of Head Section

<script LANGUAGE="JavaScript">
function go_to_station(){

        if (document.stationform.stationselect.options[0].selected){

                window.location.href = "mailto:no1email@no1.com?subject=Quack Quack Quack Quack";}

        else if (document.stationform.stationselect.options[1].selected)

        {       window.location.href = "mailto:no2email@no2.com";}

        else if (document.stationform.stationselect.options[2].selected)

        {       window.location.href = "mailto:no3email@no3.com";}

        else if (document.stationform.stationselect.options[3].selected)

        {     &;nbsp; window.location.href = "mailto:no4email@no4.com";}

        return true;

        }

function textValue(){

    var stationInteger, stationString

        stationInteger=document.stationform.stationselect.selectedIndex

        stationString=document.stationform.stationselect.options[stationInteger].text


        document.stationform.stationtext.value = "You are emailing: " + stationString +"!"     }
//-->

</script>


</HEAD>

Default Part Of Body Section

<form NAME="stationform">
  <div align="center"><center><p><select NAME="stationselect" onChange="textValue()"
  SIZE="1">
    <option>Donald Duck </option>
    <option>Daffy Duck </option>
    <option>Dead Duck </option>
    <option>All Outta Ducks </option>
  </select> <br>
  <br>
  <input type="button" name="stationbutton" value="Email!" onClick="go_to_station()"> <br>
  <br>
  <input type="text" name="stationtext" value="Your are emailing: Donald Duck!" size="35"
  maxlength="35"></p>
  </center></div>
</form>


</body>
</html>

Reconfigured Part Of Head Section

<script LANGUAGE="JavaScript">
function go_to_station(){

        if (document.stationform.stationselect.options[0].selected){

                window.location.href = "mailto:Webmaster@ConsigliereLtd.zzn.com?subject=To The Attention Of The Webmaster";}

        else if (document.stationform.stationselect.options[1].selected)

        {       window.location.href = "mailto:SupportStaff@ConsigliereLtd.zzn.com?subject=To The Attention Of The Support Staff ";}

        else if (document.stationform.stationselect.options[2].selected)

        {       window.location.href = "mailto:AwardStaff@ConsigliereLtd.zzn.com?subject=To The Attention Of The Award Staff";}

        else if (document.stationform.stationselect.options[3].selected)

        {       window.location.href = "mailto:Consigliere@ConsigliereLtd.zzn.com?subject=To The Attention Of The Consigliere";}

else if (document.stationform.stationselect.options[4].selected)

         {       window.location.href = "mailto:AdminAssistant@ConsigliereLtd.zzn.com?subject=To The Attention Of The Administrative assistant";}

        return true;

        }

function textValue(){

    var stationInteger, stationString

        stationInteger=document.stationform.stationselect.selectedIndex

        stationString=document.stationform.stationselect.options[stationInteger].text


        document.stationform.stationtext.value = "You Will Be Emailing: " + stationString +"!"     }
//-->

</script>


</HEAD>

Reconfigured Part Of Body Section

<form NAME="stationform">
  <div align="center"><center><p><select NAME="stationselect" onChange="textValue()"
  SIZE="1">
    <option>The Webmaster </option>
    <option>The Support Staff </option>
    <option>The Award Staff </option>
    <option>The Consigliere </option>
    <option>The Administrative Assistant </option>
  </select> <br>
  <br>
  <input type="button" name="stationbutton" value="Email!" onClick="go_to_station()"> <br>
  <br>
  <input type="text" name="stationtext" value="You Will Be Emailing: The Webmaster!" size="45"
  maxlength="45"></p>
  </center></div>
</form>


</body>
</html>

For every additional address you want to add there are parts that you must follow in sequence. The below are the parts of the code you must add in their appropriate places within the code.

else if (document.stationform.stationselect.options[5,6 etc.].selected)

{ window.location.href = "Next Email Address";}

<option>Your Next Name Or Title </option>

On a few final notes the explanations for a few of the sections of code that may be unclear. Hopefully this will clarify them

Where you see this in the reconfigured sections

<input type="text" name="stationtext" value="You Will Be Emailing: The Webmaster!" size="45"
Above is the top name on the mailing selection that you will see when you open the page

Also if you notice on the "Default" only the top or first email address has a ?subject= attached to it. This is the subject that is attached to the email you send in the subject box. If you leave the others blank or without a subject in the code it will not have one in the email. This is your preference on if you want to add a subject to each address or not.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here [ Rate This Page ]

For your Information: * Since the original script site no longer archives this effect, we now are archiving this script for your convenience.