[css]Css code tript

[bibawa]

Ik begrijp hier nu totaal niets meer van, daarstraks werkte het, na een aanpassing aan iets werkt het plots niet meer, ik kan me niet meer herineren wat ik heb aangepast...:s

Via javascript probeer een afbeelding een border te geven via javascript als hij aangeklikt is:

JavaScript:

function undrawborder(){
       document.getElementById("foto1").style.borderStyle="none";
       document.getElementById("foto2").style.borderStyle="none";
       document.getElementById("foto3").style.borderStyle="none";
    }
    function drawborder(el){

       undrawborder();   //Eerst alle borders wegdoen...
       
       document.getElementById('foto1').style.borderStyle='solid';
    
       document.getElementById('foto1').style.borderColor='#a2f010';
      
       alert(document.getElementById('foto1').style.borderColor);
       
       
       
       el.style.marginTop="-3px";
       
    }

Het oproepen gebeurt in een nog andere functie startup() die geactiveerd wordt bij het klikken op de afbeelding, de oproep vandaaruit is :

drawborder(document.getElementById('foto1');

hij doorloopt mijn volledige code, ik krijg geen fouten echter bij het drawen van mijn bordern krijg ik geen border te zien ik zie wel dat hij de marginTop uitvoert want de afbeelding verspringt een beetje.
Als ik een alert doe van borderColor op variabele el in die functie krijg ik als verassend resultaat:

rgb(1 , 2 , 3) rgb(1 , 2 , 3) rgb(1 , 2 , 3) rgb(1 , 2 , 3)
(met 1 ,2 ,3 fictieve waarden dit zijn de rgb waarden van de kleur die ik meegeef als border color)

het werkt natuurlijk niet omdat hij hier 4 x achter elkaar die kleur in die variabele stopt, nu heb ik juist 4 <img src="" > tags op m'n scherm staan dus dat zou al kunnen verklaren dat dit 4 keer gebeurd, maar hoe kan dan dat er bij 1 borderColor van 1 tag dat 4 keer komt te staan?

(Het is trouwens in zowel IE als FF)

[_eXistenZ_]

/edit

Niet goed je code gelezen, nvm.

[ Voor 85% gewijzigd door _eXistenZ_ op 06-01-2008 18:20 ]

[Fuzzillogic]

Ik zie nergens dat je de border-width opgeeft. Is dat het misschien?

[Bitage]

Gewoon via CSS?

Cascading Stylesheet:

img:active
{
border:1px #000000 solid;
}

[Fuzzillogic]

img:active

Maar het is sowieso handiger en logischer om de gewenste borders in CSS te definieren in classes, zodat je met javascript alleen nog maar de className hoeft aan te passen.

[bibawa]

@fruzzylogic, ik was inderdaad vergeten de borderWidth te definieren.

Iedereen alvast bedankt..

Het wordt tijd dat ik er eens mee stop voor vandaag

[Bitage]

Fuzzillogic schreef op zondag 06 januari 2008 @ 18:22:
img:active

De :active is een doodnormaal CSS statement hoor. Net zoals :visited en :hover.
Probeer maar eens, helaas werkt het alleen als de muisknop ingedrukt is..

[Verwijderd]

Cascading Stylesheet:

border-color: #a2f010;

is een css shorthand voor

Cascading Stylesheet:

border-color: #a2f010 #a2f010 #a2f010 #a2f010;

, vandaar dat je vier waarden terug krijgt

[SchizoDuckie]

waarom draw je die dingen überhaupt met een paar regels javascript en set je niet meteen de className property?

JavaScript:

 document.getElementById('foto1').className='metBordertje'; // .metBordertje in je CSS daar definieer je alle borders dan netjes in en eventuele andere css
 document.getElementById('foto1').className=''; // resetten