Discussion :

[Regis0122]

bonjour à tous,
Je ne comprends pas pourquoi ceci ne fonctionne pas :

Code php :

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

1
2
3
4
         echo "<div STYLE='background:#000000; width:144px ; height:53px ; cursor:pointer ; background-image : url(./images/accueil_all.png) ; background-position : 0px 0px; background-repeat: no-repeat ; float:left;'
               onmouseover=\" this.style.top='20px'; this.style.backgroundImage='url(./images/accueil_all.png)' ; return true ; \"
               onmouseout=\" this.style.backgroundImage='url(./images/Accueil-over.jpg)'; return true ; \" >";
         echo "</div>";

Si je modifie le background-position : 0px 0px; dans le style du php, ca marche très bien, mon image se déplace dans le div, mais si je le fais en javascript, impossible de déplacer mon image ???
Comment faire, this.style.top='20px'; n'est pas la bonne solution ?

Merci beaucoup à tous pour votre coup de main

Rg

[sebhm]

Bonjour,

mets le code généré plutot que le PHP (meme s'il n'est pas lourd), ca sera plus clair.

je ne sais pas ce que tu veux faire avec

Code :

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

style.top

mais ca n'a rien à voir avec background-position.

je te conseillerais plutot d'avoir des classes CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*ton css au depart*/
.normal { 
  background:#000000; 
  width:144px ; 
  height:53px ; 
  cursor:pointer ; 
  background-image : url(uneimage.jpg) ; 
  background-position : 0px 0px; 
  background-repeat: no-repeat ; 
  float:left;
}
 
/*ton css onMouseOver*/
.quand_mouse_over {
  background:#000000; 
  width:144px ; 
  height:53px ; 
  cursor:pointer ; 
  background-image : url(uneautre.jpg) ; 
  background-position : 20px 0px; 
  background-repeat: no-repeat ; 
  float:left;
}
 
/*ton css onMouseOut*/
.quand_mouse_out {
...
}

et tu changes la classe en javascript :

Code :

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

.. onmouseover="this.style.className='quand_mouse_over'"  onmouseout="this.style.className='quand_mouse_out'"

[Bovino]

Toujours est-il que ton

Code :

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

this.style.top

s'applique à la div, ce qui n'a pas grand sens puisqu'elle n'est pas positionnée...
Si c'est la position de l'image que tu veux modifier, c'est plutôt :

Code :

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

this.style.backgroundPosition

[Regis0122]

oulala j'avais lu un tableau sur un site qui disait que cette méthode n'existait pas en javascript, du coup j'avais essayé de chercher à faire autrement
Mais évidemment ceici

Code :

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

this.style.backgroundPosition

fonctionne parfaitement.

Merci beaucoup à vous tous pour votre aide.

Rg