Javascript / Ajax - Remplacer une image par une autre

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Javascript / Ajax - Remplacer une image par une autre

gelatine_velue

Reprise du message précédent :

ingeniomatique a écrit :

Je me permets une petite relance...

Merci par avance de votre aide !

J'ai pris le code de ta page et remplacé le code js par ceci:

Code :

$(function(){
3
4 $("#conteneur img" ).click(function(){
5
6
7 $(this).attr('src', 'Images/Jeux/p41.png');
8
9
10 });
11});

Et là ça marche.
Autrement dit, tu avais mis une fonction dans une fonction.

Publicité

ingeniomatique

Ah oui effectivement ça marche, merci !!

Cependant, en continuant mon boulot je vais avoir le même souci :

Code :

<script type="text/javascript">
$(function(){
$("#conteneur img" ).click(function(){
$.ajax({
url: 'jeup4verif.php',
success: function(data) {
$(this).attr('src', data);
}
});
});
});
</script>

Avec jeu4verif.php :

Code :

<?php
$nb=rand(0,1);
if($nb==1)
{
echo 'Images/Jeux/p41.png';
}
else
{
echo 'Images/Jeux/p42.png';
}
?>

Là on a encore une fonction dans une fonction et l'image ne se remplace pas.

Une ultime aide ?

Merci !

Message édité par ingeniomatique le 16-08-2010 à 11:08:59

gelatine_velue

Oui, le code s'exécute correctement. La fonction est bien appelée. Le problème est que $(this) n'est pas ton image, mais le document ou un truc du style.

ingeniomatique

Ah oui je comprends...
Alors par quoi je peux remplacer le $(this) pour que ce soit bien l'image cliquée avant l'appel du document PHP ?

ingeniomatique

Voila à priori j'ai trouvé la solution :

Code :

<script type="text/javascript">
$(function(){
$("#conteneur img" ).click(function(){
$picture1 = $(this);
$.ajax({
url: 'jeup4verif.php',
success: function(data) {
$picture1.attr('src', data);
}
});
});
});
</script>

Merci encore!

abais

ah oui, c'est de ma faute ça, un this dans le success de l'ajax, ça ne risquait pas de donner grand chose, dsl
par contre, le "$" c'est en PHP... ici c'est var à la déclaration, et rien pour la reference !

Message édité par abais le 16-08-2010 à 13:33:25

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

Javascript / Ajax - Remplacer une image par une autre

Sujets relatifs
Menu CSS sans javascript	remplacer l'url dans <a href="adresse.html" par une variable
Question de débutant en Ajax	Petit souci : Switch javascript -> "default" ne fonctionne pas....
Image au-dessus d'un tableau	Remplacer caractères héxa : PERL
[SWT] Afficher image en plein ecran	Créer un widget : iframe + javascript, comment fait on ?
[javascript] action en appuyant sur la touche enter	Vidéo youtube sur image
Plus de sujets relatifs à : Javascript / Ajax - Remplacer une image par une autre

Page générée en 0.042 secondes