Bonjour,
j'aimerais savoir s'il est possible de changer la couleur du fond lorsque la souris passe sur un bloc
ex :
<div id="menu">
<ul>
<li>je suis un bloc</li>
<li>je suis un 2eme bloc ^^</li>
<li>et moi , un 3ème !</li>
<li>bon , vous allez arrêter tous les 3 !</li>
</ul>
</div>
alors voilà mon problème,imaginons que chaque bloc a un fond nommé fond.png , j'aimerais que lorsque la souris passe sur un bloc , le fond devient fond2.png et lorsque la souris n'est plus dessus alors il reprend son fond normal ,c-à-d fond.png.
Est -ce possible ? Et encore une petite chose , j'aimerais que ce soit le fond d'un bloc( <li> ) qui change et pas toute la liste ( <ul> ) !
Voilà , je vous remercie d'avance de votre aide !

ps : et tout ceci par css pour faciliter la chose ,ex : class .normal ( donc normal )
                                                                            class .dessus ( donc le fond change)
                                                                            class .parti (lorsque la souris part ) 
et encore une fois ,
MERCI de votra attention

Bonjour,
En CSS:

li{
background:url("fichier1.jpg");
}
li:hover
{
background:url("fichier2.jpg");
}

Cependant, le hover n'est peut-être pas compatible avec tous les navigateurs.
En javascript :
<li name="rollover"></li>
<li name="rollover"></li>
<!-- Tu nomme toutes tes balises <li> "rollover"-->
Et tu rajoute ce script :
<script>
var bloc=document.getElementsByName("rollover");
for(i=0;i<bloc.length;i++)
{
bloc[i].onmouseover=function(){bloc[i].style.background="url(fond1.jpg)";}
bloc[i].onmouseout = function(){bloc[i].style.background="url(fond2.jpg)";}
}
</script>

---

---

^_STFOU

getElementsByName ==> Sous IE, seul les objets ayant le droit de recevoir un attribut name sont compatbilisés (INPUT, TEXTAREA, BUTTON et c'est tout, je pense)...

Pourquoi notre PC fait-il toujours ce qu'on lui demande ... et pas ce qu'on veut ???

Euh, tout les objets ont le droit de recevoir un attribut name, et moi j'utilise getElementsByName sur des images, des divs etc.. et ça marche très bien.

---

---

^_STFOU

Merci Stfou,
mais comme l'a fait remarqué Fremycompany,
<li> ne peut pas prendre l'attribut name...
ni <ul>
ni <div> !

J'utilise Dreamweaver et il m'a fait remarqué que je ne pouvais pas utiliser l'attribut name...
Une autre solution peut-être ?

PS : je peux toutefois utiliser onMouseOver , OnMouseOut sur n'importe balise...
est - ce que vous n'auriez pas une petite idée car je pense que l'on peut faire <li OnMouseOver:"javascript{je ne sais pas}">blabla</li>
J'aimerais une petite fonction en javascript pour faire appel à une class nommé '.liover' lorsque la souris est dessus.
Est - ce que ceci est correct         <li OnMouseOver="javascript:{set.class='liover'}">blabla</li>
Je ne connais rien en javascript , j'ai donné l'exemple en rapport avec les connaissances que j'ai en php...

Dans ce cas simplement avec style plutot que de créer une class.

---

---

_^STFOU

Oui, c'est correct en javascript, mais pourquoi faire compliqué quand on peut faire simple, prend mon exemple css, c'est plus simple. mais si tu veux je te fais quand même un code javascript :

<script>
function bg1(object)
{
object.style.background="url(fond1.jpg)";
}

function bg2(object)
{
object.style.background="url(fond2.jpg)";
}
</script>
<li onmouseover="bg2(this)" onmouseout="bg1(this)">

Par exemple

---

---

_^STFOU

Merci stfou ,
ça a marché !