PDA

View Full Version : 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? :o

jscheuer1
04-12-2006, 04:35 PM
You have this in your source code (as viewed in FF):


<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>

<!--------Start Menu---------->
<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>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<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>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<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>

<!--------End Menu---------->

</b>
</font></td>
<td width="87%"><div align="right"><font face="arial, helvetica, sans-serif" size="1">
<script language="JavaScript">
<!-- hide from older browsers
document.write(months[month] + ' ' + date + ', ' + year);
//-->
</script> &nbsp;&nbsp;<br>
</div>
<p>
<div align="center">
<P ALIGN="center"> <!--begin image_1--><!--end image_1-->
<P ALIGN="center"><B><!--begin heading_1--><font size=2><!--end heading_2--></B></P>
<p>
<p>
<align="center"><!--begin image_2--><!--end image_2-->
<blockquote><br>
<!-- start text here -->
<h2><!--begin page_title--><font size=5>Support Groups<!--end page_title--></h2>
<P ALIGN="justify"> <!--begin heading_1--><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>

<!-- end text here -->
</font>
</blockquote>
</td>
</tr>
</table>
<br><br>
<div align="center">
<!--begin search--><!--end search-->
</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:


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:


<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 (http://www.dynamicdrive.com/dynamicindex1/switchmenu2.htm).

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:pointer;
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:pointer;
font-weight:bold;
text-decoration:none;
color:black;
}

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

.subItemOver
{
cursor:pointer;
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
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:


<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 :))