Text dans des div avec onmouseover.

Voilà je cherche à utiliser la fonction onmouseover. Je souhaite que lorsque l'utilisateur passe sa souris sur une div le texte (d'une autre div) change.

Voilà mon codage HTML :

<div id="Haut-droite" onmouseover="milieu.data='bonjour'" onmouseout="milieu.data='&nbsp;'">bli bli bli</div>
<div id="milieu">&dzadazdad </div>

et le CSS :

#milieu
{
background-color: green;
margin-top: 120px;
width: 910px;
text-align: center;
text-shadow: Black;
font-family: Times New Roman;
font-size: 17px;
font-style: inherit;
}
#Haut-droite
{
width: 100px;
height: 100px;
background-color: green;
float:left;
position: absolute;
margin-left:540px;
border: Black;
border-style: solid;
}

Merci de votre aide
Modifié par mayb3 (29 May 2008 - 09:45)

Autant pour moi j'ai finalement trouvé la solution
Désolé pour le post inutile
Pour ceux que ça intéresse il suffit de changer le milieu.data par milieu.firstChild.data

Désolé encore

Salut,

Sois pas désolé, c'est toujours instructif de voir les problèmes que l'on rencontre.

J'ai essayé ton code, parce que je ne connaissais pas cette fonction, mais rien ne se passe chez moi.
Aurais-tu un exemple, steup?

Oui bien sûre.

Codage HTML :

 
<div id="bas1" onmouseover="Descriptif.firstChild.data='Tous les services.'" 
onmouseout="Descriptif.firstChild.data=' '">
<div id="Descriptif"> </div>  

Codage css :

 
#bas1
{
  	width: 130px;
  	height: 129px;
  	background-color: #c8d0d4;
  	margin-top: 285px;
	float:left;
  	position: absolute;
 	margin-left:180px;
	border: 1px;
	border-color: Black;
	border-style: solid;	
}
#Descriptif
{
	width: 200px;
	height: 100px;
	background-color: transparent;
	position: absolute;
	margin-left: 370px;
	margin-top: -70px;
} 

Adapte les valeurs margin en fonction de ceux que tu veux faire.
Normalement ça devrait fonctionner
Modifié par mayb3 (29 May 2008 - 16:07)