Discussion :

[Myrrdin]

Bonjour.

Je voudrais savoir si vous pourriez m'expliquer comment changer les attributs d'une balise div dynamiquement, sans recharger la page complète.
Je m'explique : j'ai une balise div dans laquelle sont présents quelques liens. Lorsqu'on clique sur ces liens, je voudrais que les données dans la div ne changent pas, mais que certains attributs de cette balise soient modifiés (l'attribut class), sans pour autant que toute la page soit chargée à nouveau. J'ai trouvé sur Internet les renseignements pour changer le contenu de la div, mais pas ses attributs... Ou alors, c'est que je n'ai pas compris comment faire... ;-)

Je ne sais pas si je suis très clair, mais, si ce n'est pas le cas, n'hésitez pas à me poser les questions nécessaires pour vous éclaircir.

Merci pour votre aide éventuelle.

[andry.aime]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
//Modifier l'attribut class
document.getElementById('idDiv').className='nomNouveauClasse';
//Pour modifier simplement le style
document.getElementById('idDiv').style.backgroundColor='#cccccc';

Regarde dans la Faq
http://javascript.developpez.com/faq/?page=CSS

[Sergejack]

pour pouvoir changer un attribut de style il faut souvent que cet attirbutsoit déjà employé sur l'élément (directement ou via CSS).

par exemple <div style="background-color: transparent;"> si tu veux changer la couleur de fond.