Avatar billede danielzambelli Nybegynder
20. marts 2010 - 03:58 Der er 1 kommentar og
1 løsning

Ved "onclick" skal elementet styles først den ene vej og så den anden vej.

Hej kære eksperter.
Nu driller javascripten mig ;O

Jeg har et link i html'en som ser sådan her ud:

<a class="archiveCat" href="#" id="link1" onclick="archiveChange('link1','img1')">
<img id="img1" class="archiveFolder" src="folder.png"> IT Denmark FTP Root</a>


Når man klikker på dette link første gang skal billede "img1" ændre sig, samt bagrundsfarven på link'et skal også lige ændre sig. Når man så klikker på linket igen skal linket og billede ændre sig tilbage til det oprindeligt...

Her er min java script:

function archiveChange(link, img) {
    var link = document.getElementById(link);
    var img    = document.getElementById(img);

    if(link.style.backgroundColor != "#E3EDFD") {
        link.style.backgroundColor = "#E3EDFD";
        img.src = "folderopen.png";
    }else{
        link.style.backgroundColor = "";
        img.src = "folder.png";
    }
}


Jeg syntes jeg har prøvet alt, men det fungere bare ikke som jeg ønsker det ;O - Når jeg klikker på linket første gang ændre den godt nok billede og bagrundsfarven, men når jeg så klikker igen på linket sker der bare ikke mere, meget frustrerende, især her kl 03:56 om natten ;)

Jeg håber du har et kvalificeret bud der kan hjælpe mig, på forhånd mange tak ! :D

Mvh Daniel Zambelli
Avatar billede intenz Novice
20. marts 2010 - 11:04 #1
Det er din linje:
if(link.style.backgroundColor != "#E3EDFD") {

der er problemet. Den viser backgroundColor som #e3edfd, altså med små bogstaver.
Du kan prøve at sætte en alert før den for at tjekke:
alert(link.style.backgroundColor);

Du kan derfor rette den ved at ændre linjen, så den altid laver det om til store bogstaver:
if((link.style.backgroundColor).toUpperCase() != "#E3EDFD") {
Avatar billede danielzambelli Nybegynder
20. marts 2010 - 15:20 #2
Mange 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