Dynamische style..

[Verwijderd]

Ik zit me hier helemaal een breuk te zoeken.
Ik heb een js string die de naam van een id-object geeft nu wil ik bijvoorbeeld van dit object de achtergrond kleur veranderen dus als het id1$1 zou zijn:
id1$1.style.backgroundColor="red";

Maar hierbij is de naam van het object al bij het laden van de pagina vastgelegd, ik wil dat deze dynamisch is dus met de string mee veranderd.

En het zielige is twee weken geleden wist ik nog hoe dat moest maar nu heb ik een totale blackout (en niks meer van 2 weken geleden)

[ Voor 4% gewijzigd door Verwijderd op 26-05-2003 09:54 ]

[eghie]

Zit die string ook in een variable
anders kun je gewoon die variable gebruiken.

[maikel]

Dat ID verandert doordat je de pagina in ASP/PHP opbouwt?
Zo ja, dan moet je in ASP/PHP ook het stukje javascript opbouwen.

[Verwijderd]

maikel schreef op 26 May 2003 @ 09:58:
Dat ID verandert doordat je de pagina in ASP/PHP opbouwt?
Zo ja, dan moet je in ASP/PHP ook het stukje javascript opbouwen.

Dat kan ook maar dan krijg je zulke grote lappen javascript.

eghie schreef op 26 May 2003 @ 09:57:
Zit die string ook in een variable
anders kun je gewoon die variable gebruiken.

Ja maar hoe dat ook alweer, ik weet het niet meer

[RobIII]

eval ?

[Verwijderd]

RobIII schreef op 26 May 2003 @ 10:07:
eval ?

Jah!!!!! Dat zocht ik.
Dat was ik nou helemaal kwijt

[eghie]

Verwijderd schreef op 26 mei 2003 @ 10:01:
[...]

Dat kan ook maar dan krijg je zulke grote lappen javascript.


[...]

Ja maar hoe dat ook alweer, ik weet het niet meer

je variable heet bijv. naam1
probeer dan eens naam1.style.bgcolor="red" (ofzo, ik weet niet meer wat je ermee3 wou, maar dit principe en ik weet ook niet of het werkt, nog nooit gedaan, maar lijkt me een beetje een logische manier)

[crisp]

eval is vies en bijna altijd overbodig.
Check this:

JavaScript:

var el = 'id1$1';
document.getElementById(el).style.backgroundColor = 'red';

[Verwijderd]

eghie schreef op 26 mei 2003 @ 10:10:
[...]

je variable heet bijv. naam1
probeer dan eens naam1.style.bgcolor="red" (ofzo, ik weet niet meer wat je ermee3 wou, maar dit principe en ik weet ook niet of het werkt, nog nooit gedaan, maar lijkt me een beetje een logische manier)

Ja maar dat werk niet
Maar eval kan het wel op een soort gelijke manier als je het zo gebruikt:
eval(nu+".style.backgroundColor=\"#333399\";");

crisp schreef op 26 May 2003 @ 10:13:
eval is vies en bijna altijd overbodig.
Check this:

JavaScript:

var el = 'id1$1';
document.getElementById(el).style.backgroundColor = 'red';

Had ik al geprobeerd maar dat werkt niet

[ Voor 37% gewijzigd door Verwijderd op 26-05-2003 10:16 ]

[Pelle]

Dan doe je het niet goed..

En eval is erg vies inderdaad.

[Bosmonster]

Verwijderd schreef op 26 May 2003 @ 10:14:
[...]

Had ik al geprobeerd maar dat werkt niet

code:

eval(nu+".style.backgroundColor=\"#333399\";");

Is exact hetzelfde als

code:

document.getElementById(nu).style.backgroundColor = "#333399";

Alleen de ene is de manier waarop het hoort, de andere de prutser manier.

[ Voor 11% gewijzigd door Bosmonster op 26-05-2003 11:04 ]

[maikel]

Verwijderd schreef op 26 May 2003 @ 10:01:
[...]

Dat kan ook maar dan krijg je zulke grote lappen javascript.

Je kunt toch ook alleen het ID door ASP/PHP laten genereren?
Dus:

code:

<script language="javascript">
    function ChangeColor()
    {
        <% Response.Write(id) %>.bgColor.Style = "red";
    }
</script>

Misschien ook niet supernetjes, maar het werkt wel goed.

[ Voor 8% gewijzigd door maikel op 26-05-2003 13:49 ]

[Bosmonster]

*zucht*

Zorg nou eerst eens dat je een javascript schrijft dat zonder enige input dingen kan doen. Bijvoorbeeld door gebruik te maken van "this" in je elementen.

Dan zul je zien dat de hele ID's helemaal niet meer van belang zijn

Bij het begin beginnen.. niet bij het einde