Java Script einfügen

Status
Nicht offen für weitere Antworten.
The real Gangster

The real Gangster

Erfahrenes Mitglied
hallo... ich bins wieder und nerve euch ;)

dieses mal ist es was kleines, und muesste sich eigentlich innerhalb kurzer zeit geloest sein.

also:

ich habe ein Javascript, dass einen farbuebergang erzeugt. aber wenn ich das script einfuege, dann ist das script in der ganzen html datei aktive. aber ich will, dass es nur im der navigations tabelle aktiv ist.

danke ;)
 
HTML CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<link href="css/rahmen.css" rel="stylesheet" type="text/css">
<link href="css/fixed_bg.css" rel="stylesheet" type="text/css">
<title>Global Events</title>
<style type="text/css">
<!--
-->
</style>
<link href="css/loc_links.css" rel="stylesheet" type="text/css">
<link href="css/events_links.css" rel="stylesheet" type="text/css">
<link href="css/navigation_links.css" rel="stylesheet" type="text/css">
<link href="css/news_links.css" rel="stylesheet" type="text/css">

<link href="css/normal_links.css" rel="stylesheet" type="text/css">
</head>

<body>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="175" colspan="3" valign="top"><div align="center"><img src="imgs/banner.jpg" width="1024" height="175"></div></td>
</tr>
<tr>
<td width="200" height="850" rowspan="2" valign="top" background="imgs/nav_bg2.gif" class="fixedbg">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../nixbild.txt" width="1" height="1"></td>
</tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table width="160" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td> <div align="center">
<table width="160" border="0" align="center" cellpadding="0" cellspacing="0" class="navilinks">
<tr>
<td><div align="center"><img src="imgs/navi_tab1_text.gif" width="160" height="30"></div></td>
</tr>
<tr>
<td height="280" background="imgs/navi_tab1_2.gif">

---------------------------------------------------------------------
<table width="80%" height="183" border="0" align="center" cellpadding="1" cellspacing="0" class="navigation">
<tr>
<td width="17%"> <div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Home</a>
</font></strong></td>
</tr>
<tr>
<td height="15"> <div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Forum</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Members</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="service.html">Service</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><a href="#"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Registrierung</strong></font></a></td>
</tr>
<tr>
<td><div align="center"><strong><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="imgs/platzhalter.jpg" width="8" height="8"></font></strong></div></td>
<td width="19%"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>
<img src="imgs/navi_kasten2.jpg" width="8" height="8"></strong></font></div></td>
<td width="64%"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>
Kartenservice </strong></font></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/platzhalter.jpg" width="8" height="8"></div></td>
<td><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>
<img src="imgs/navi_kasten2.jpg" width="8" height="8">
</strong></font></div></td>
<td><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Messages</strong></font></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/platzhalter.jpg" width="8" height="8"></div></td>
<td><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>
<img src="imgs/navi_kasten2.jpg" width="8" height="8">
</strong></font></div></td>
<td><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Partysuche</strong></font></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/platzhalter.jpg" width="8" height="8"></div></td>
<td><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>
<img src="imgs/navi_kasten2.jpg" width="8" height="8">
</strong></font></div></td>
<td><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Profil</strong></font></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Guestbook</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Links</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="#">Fotoarchiv</a></strong></font></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Partners</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Angebote</a></font></strong></td>
</tr>
<tr>
<td><div align="center"><img src="imgs/navi_kasten2.jpg" width="8" height="8"></div></td>
<td colspan="2"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Impressum</a></font></strong></td>
</tr>
</table>
</td>
</tr>
</table>
</div></td>
</tr>
---------------------------------------------------------------------
.....usw.....


in diesem makierten teil soll das JS aktiviert werden.


das script befindet sich im anhang....
 

Anhänge

  • javascript.txt
    2,4 KB · Aufrufe: 39
Ok...

ändere das Javascript wie folgt:

von Zeile 42 - Zeile 56
Code: 
function domouseover() {
if(document.all){
var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
 if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}
in
Code: 
function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if (srcElement.className == "fade")
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if (srcElement.className == "fade")
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

Jetzt musst du noch die Links abändern. Von...
Code: 
<a href="#">Home</a>
in
Code: 
<a href="#" class="fade">Home</a>

dannach sollten nur die Links die Farbe wechseln, denen als Class "fade" zugeordnet wurden...


ciao
 
Kann nicht sein, vielleicht hast wirgendwo falsch abgeschrieben ;)
Hab dir meine Beispieldateien im Anhang mitgeschickt... Die ersten vier Links wechseln die Farbe, di anderen noch nicht... schauß dir einfach mal an...

Ich habs im nur im IE6 getestet.


ciao
 

Anhänge

  • 1.zip
    1,8 KB · Aufrufe: 22
jup... jetzt gehts :)

ich hab wohl was an der js datei falsch gemacht... als ich deine verwendet habe, ging es dann auch ;)

vielen dank fuer deine muehe !
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück