PDA

Click to See Complete Forum and Search --> : slide down menu

firequall
03-10-2003, 10:10 AM
I've been trying to get this code to work but it won't. i got it from http://javascript.internet.com/navigation/slide-down-menu.html. Can anyone take a look to get it working?
<html>

<BODY>

<!-- Begin



<SCRIPT LANGUAGE="JavaScript">

function goToURL() { history.go(-1); }

</script>



<style>

.menu

{

position:relative;

background-color:gold;

border:1px solid darkblue;

width:150;

font-size:11px;

font-family:verdana;

font:bold;

position:absolute;

cursor:se-resize;

}

.item_panel

{

width:150;

border-left:1px solid darkblue;

border-right:1px solid darkblue;

clip:rect(0,150,0,0);

position:absolute;



}

.item_panel a

{

text-decoration:none;

color:black;

cursor:hand;

}

.item

{

background-color:lightyellow;

width:148;

font-size:10px;

font-family:verdana;



}

</style>



<script language="JavaScript" src="sliding_menu.js"></script>

<center>

<table width=150><tr><td>

<script language="JavaScript">

//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"

var Link = new Array();

Link[0] = "0|Navigation";

Link[1] = "1|Home|http://firequall.proboards12.com/index.cgi|blank";

Link[2] = "1|Login|http://firequall.proboards12.com/index.cgi?action=login|blank"

Link[3] = "1|Help|http://proboards8.com/help/|blank";

Link[4] = "1|Search|http://firequall.proboards12.com/index.cgi?action=search|blank";

Link[5] = "1|Members|http://firequall.proboards12.com/index.cgi?action=mlall|blank";

Link[6] = "1|Calendar|http://firequall.proboards12.com/index.cgi?action=calendar|blank";

Link[7] = "1|Modify Board|http://firequall.proboards12.com/index.cgi?action=admin|blank";

Link[8] = "1|Profile|http://firequall.proboards12.com/index.cgi?action=profile&username|blank";

Link[9] = "1|Notification|http://firequall.proboards12.com/index.cgi?action=notifyshow|blank";

Link[10] = "1|Logout|http://firequall.proboards12.com/index.cgi?action=logout|blank";

Link[11] = "0|Welcome|

Link[12] = "1|Rules|http://firequall.proboards12.com/index.cgi?board=rules|blank";

Link[13] = "1|Introductions|http://firequall.proboards12.com/index.cgi?board=introduce|blank";

Link[14] = "0|Getting Started|"

Link[15] = "1|You a Newb?|http://firequall.proboards12.com/index.cgi?board=beginner|blank";

Link[16] = "1|Tutorials|http://firequall.proboards12.com/index.cgi?board=Tutorials|blank";

Link[17] = "1|Beginners Work|http://firequall.proboards12.com/index.cgi?board=new|blank";

Link[18] = "0|Workshops";

Link[19] = "1|Banner Workshop|http://firequall.proboards12.com/index.cgi?board=banner|blank";

Link[20] = "1|Avatar Workshop|http://firequall.proboards12.com/index.cgi?board=avatars|blank";

Link[21] = "1|Image Help|http://firequall.proboards12.com/index.cgi?board=images|blank";

Link[22] = "0|Advanced";

Link[23] = "1|Advanced Art|http://firequall.proboards12.com/index.cgi?board=expert|blank";

Link[24] = "0|Other";

Link[25] = "1|Signature and Avatar Tests|http://firequall.proboards12.com/index.cgi?board=avatar|blank";

Link[26] = "1|Uploading Problems|http://firequall.proboards12.com/index.cgi?board=upload|blank";

Link[27] = "1|Member Inativity|http://firequall.proboards12.com/index.cgi?board=inactive|blank";




startup(4);

</script>

// End -->
<!-- Script Size: 2.13 KB -->
</html>
pyro
03-10-2003, 10:43 AM
Do you have the file sliding_menu.js? If not, you can get it at http://javascript.internet.com/navigation/sliding_menu.js
firequall
03-10-2003, 10:45 AM
Originally posted by pyro
Do you have the file sliding_menu.js? If not, you can get it at http://javascript.internet.com/navigation/sliding_menu.js

yes i have that. its at http://firequall.tripod.com/sliding_menu.js
khaki
03-10-2003, 11:25 AM
Hi Firequall...

I took out a lot of the stray slop that was in the original code
and it works ok now.
Also, the original code had unclosed <td>, <tr>, and <table> tags.
You don't have to use this menu in a table (I think they did it for positioning),
but I put the closing tags in as well for you.
Let me know if you still have problems with it.
k


<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function goToURL() { history.go(-1); }
</script>
<style>
.menu
{
position:relative;
background-color:gold;
border:1px solid darkblue;
width:150;
font-size:11px;
font-family:verdana;
font:bold;
position:absolute;
cursor:se-resize;
}
.item_panel
{
width:150;
border-left:1px solid darkblue;
border-right:1px solid darkblue;
clip:rect(0,150,0,0);
position:absolute;
}
.item_panel a
{
text-decoration:none;
color:black;
cursor:hand;
}
.item
{
background-color:lightyellow;
width:148;
font-size:10px;
font-family:verdana;
}
</style>
<script language="JavaScript" src="http://javascript.internet.com/navigation/sliding_menu.js"></script>
<center>
<table width=150><tr><td>
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Home";
Link[1] = "1|Home|http://www.javascriptsource.com|";
Link[2] = "1|More Scripts|http://www.javascript.com|";
Link[3] = "1|Contact|http://www.javascriptsource.com/contact-us.html|";
Link[4] = "1|Traffic|http://www.thecounter.com|";
Link[5] = "0|Access";
Link[6] = "1|Login|Login.asp|";
Link[7] = "1|Logout|Logout.asp|"
Link[8] = "0|Scripts";
Link[9] = "1|Asp|http://www.javascriptsource.com|";
Link[10] = "1|JavaScript|http://www.javascriptsource.com|";
Link[11] = "0|Links";
Link[12] = "1|JavaScript sites|http://www.javascripts.com|blank";
startup(4);
</script>
</td></tr></table>
</BODY>
</HTML>