Discussion :

[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 :

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

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 :

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

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

[Willpower]

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 :

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

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 :

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

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)

[mateuil]

Code :

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

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>

[Willpower]

Code :

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

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" ?

[mateuil]

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

Code :

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

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.

[RomainVALERI]

class != id

[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 ...

[RomainVALERI]

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 ...

... 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...

[SpaceFrog]

Code :

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

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

id => #

[mateuil]

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