Page 1 sur 1

OnMouseOver

Posté : 25 avr. 2012, 11:47
par centrale24
Bonjour,
Je cherche à faire changer un bouton lors de son survol mais sans perdre le lien.
Voici le bout de script mais il y a surement des erreurs de syntaxe voir plus.
Si quelqu'un peut m'aider.
Par avance merci.


<div id='b2008' style='position:absolute; left:12%; top:79%; width:10%; height:5%; ' ><a href="demarches.php"><img src="bouton/b100.png" width="100%" height="100%" border='0' onMouseOver='"bouton/101.png" border="0" width="100%" height="100%"'> </a></div>

Re: OnMouseOver

Posté : 25 avr. 2012, 12:18
par albat
Tu gagnerais beaucoup à utiliser les sprites CSS. ;)
Un petit tuto : http://www.alsacreations.com/tuto/lire/ ... ition.html

Re: OnMouseOver

Posté : 25 avr. 2012, 12:19
par xTG
Rien à voir avec du PHP, mauvais forum.

De plus pourquoi utiliser du Javascript quand on peut le faire en CSS ?
Tu as le sélecteur :hover en CSS qui permet d'appliquer un style différent au survol.
http://www.w3schools.com/cssref/sel_hover.asp

Re: OnMouseOver

Posté : 25 avr. 2012, 13:12
par centrale24
Merci pour vos réponses mais ce ne sont pas de onglets que je dois changer de couleur ou décaler le fond, c'est un bouton qui doit être pemplacer lors de son survol.

Re: OnMouseOver

Posté : 25 avr. 2012, 18:10
par albat
Onglet, bouton, image,... le principe reste valable.

Re: OnMouseOver

Posté : 27 avr. 2012, 16:25
par centrale24
Merci encore pour les réponses.
J'ai essayé de faire avec le css mais je n'arrive pas à dimensionner le bouton qui est dans un div.

Voici le code css:
#b7{

background-image:url(bouton/b3.png);
background-repeat:no-repeat;
}

#b7:hover
{
background: url(bouton/b3j.png);
background-repeat:no-repeat;
}

et voici la balise div:
<div id='b7' style='position:absolute; left:76%; top:25%; width:8%; height:5%; ' ><a href="ami.php"></a></div>

Le bouton change bien au survol mais je n'en aperçois qu'un petit bout. Je n'arrive pas à le dimensionner.

Re: OnMouseOver

Posté : 27 avr. 2012, 19:34
par centrale24
Merci encore
je vais écouter "XTG" et reformuler le message car ce n'est effectivement pas du php.