Forum « Re: Javascript et changement de cass CSS »

Forum « Programmation Javascript » (archives)

Re: Javascript et changement de cass CSS

Envoyé: 28 novembre 2005, 13h51 par Oznog

Salut,

Alors il y a effectivement plus d'une façon de faire. Et note que tes propos change, le premier message parlait d'aucun problème avec la couleur de fond mais un problème de changement de contenu. Ensuite c'est le contraire et maintenant avec une restriction en utilisant des classes CSS.

J'ai déjà répondu à cette question dans le même optique, le changement de grandeur de police dynamique. « Re: Augmenter et diminuer le txt d'une page HTML + et - » (http://www.trucsweb.com/Forum/voirmessage.asp?forumid=8&messageid=10264&posparent=1)

Je reproduit ici un exemple adapté.

<html>
<head>
<title>Changement dynamique d'une couleur de fond - Trucsweb.com</title>
<style>
.couleur1 {
background-color: blue;
}
.couleur2 {
background-color: yellow;
}
</style>
<script type="text/javascript">
function twNeoClass(_id,_class) {
// Script gratuit des Trucsweb.com
// Laisser cette remarque s.v.p.
document.getElementById(_id).className = _class;
}
</script>
</head>
<body>
<div class="normal" onclick="twNeoClass('monDiv1','couleur2');">Fond 2</div>
<div class="normal" onclick="twNeoClass('monDiv1','couleur1');">fond 1</div>
<div id="monDiv1" class="couleur1">Bla Bla bla</div>
<body>
</html>

p.s. cette méthode n'est malheureusement pas compatible avec tous les navigateurs. Sinon tout devrait « idéallement » être fait de cette façon. Beaucoup plus propre.

Ciao
Oznog