art-d-sign
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 06.01.2006, 11:43   #1
TP-Junior
 
Benutzerbild von [duda]solid
 
Registriert seit: Jan 2006
[duda]solid macht alles soweit korrekt

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?
[duda]solid ist offline   Mit Zitat antworten


Alt 06.01.2006, 11:47   #2
TP-Junior
 
Registriert seit: Jan 2006
TieAetsch macht alles soweit korrekt
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...
TieAetsch ist offline   Mit Zitat antworten
Alt 06.01.2006, 11:50   #3
TP-Junior
 
Benutzerbild von [duda]solid
 
Registriert seit: Jan 2006
[duda]solid macht alles soweit korrekt
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;
}
[duda]solid ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > Javascript
Javascript nur in bestimmten Bereichen anwenden Javascript nur in bestimmten Bereichen anwenden
« Anfängerfrage (Array) | Suche unter JS - While-Schleifenproblem »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
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.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:40 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67