I copy this slide menu java code into my web page using MS front page 2002. I do not work I am getting a error. Can someone please help me. Here is what the code looks like;:
<!--
Script Name: Slide Menu
Website URL: <!-- m --><a class="postlink" href="http://javascript.internet.com/navigation/slide-menu.html">http://javascript.internet.com/navigati ... -menu.html</a><!-- m -->
Description: This auto-hiding menu slides in and out when you move your mouse over it. Easily add as many links as you need!
-->
<!-- TWO STEPS TO INSTALL SLIDE MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<STYLE>
#menuOut, #menuIn
{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:yellow;
layer-background-color:yellow;
font:bold 12px Verdana;
line-height:20px;
}
</STYLE>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e --> -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://majestix.cjb.com">http://majestix.cjb.com</a><!-- m --> -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
if (document.all)
document.write('<div id="menuIn" style="left:-150" onMouseover="pull()" onMouseout="draw()">') // End --> </script> <layer id="menuOut" onMouseover="pull()" onMouseout="draw()"> <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var siteName = new Array();
var siteLink = new Array();
siteName[0] = "New JavaScripts";
siteName[1] = "Item 2";
siteName[2] = "Item 3";
siteName[3] = "Item 4";
siteName[4] = "Item 5";
siteName[5] = "Item 6";
siteLink[0] = "http://javascript.internet.com/new/";
siteLink[1] = "link2";
siteLink[2] = "link3";
siteLink[3] = "link4";
siteLink[4] = "link5";
siteLink[5] = "link6";
for (i = 0; i <= siteName.length - 1; i++)
document.write('<a href='http://www.webdeveloper.com/forum/archive/index.php/+ siteLink +'>' + siteName + '</a><br>'); // End --> </script> </layer> <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function regenerate() {
window.location.reload();
}
function regenerate2() {
if (document.layers)
setTimeout("window.onresize=regenerate", 400);
}
window.onload = regenerate2;
if (document.all) {
document.write('</div>');
slideMenu = document.all.menuIn.style;
boundryR = 0;
boundryL = -150;
}
else {
slideMenu = document.layers.menuOut;
boundryR = 150;
boundryL = 10;
}
function pull() {
if (window.drawMenu)
clearInterval(drawMenu);
pullMenu = setInterval("pullEngine()", 50);
}
function draw() {
clearInterval(pullMenu);
drawMenu = setInterval("drawEngine()", 50);
}
function pullEngine() {
if (document.all && slideMenu.pixelLeft < boundryR) slideMenu.pixelLeft += 5; else if(document.layers && slideMenu.left < boundryR) slideMenu.left += 5; else if (window.pullMenu) clearInterval(pullMenu); } function drawEngine() { if (document.all && slideMenu.pixelLeft > boundryL) slideMenu.pixelLeft -= 5; else if(document.layers && slideMenu.left > boundryL) slideMenu.left -= 5; else if (window.drawMenu) clearInterval(drawMenu); } // End --> </script> <center> Try the menu out for yourself! Move your mouse over the yellow border to the left. </center>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://javascriptsource.com">The JavaScript Source</a></font> </center><p>
Can somenoe please help me thanks.
My e-mail address is <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->
<!--
Script Name: Slide Menu
Website URL: <!-- m --><a class="postlink" href="http://javascript.internet.com/navigation/slide-menu.html">http://javascript.internet.com/navigati ... -menu.html</a><!-- m -->
Description: This auto-hiding menu slides in and out when you move your mouse over it. Easily add as many links as you need!
-->
<!-- TWO STEPS TO INSTALL SLIDE MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<STYLE>
#menuOut, #menuIn
{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:yellow;
layer-background-color:yellow;
font:bold 12px Verdana;
line-height:20px;
}
</STYLE>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e --> -->
<!-- Web Site: <!-- m --><a class="postlink" href="http://majestix.cjb.com">http://majestix.cjb.com</a><!-- m --> -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <!-- m --><a class="postlink" href="http://javascript.internet.com">http://javascript.internet.com</a><!-- m --> -->
<!-- Begin
if (document.all)
document.write('<div id="menuIn" style="left:-150" onMouseover="pull()" onMouseout="draw()">') // End --> </script> <layer id="menuOut" onMouseover="pull()" onMouseout="draw()"> <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var siteName = new Array();
var siteLink = new Array();
siteName[0] = "New JavaScripts";
siteName[1] = "Item 2";
siteName[2] = "Item 3";
siteName[3] = "Item 4";
siteName[4] = "Item 5";
siteName[5] = "Item 6";
siteLink[0] = "http://javascript.internet.com/new/";
siteLink[1] = "link2";
siteLink[2] = "link3";
siteLink[3] = "link4";
siteLink[4] = "link5";
siteLink[5] = "link6";
for (i = 0; i <= siteName.length - 1; i++)
document.write('<a href='http://www.webdeveloper.com/forum/archive/index.php/+ siteLink +'>' + siteName + '</a><br>'); // End --> </script> </layer> <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function regenerate() {
window.location.reload();
}
function regenerate2() {
if (document.layers)
setTimeout("window.onresize=regenerate", 400);
}
window.onload = regenerate2;
if (document.all) {
document.write('</div>');
slideMenu = document.all.menuIn.style;
boundryR = 0;
boundryL = -150;
}
else {
slideMenu = document.layers.menuOut;
boundryR = 150;
boundryL = 10;
}
function pull() {
if (window.drawMenu)
clearInterval(drawMenu);
pullMenu = setInterval("pullEngine()", 50);
}
function draw() {
clearInterval(pullMenu);
drawMenu = setInterval("drawEngine()", 50);
}
function pullEngine() {
if (document.all && slideMenu.pixelLeft < boundryR) slideMenu.pixelLeft += 5; else if(document.layers && slideMenu.left < boundryR) slideMenu.left += 5; else if (window.pullMenu) clearInterval(pullMenu); } function drawEngine() { if (document.all && slideMenu.pixelLeft > boundryL) slideMenu.pixelLeft -= 5; else if(document.layers && slideMenu.left > boundryL) slideMenu.left -= 5; else if (window.drawMenu) clearInterval(drawMenu); } // End --> </script> <center> Try the menu out for yourself! Move your mouse over the yellow border to the left. </center>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://javascriptsource.com">The JavaScript Source</a></font> </center><p>
Can somenoe please help me thanks.
My e-mail address is <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->