Bonjour,
je me mets doucement au javascript et j'ai besoin d'avoir par dessus mon image une div transparente contenant du texte et centrée en hauteur.
J'essaye de faire un script pour ça mais ça ne fonctionne pas malheureusement.
Mon html:
Code HTML :
<div>
<img src="images/image0.jpg" alt="0" width="225px" height="145px" />
<div class="texte">
<h3>QUE FAIRE<br/>POUR Y ARRIVER</h3>
<h5>SPECTACLE TOUT PUBLIC</h5>
</div>
<img src="images/fond_jaune.jpg" alt="Spectacle0" class="masque" />
</div>
Cette div est répétée en boucle jusqu'à 8 fois.
Mon Javascript :
Code Javascript :
<script type="text/javascript">
nbElements=document.getElementsByClassName("texte").length;
alert(nbElements);
for(i=0;i<nbElements;i++){
alert(getElementsByClassName("texte")[i].offsetHeight);
getElementsByClassName("texte")[i].style.top = (145-getElementsByClassName("texte")[i].offsetHeight)/2+'px';
}
</script>Le premier alert me retourne le bon nombre d'éléments.
Le deuxième n'affiche rien.
J'ai une erreur dans Firebug : getElementsByClassName is not defined
si vous pouviez m'aider là-dessus, ça serait très sympa :)
Merci d'avance!
--------------------------------------------------------
http://www.projer.fr - dev web
http://www.lysdesign.fr - DA print / web - Illustratrice