home hardware prices news articles forums photos user reviews
Go Back   Tech Support Forums - TechIMO.com > PC Hardware and Tech > Webmastering and Programming
Join TechIMO for Free!
Register Blogs FAQ Members List Calendar Search Today's Posts Mark Forums Read
Reply Get bargains at  »  Dealighted.com
 
Thread Tools
Currently Active Users: 2224
Discussions: 188,392, Posts: 2,243,565, Members: 232,620
Old February 29th, 2004, 03:25 AM   Digg it!   #1 (permalink)
No pants, Wearin'a Helmet
 
MitaDC's Avatar
 
Join Date: Aug 2003
Location: Coeur D' Alene,Idaho
Posts: 3,459
Send a message via ICQ to MitaDC Send a message via MSN to MitaDC Send a message via Yahoo to MitaDC
Need Help on this javascript plz!

Hey could u guys help me out with this script?
I want it so that the navigation isn't like

blah
blah
blah

but more like
blah blah blah

I tried but I lost the effect of the mouseover

Ok sorry this is big but I can't upload a txt file or anything so here it goes

<html>

<head>
<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: ScriptBreaker (admin@scriptbreaker.com) -->
<!-- Web Site: http://www.ScriptBreaker.com -->
<!-- Begin
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = "http://www.javascriptsource.com"; }

function nochange(mycheckbox)
{
if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}

// End -->
</script>

<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Computers</title>
</head>

<body>
<p align="center"><font size="7">Computers</font></p>
<hr>
<style>
. tds
{
background-Color:silver;
width:100;
height:20;
text-align:center;
border:1px solid gray;
font-size:14;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor:crosshair;
}
</style>

<script language="javascript">
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;

var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);

function fadeImg2(teller)
{
apl[teller][1] = "Up";
changes();
}

function fadeImgend2(teller)
{
apl[teller][1] = "Down";
setTimeout("changes()",50);
}

function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows[i].cells[0];
opacity = apl[i][0]
if (apl[i][1] == "Up")
{
opacity += nPlus;
apl[i][0] = opacity;
if (apl[i][0] > 105)
{apl[i][1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[i][1] == "Down")
{
opacity -= nMin;
apl[i][0] = opacity;
if (apl[i][0] < 45)
{apl[i][1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter="alpha(opacity="+opacity+")";
}
if(ns6){
obj.style.MozOpacity = opacity + '%';
}
}
if (next_loop == false)
{
timer = setTimeout("changes()",speed);
}
else
{
clearTimeout(timer);
}
}

//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
apl[6] = new Array(45,"");
apl[7] = new Array(45,"");
apl[8] = new Array(45,"");
apl[9] = new Array(45,"");
apl[10] = new Array(45,"");
apl[11] = new Array(45,"");
apl[12] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
</script>

<body>
<table style="border:1px groove blue; width:130;height:180" cellspacing=0 cellpadding=0>
<tr><td align=center bgcolor=silver>
Navigation<br>
</td></tr>
<tr><td align=center border=2>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table height="272">
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='/index.html';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/index.html" style="text-decoration: none">
<font color="#000000">Home</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/computers.html" style="text-decoration: none">
<font color="#000000">Computers</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21"><b>
<a href="http://www.freewebs.com/pjcomputers/intel.html" style="text-decoration: none">
<font color="#000000">Intel-</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/budgetintel1.html" style="text-decoration: none">
<font color="#000000">Budget PC</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="20">
<i>
<a href="http://www.freewebs.com/pjcomputers/midintel.html" style="text-decoration: none">
<font color="#000000">Mid-Range</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/highintel.html" style="text-decoration: none">
<font color="#000000">High-End</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(6)" onmouseout="fadeImgend2(6)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21"><b>
<a href="http://www.freewebs.com/pjcomputers/amd.html" style="text-decoration: none">
<font color="#000000">AMD-</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(7)" onmouseout="fadeImgend2(7)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/budgetamd.html" style="text-decoration: none">
<font color="#000000">Budget PC</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(8)" onmouseout="fadeImgend2(8)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/midamd.html" style="text-decoration: none">
<font color="#000000">Mid-Range</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(9)" onmouseout="fadeImgend2(9)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/highamd.html" style="text-decoration: none">
<font color="#000000">High-End</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(10)" onmouseout="fadeImgend2(10)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/upgrades.html" style="text-decoration: none">
<font color="#000000">Upgrades</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(11)" onmouseout="fadeImgend2(11)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/about.html" style="text-decoration: none">
<font color="#000000">About</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(12)" onmouseout="fadeImgend2(12)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="mailto:smartdude185@hotmail.com,%20ichiro51r f@hotmail.com" style="text-decoration: none">
<font color="#000000">Contact</font></a></b></td>
</tr>
</table>
</td></tr></table>

<p><center>
&nbsp;</center><p>

<!-- Script Size: 4.59 KB -->


</body>

</html>
__________________
Dr. Cox -Newbie, Stay. Oohhh what a good boy you are, Newbie..... DEAR GOD JUDY HOW MUCH PRODUCT DO YOU USE?
J.D -None. It's like this when I wake up

MitaDC is offline   Reply With Quote
Old February 29th, 2004, 12:43 PM     #2 (permalink)
No pants, Wearin'a Helmet
 
MitaDC's Avatar
 
Join Date: Aug 2003
Location: Coeur D' Alene,Idaho
Posts: 3,459
Send a message via ICQ to MitaDC Send a message via MSN to MitaDC Send a message via Yahoo to MitaDC
Bump. BTW I know it looks confusing but just copy and paste it into like frontpage or notepad to look at it then u can see what it is suppost to look like.

MitaDC is offline   Reply With Quote
Old February 29th, 2004, 08:26 PM     #3 (permalink)
Member
 
brian0555's Avatar
 
Join Date: Mar 2002
Location: Ohio
Posts: 125
Send a message via AIM to brian0555
It does look a bit complicated, but seems there should be an easier way to do the navigation menu (that supports Opera, mozilla & the others). Dynamic drive has some great cross-browser nav. menu's using dhtml.
__________________
Rosetta@Home [XPC ]

brian0555 is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may post new threads
You may post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Most Active Discussions
Is It Just Me? (2904)
Building a gaming computer advice (5)
New Build ( Finally ) (6)
CPU wont boot (7)
Looks like Burris will get his Sena.. (12)
3-days in and no threads about Gaza (160)
I think I just killed my computer w.. (24)
Folderchat Weekday thread (444)
Upgrading RAM (6)
Recent Discussions
I think my PSU is dieing (0)
no power ! (8)
Need help removing my front usb.. (3)
Help Plz!!! (0)
CS/COND ZERO AGAIN (3)
Please help! multiple problems! (2)
nVidia GTX 295 now available (0)
Folderchat Weekday thread (444)
BATCH FILE WONT OPEN!!! HELP!!! (4)
Blackberry Storm, Gears of War .. (1)
Core 2 Quad Q9550 system (3)
COWBOOM Ripoff! Used Laptop w/$.. (4)


All times are GMT -4. The time now is 01:12 AM.
TechIMO Copyright 2008 All Enthusiast, Inc.



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28