[JS] Rollover

Bonjour,

Bonjour à tous !

J'ia un probleme très urgent si vous pouviez m'aider

Voila les codes :


Code : JavaScript
<script text="text/javascript">
function rollOver(lien){
document.images["image"].src=lien;
}
function texte(id)
{
document.getElementById('texte'+id).style.display='block';
}
function texteO(id)
{
document.getElementById('texte'+id).style.display='none';
}
</script>



Le code est appelé comme ça (en survolant une image )

onmouseover="texte(\'1\')" onmouseout="texteO(\'1\')"

Et le texte que l'on veut faire apparaitre est :

<p class="texteitalique" id="texte1" >blabla</p>

En clair, lorsqu'on survole une image, la focntion javascript texte, appelle le texte avec l'id correspondant, et quand on sort de l'image la fonction texteO, fait un display:none...

Le problème est que si on s'en va se balader dans la page, l'image reste mais pas le texte... Ce qui ets très gênant...

Donc je voudrais que lorsque l'on fait un onmouseout, le texte reste, puis quand on va sur une autre image, le texte disparait et est remplacé par un nouveau texte !!!

Merci d'avance c'est vraiment une quetsion de vie ou de mort peut tre pas quand même mais pas loin