Avatar billede metal_hansen Nybegynder
03. november 2002 - 09:59 Der er 6 kommentarer og
1 løsning

Nogen der kan forklare mig....?!!

Noget om javascript! Og ingen links!! Jeg har et konkret problem, dvs. snarere noget jeg ikke forstår.

http://217.157.173.133/OLAK/index_E-T.html
har jeg flg. script, som får links til at fade med en bestem farve etc. Men jeg fatter ikke helt hvordan det virker (har fået det fra en kammerat)
Når jeg f.eks. vil ha det til at fade med en anden farve på nogle bestemte sider, og så bare laver en ny js.js fil (f.eks. gul.js) pga. jeg vil ha den til at fade med gul - ja så kommer den med en fejl - og jeg fatter nada!
Hvis der er en der gider forklare mig hvorfor etc. så blir jeg en glad (og lidt klogere) mand.
På forhånd tak.

scriptet:

<!--
   
    function live(commId,room) {
      window.open("http://divxstation.com/live/live.asp?commId=" + commId +"&room=" + room +"&rancache="+ Math.random(),"Divxstation","width=730,height=480");
    }

    function goTo(targ,selObj,restore){
      eval(targ+".location='/comm/topic.asp?i="+selObj.options[selObj.selectedIndex].value+"'");
      if (restore) selObj.selectedIndex=0;
    }

    function show(wm) {
          wm.visibility = "show";
          wm.style.display = "";
    }
   
    function hide(wm){
          wm.visibility = "hide";
          wm.style.display = "none";
    }

    function openWin(eURL,eName,features) {
      window.open(eURL,eName,features);
    }

    function jscontrol_OFFLINE(varName,pName){
        var minicom = window.document.minicom;
        minicom.SetVariable("_level0." + varName + "", pName); 
    }

    function mp3Control(varName,pName){
        var mp3Player = window.document.mp3Player;
        mp3Player.SetVariable("_level0." + varName + "", pName); 
    }


//  i - id
//  p - property
//  v - value
function setStyleById(i, p, v) {
    var n = window.document.getElementById(i);
    n.style[p] = v;
}

    /************** FADE SCRIPT V 3.1 *******************/

    var fadeColor = "##FFCC00";
    var stepIn = 16;
    var stepOut = 500;

    autoFade = true; 
    sloppyClass = false;
    macCompat = false;

    hexa = new makearray(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";
   
    document.onmouseover = domouseover;
    document.onmouseout = domouseout;
   
    fadeColor = dehexize(fadeColor.toLowerCase());
   
    var fadeId = new Array();
   
    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 domouseover() {
        if(document.all){
            var srcElement = event.srcElement;
            if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
                    if (!srcElement.startColor) {
                        srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
                        srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
                    }
                    var link = (macCompat? srcElement.name: srcElement.uniqueID);
                    if (link) fade(srcElement.startColor,fadeColor,link,stepIn);               
                    else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
            }
        }
    }
   
    function domouseout() {
        if (document.all){
            var srcElement = event.srcElement;
            if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
                var link = (macCompat? srcElement.name: srcElement.uniqueID);
                if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
            }
        }
    }
   
    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 setColor(r, g, b, element) {
          var hr = hex(r); var hg = hex(g); var hb = hex(b);
          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 && eval(fadeId[0])) {
            var orig = eval(fadeId[0]);
            setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
            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;
    }

    /************** FADE SCRIPT V 3.1 END *******************/
//-->

og min css. ser sådan ud:

BODY {
    BACKGROUND-POSITION: 100%;
    SCROLLBAR-FACE-COLOR: #494949;
    FONT-SIZE: 12px;
    SCROLLBAR-HIGHLIGHT-COLOR: #494949;
    SCROLLBAR-SHADOW-COLOR: black;
    SCROLLBAR-3DLIGHT-COLOR: white;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: black;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    SCROLLBAR-DARKSHADOW-COLOR: black;
    SCROLLBAR-BASE-COLOR: #50aaba;
    BACKGROUND-COLOR: transparent;
    background-attachment : fixed;
    background-image : url(../bg_dkgray.jpg);
}
A:active {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
    TEXT-DECORATION: none
}
A:link {
    TEXT-DECORATION: none
}
.Txt2 {
    FONT-COLOR: white;
    FONT-SIZE: medium;
    FONT-VARIANT: small-caps;
}
.overskrift {
    FONT-SIZE: 17px;
    color : #FFCC00;
}
.test {
    font : normal normal normal small/normal "Times New Roman" Times serif;
    color : #B22222;
}
.seksten {
    font-family: Fixedsys;
    font-size: 16px;
    line-height: 16px;
    color: White;
}
.borderstagwall {
    color: #B22222;
   
}
Avatar billede metal_hansen Nybegynder
03. november 2002 - 14:23 #1
er der ingen der vil gi mig lidt forklaring?!
Avatar billede Slettet bruger
03. november 2002 - 21:07 #2
Jeg tror ikke, du bare kan lave en fil, der hedder gul.js og så forvente, at den fader til en gul farve.
Men du bliver nok nødt til at smide et link.
Avatar billede metal_hansen Nybegynder
04. november 2002 - 10:18 #3
http://217.157.173.133/OLAK/index_E-T.html (som også ligger i spørsmålet, men ok...)
Avatar billede metal_hansen Nybegynder
04. november 2002 - 10:18 #4
og jeg er da godt klar over at jeg i gul.js skal lave fade farven om til gul - men den melder fejl hvis jeg bare gør det..
Avatar billede Slettet bruger
04. november 2002 - 14:34 #5
Jeg havde ikke lige set linket. Kigger på det...
Avatar billede Slettet bruger
04. november 2002 - 14:36 #6
Her ændrer du farven:

var fadeColor = "##FFCC00";

Der er et # for meget. Prøv:

var fadeColor = "#FFCC00";
Avatar billede metal_hansen Nybegynder
04. november 2002 - 15:28 #7
*LOL* tænk at det var så simpelt :-)
tak for hjælpen!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester