Utilisation des paramètres

Bonjour, j'essaye depuis un moment d'utiliser des paramètres php envoyé en javascript.

Pour le contexte, c'est une photo qui change au passage de la souris.

javascript :

Code:

---

1 2 3 4 5 6 7 8 9

function test(num, url) {   var id = "element" + num;   $(id).attr("src", url);   alert(id); };

---

php :

Code:

---

1 2 3 4 5 6 7 8

<div class="athlete"> $num = 1; $urlon = 'img/team/on.jpg'; $urloff = 'img/team/off.jpg'; $buffer .= '<img src="img/team/off.jpg" class = "element'.$num.'" onMouseOver="test(\''.$num.'\', \''.$urlon.'\')" onMouseOut="test(\''.$num.'\', \''.$urloff.'\')">';   </div>

---

L'alert fonctionne très bien mais l'image ne change pas, si quelqu'un saurait pourquoi ... ?

Merci d'avance

Citation:

---

Envoyé par mateuil

Bonjour, j'essaye depuis un moment d'utiliser des paramètres php envoyé en javascript.

Pour le contexte, c'est une photo qui change au passage de la souris.

javascript :

Code:

---

1 2 3 4 5 6 7 8 9

function test(num, url) {   var id = "element" + num;   $(id).attr("src", url);   alert(id); };

---

php :

Code:

---

1 2 3 4 5 6 7 8

<div class="athlete"> $num = 1; $urlon = 'img/team/on.jpg'; $urloff = 'img/team/off.jpg'; $buffer .= '<img src="img/team/off.jpg" class = "element'.$num.'" onMouseOver="test(\''.$num.'\', \''.$urlon.'\')" onMouseOut="test(\''.$num.'\', \''.$urloff.'\')">';   </div>

---

L'alert fonctionne très bien mais l'image ne change pas, si quelqu'un saurait pourquoi ... ?

Merci d'avance

---

à mon avis tu mélanges php, html et javascript.

peux-tu nous montrer le code source/html généré ? (donc sans php)

Code:

---

1 2 3 4 5

<div class="athlete"> <img src="img/team/chauvelier_off.jpg" class = "action" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')"> </div>

---

Citation:

---

Envoyé par mateuil

Code:

---

1 2 3 4 5

<div class="athlete"> <img src="img/team/chauvelier_off.jpg" class = "action" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')"> </div>

---

---

le "$" c'est jQuery ? ou un autre framework ? Comment il est censé récupérer ton image avec "element1" ?

Au temps pour moi, il y a une erreur dans le dernier code :

Code:

---

1 2 3 4

<div class="athlete"> <img src="img/team/chauvelier_off.jpg" class = "element1" onMouseOver="test('1', 'img/team/chauvelier_on.jpg')" onMouseOut="test('1', 'img/team/chauvelier_off.jpg')"> </div>

---

Je l'avais changé dans mes derniers tests, mais cela ne fonctionne pas mieux. Oui, le $ correspond au Jquery.

class != id :aie:

Je suis d'accord mais étant donné qu'à terme, j'aurais plusieurs images sur la page, au survol d'une image, toutes les images ne doivent pas être modifié, donc avoir un nom de classe différentes ...

Citation:

---

Envoyé par mateuil

Je suis d'accord mais étant donné qu'à terme, j'aurais plusieurs images sur la page, au survol d'une image, toutes les images ne doivent pas être modifié, donc avoir un nom de classe différentes ...

---

:nono: ... des id différents.

Garde les classes pour ce qu'elles sont (potentiellement communes à divers éléments, sinon elles n'ont aucun intérêt) et les id aussi, et les vaches seront bien gardées... :mrgreen:

Code:

---

1 2 3

var id = "#element" + num;   $(id).attr("src", url);

---

id => #

Nikel, cela fonctionne en remplaçant class par ID et avec un petit # avant element :lol: Merci pour votre aide