Switch Menu II IE

**vikki** · 04-12-2006, 02:25 PM

I'm trying to add Switch Menu II IE. where it says "This script references two external files. Download them below (right click link, and select "Save As"), and upload to your webpage directory:" I've downloaded them into my computer but I am guessing I uploaded them into my files on my website. I am using freeservers. I must have uploaded them into the wrong area i'm getting this http://www.theriseofamerica.com/supportgroups.html so no main to sub menus are sliding out no boxes are working at all. Any help?? Pretty please?

**jscheuer1** · 04-12-2006, 04:35 PM

You have this in your source code (as viewed in FF):

Code:

<script language="JavaScript" type="text/javascript" src="menu.js"></script>

<script language="JavaScript" type="text/javascript" src="menu.js"></script>

This line should only appear once. There could be other problems.

**vikki** · 04-12-2006, 04:55 PM

Thank you John,
I deleated the second code but still the same. I think I added the files to download to the wrong area??? my page looks like this:
<html>
<head>
<link rel="stylesheet" type="text/css" href="sddm.css" />

<title>The Rise of America</title>
<script language="JavaScript">
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeArray0() {
for (i = 0; i<makeArray0.arguments.length; i++)
this[i] = makeArray0.arguments[i];
}

function y2k(number) {
return (number < 1000) ? number + 1900 : number;
}

var months = new makeArray('January','February','March','April','May','June','July','August','September','October','November','December');
var days = new makeArray0('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

var today = new Date();
var day = days[today.getDay()];
var date = today.getDate();
var month = today.getMonth() + 1;
var year = y2k(today.getYear());
//-->
</script>
<style>
h2 {font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
color: #000000;
font-size: 18pt;
font-weight: normal;
text-align:center;}
h3 {font-family: Arial, Helvetica, Sans-Serif;
color: #000000;
font-size: 12pt;
font-weight: bold;}
.nav {font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;}
</style>
</head>
<body background="http://theriseofamerica.com.istemp.com/images/lightflags.jpg" text="#000000" link="#000000" alink="#000000" vlink="#cc0000" topmargin="0" leftmargin="0" marginwidth="0" marginwidth="0">
<table border=0 cellpadding=0 cellspacing=0 width="90%">

<tr valign="top">
<table border=0 cellpadding=0 cellspacing=0 width="90%">
<tr valign="top">
<td width="125" align="center">
<img src="/fs_img/builder/builder12/spacer.gif" width="175" height="1" alt="" border="0">
<br><br><br><br><br><br>
<b>
<font face="arail, helvetica, sans-serif" size="2" color="#000000">
<script language="JavaScript" type="text/javascript" src="menu.js"></script>


<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this);" > Demo Menu 1</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.javascriptkit.com">JavaScript Kit</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.codingforums.com">Coding Forums</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.builder.com">Builder.com</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.cssdrive.com">CSS Drive</a></span>
</div>
</div>
</div>


<BR />

<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" > Demo Menu 2</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.slashdot.org">Slash Dot</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://news.com">News.com</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://wired.com">Wired News</a></span>
</div>
</div>
</div>


<BR />

<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" > Demo Menu 3</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://cnn.com">CNN</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://msnbc.com">MSNBC</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://news.bbc.co.uk">BBC News</a></span>
</div>
</div>
</div>



</b>
</font></td>
<td width="87%"><div align="right"><font face="arial, helvetica, sans-serif" size="1">
<script language="JavaScript">

</script>   <br>
</div>
<p>
<div align="center">
<P ALIGN="center"> 
<P ALIGN="center"><B><font size=2></B></P>
<p>
<p>
<align="center">
<blockquote><br>

<h2><font size=5>Support Groups</h2>
<P ALIGN="justify"> <font size=3><b> Billy Graham Evangelistic assn.<br> – This link explains how we can have peace with God and be sure that heaven will be our eternal home.
<a href="http://www.billygraham.org/SH_StepsToPeace.asp"target="_blank">http://www.billygraham.org/SH_StepsToPeace.asp</a><br>
<P ALIGN="justify">

Covenant Eyes – This is a is software that installs on your PC that logs your web surfing, stores the data on our servers, and generates reports that are sent to the accountability partners you choose. It is used as an accountability tool for those people who a struggling with addictions and bondages to ****ography.
<a href="http://www.covenanteyes.com/"target="_blank">http://www.covenanteyes.com/</a><br>
<P ALIGN="justify">

Exodus International - This nonprofit, interdenominational Christian organization promote the message of Freedom from homosexuality through the power of Jesus Christ. This organization counters much of the disinformation about homosexuality and offers links to those that can help homosexuals break free from this bondage. They showcase at least 50 testimonials from former homosexuals concerning the power of Christ to free anyone from this lifestyle. Sign up for newsletter / e-mail list. �
<a href="http://exodus.to/default2.asp"target="_blank">http://exodus.to/default2.asp</a><br>
<P ALIGN="justify">

Light on the hill web cast – This is a streaming video that helps you understand and answer the question: “Am I going to heaven?”

<a href="http://shareheaven.org/media/heaven_640_250k.html"target="_blank">http://shareheaven.org/media/heaven_640_250k.html</a><br>
<P ALIGN="justify">
Promise Keepers - This is a Christ-centered organization dedicated to introducing men to Jesus Christ as their Savior and Lord; and then helping them to grow as Christians. This is mainly accomplished through our Seven Promises and our men's conference ministry.
<a href="http://www.promisekeepers.org/"target="_blank">http://www.promisekeepers.org/</a><br>
<P ALIGN="justify">
<a href="http://www.theriseofamerica.com" target="_top"><img src="http://theriseofamerica.com/images/troa.jpg"></a>


</font>
</blockquote>
</td>
</tr>
</table>
<br><br>
<div align="center">

</div>
</body>

</html>

**jscheuer1** · 04-12-2006, 09:11 PM

The menu.js appears to be in the right place but the sddm.css file needs to be in the same directory and it is not. Once you take care of that, if there are still problems, there could be a conflict with these functions on your page, try adding the red parts:

Code:

function makeArray() {
for (var i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeArray0() {
for (var i = 0; i<makeArray0.arguments.length; i++)
this[i] = makeArray0.arguments[i];
}

If that doesn't fix it, try temporarily removing the script:

Code:

<script language="JavaScript">
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeArray0() {
for (i = 0; i<makeArray0.arguments.length; i++)
this[i] = makeArray0.arguments[i];
}

function y2k(number) {
return (number < 1000) ? number + 1900 : number;
}

var months = new makeArray('January','February','March','April','May','June','July','August','September','October','November','December');
var days = new makeArray0('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

var today = new Date();
var day = days[today.getDay()];
var date = today.getDate();
var month = today.getMonth() + 1;
var year = y2k(today.getYear());
//-->
</script>

**vikki** · 04-12-2006, 09:54 PM

Thanks so much I tried taking out the script but that didnt work. but I just dont know how to add the sddm.css file to the same directory? it's in my files just like I added the menu.js so sorry for not understanding

**jscheuer1** · 04-13-2006, 02:15 AM

Another way to look at it is that this file exists:

http://www.theriseofamerica.com/menu.js

but, this one does not (and needs to):

http://www.theriseofamerica.com/sddm.css

Both the menu.js file and the sddm.css file are available on the demo page.

**vikki** · 04-13-2006, 07:05 PM

thank you again i see the problem i just seem to be having a problem fixing it
I deleated my old file and reload the new. When i click on edit i have this in my sddm[1].css file (it names it sddm[1].css file when i uploaded it)

.mainDiv
{
width:160px;
}
.topItem
{
width:160px;
height:22px;
cursor

ointer;
background: #467BF2;
text-decoration: none;
color: white;
font-weight:bold;
font-family:"GOTHIC";

}

.dropMenu
{
background:#D9D9D9;
border-top:1px solid #467BF2;
border-left:1px solid #92B1F8;
border-right:1px solid #92B1F8;
border-bottom:1px solid #92B1F8;
}

.subMenu
{
display:none;
}
.subItem
{
padding-left:5px;
cursor

ointer;
font-weight:bold;
text-decoration:none;
color:black;
}

.subItem a
{
text-decoration:none;
color:black;
}

.subItemOver
{
cursor

ointer;
color:blue;
text-decoration:underline;
font-weight:bold;
padding-left:5px;
}

.subItemOver a
{
color:blue;
}

.drop
{
border-left:1px solid black;
border-right:1px solid black;
}

**jscheuer1** · 04-13-2006, 07:21 PM

Originally Posted by vikki

thank you again i see the problem i just seem to be having a problem fixing it
I deleated my old file and reload the new. When i click on edit i have this in my sddm[1].css file (it names it sddm[1].css file when i uploaded it)

If it renames the file (and I see that it is there, with the new name), you need to change the reference to it on your page:

Code:

<link rel="stylesheet" type="text/css" href="sddm[1].css" />

**vikki** · 04-13-2006, 07:42 PM

Thank you so much!! It's working great you guys are the best

)

Thread: Switch Menu II IE

Thread Tools

Search Thread

Switch Menu II IE

Bookmarks

Bookmarks

Posting Permissions