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
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>&nbsp;<span>Mot 2</span>
</p>
 
<input type=button value="Go" onclick="changeOpac(50,'MonP')" />
JAVASCRIPT
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 + ")";
}
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.

Sauriez-vous pourquoi ?

Encore merci pour ton aide.