Bonjour,
Suite à mon problème de centrage du texte dans une balise P, j'ai posté mon problème dans la rubrique CSS : http://www.developpez.net/forums/sho...d.php?t=505565
Candygirl m'a gentiment donné la structure du code mais je pense que ce forum est plus adapté à mon petit souci.
Donc, je souhaiterais appliquer une opacité sur mes mots situés dans des SPAN.
Voici mon code :
HTML
JAVASCRIPT
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div style="width:500px; height:200px; background-color:Gray; text-align:center"> <p id="MonP" style="background-color:Red ;width:50%; text-align:center;"> <span id="Mot1" style="width:100%;">Mot 1</span> <span>Mot 2</span> </p> <input type=button value="Go" onclick="changeOpac(50,'MonP')" />
Quand je mets l'id du P dans la fonction changeOpac(50,'MonP'), ma balise a bien une opacité de 50% mais quand je veux le faire sur un mot, genre changeOpac(50,'Mot1'), ça ne fonctionne pas.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 /* Attribue l'opacité à un objet */ function changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; }
Sauriez-vous pourquoi ?
Encore merci pour ton aide.
Partager