 |
| Hinweise |
Willkommen im TP-Hilfe-Forum!Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst. Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team. Viel Spaß bei Traum-Projekt.com |
06.01.2006, 11:43
|
#1
|
|
TP-Junior
Registriert seit: Jan 2006
|
Javascript nur in bestimmten Bereichen anwenden
Hallo!
Ich hab hier ein ziemlich komplexes Javascript und es folgendermaßen eingebaut:
<script type="text/javascript" language="JavaScript" src="/links.js"></script>
Soweit so gut. Allerdings wird diese Javascript (was die Veränderung der Linkfarbe bewirkt) auf der kompletten Seite angewandt. Ich möchte aber, das diese Javascript nur auf einen bestimmten Teil der Seite funktioniert.
Könnt ihr mir helfen?
|
|
|
06.01.2006, 11:47
|
#2
|
|
TP-Junior
Registriert seit: Jan 2006
|
hmm... ich glaub das Java Script selber wäre hilfreicher.
Du hast mit diesem Link nur die externe Datei auf die Seite eingebunden, damit kannst du überall auf der Seite darauf zugreifen, aber es geht hierbei eher um die Funktion denke ich...
|
|
|
06.01.2006, 11:50
|
#3
|
|
TP-Junior
Registriert seit: Jan 2006
|
Ok, sorry:
Code:
/*Konfiguration*/
startColor = "#ffffff";
endColor = "#000000";
stepIn = 20;
stepOut = 20;
autoFade = true;
sloppyClass = false;
/*Konfiguration*/
function fadeStart() {
i = 0;
while (document.getElementsByTagName("a")[i]) {
if (!document.getElementsByTagName("a")[i].id) {
document.getElementsByTagName("a")[i].id = "link_" + i;
}
i ++;
}
IE = (document.all || window.opera ) ? 1 : 0;
NS4 = (document.layers) ? 1 : 0;
DOM = (document.getElementById && !IE) ? 1 : 0;
hexa = new Array(16);
for(var i = 0; i < 10; i++) { hexa[i] = i; }
hexa[10]= "a"; hexa[11]= "b"; hexa[12]= "c";
hexa[13]= "d"; hexa[14]= "e"; hexa[15]= "f";
startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());
document.onmouseover = domouseover;
document.onmouseout = domouseout;
fadeId = new Array();
}
setTimeout("fadeStart();", 500);
function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0) {
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
} else {
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
}
return colorArr;
}
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
function hex(i) {
if (i < 0) {
return "00";
} else if (i > 255) {
return "ff";
} else {
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
}
function domouseover(E) {
if (IE) {
var srcElement = event.srcElement;
} else if (E) {
var srcElement = E.target;
}
if ((srcElement.tagName == "A" && autoFade && srcElement.id != null) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
fade(startColor,endColor,srcElement.id,stepIn);
}
}
function domouseout(E) {
if (IE) {
var srcElement = event.srcElement;
} else if (E) {
var srcElement = E.target;
}
if ((srcElement.tagName == "A" && autoFade && srcElement.id != null) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
fade(endColor,startColor,srcElement.id,stepOut);
}
}
function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.getElementById(element).style.color = "#"+hr+hg+hb;
}
function fade(s,e,element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];
if (fadeId[0] != null && fade[0] != element) {
setColor(sr,sg,sb,fadeId[0]);
var i = 1;
while(i < fadeId.length) {
clearTimeout(fadeId[i]);
i++;
}
}
for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + step +
")), Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" + step +
")), Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step +
")), \"" + element + "\");" ,i*step);
}
fadeId[0] = element;
}
|
|
|
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
|
| Themen-Optionen |
Thema durchsuchen |
|
|
|
| Thema bewerten |
|
|
Forumregeln
|
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 01:40 Uhr.
|
 |