Discussion :

[popov130]

SAlut à tous,

J'en sors pas avec mon bouton, je voudrais qu'il devienne rouge quand je le survole avec la souris ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<img src="../img/calendrier.jpg" id="date2" 
style="cursor: pointer; border: 1px solid red;"
 onmouseover="this.style.background='red';"
 onmouseout="this.style.background=''" />

J'ai des feuilles de style mais je n'ai aucun sélecteur sur les styles des balises <img> ...

Merci les gars

[E.Bzz]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='';"

A+

[le_chomeur]

Salut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<img src="../img/calendrier.jpg" id="date2" 
style="cursor: pointer; border: 1px solid red;"
 onmouseover="this.style.background='red';"
 onmouseout="this.style.background=''" />

Tu utilises une image JPG a ce que je vois, les jpg n'étant pas transparent, tu ne verra a aucun moment ton bouton rouge

2 solutions :
- sur ton onmouseover = "this.src='lienverimagerouge.jpg'"
- ne pas utiliser une image, mais un input de type bouton ou un lien

Coordialement

[popov130]

ok j'ai essayé avec "backgroundColor" ça marche po.
Un "jpg " n'est pas transparent mais on a pas moyen de lui faire une petit customization sans mettre un lien lors su passage de la souris ?
(je sais je suis exigeant )

[E.Bzz]

ok j'ai essayé avec "backgroundColor" ça marche po.

Si

Un "jpg " n'est pas transparent

Un GIF ou un PNG, par contre, si.

A+

[popov130]

E.Bzz : ta veut dire que normalement backgroundColor ça doit marcher avec un gif ou un png en clair ? ou ça veut dire que backgroundColor fonctionne même avec un jpg ?

De mon côté ça ne fonctionne pas même en convertissant le jpg en gif ... vous avez une idée de ou ça peut venir ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<img src="../img/calendrier.gif" id="date2" style="cursor: pointer;" title="Date selector"
      onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor=''" />

[E.Bzz]

E.Bzz : ta veut dire que normalement backgroundColor ça doit marcher avec un gif ou un png en clair ? ou ça veut dire que backgroundColor fonctionne même avec un jpg ?

Ca veut dire que style.backgroundColor fonctionne pour modifier la couleur de fond de ton bouton.
Mais tu ne le vois peut-être pas, si ton JPG recouvre entièrement ton bouton ...

A+