Discussion :

[Balthazar117]

Bonjour, je débute en Javascript et je n'arrive pas à récupérer une variable.
Voici mon code JS :

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
$(document).ready(function(){
    $(".foto_mini").hover(
        function (){
            $(".photozoom").show();
            var url = this.src;
        },
        function (){
            $(".photozoom").hide();
        }
    );
});
 
function photozoom(){
    document.write('<div class="photozoom"><img class="foto" src="'+url+'"></div>');
}

Je n'arrive pas à récupérer ma variable 'url' pour l'utiliser dans ma fonction 'photozoom()', comment faire ?

[SpaceFrog]

=> jquery

Code :

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

var url = $(this).src;

[Balthazar117]

Merci, mais ça ne fonctionne toujours pas, j'essaie simplement de récupérer ma variable 'url' en jQuery pour pouvoir l'utiliser dans ma fonction Javascript 'photozoom'. Je ne vois pas comment faire... une idée ?

[Mahefasoa]

Bonjour,

Et

Code :

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

var url = $(this).attr('src');

cela ne fonctionne pas encore?

Bien cordialement,

[Bovino]

Non, ce qui ne fonctionne pas, c'est que Balthazar117 veut récupérer dans l'environnement global une variable définie dans la closure de jQuery. Or les variables définies dans jQuery ne sont pas accessibles dans l'environnement global.

Balthazar117, il va falloir que tu intègres la fonction photozoom dans du code jQuery et que tu mettes document.write() tout au fond d'une poubelle !

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var url 
$(document).ready(function(){
    $(".foto_mini").hover(
        function (){
            $(".photozoom").show();
             url = this.src;
        },
        function (){
            $(".photozoom").hide();
        }
    );
});

[Balthazar117]

Merci de vos réponses mais ça ne fonctionne toujours pas. Ma question n'est peut être pas assez précise... la première partie de mon code (en jQuery) fonctionne très bien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $(".foto_mini").hover(
        function (){
            $(".photozoom").show();
            var url = $(this).src;
        },
        function (){
            $(".photozoom").hide();
        }
    );
});

La partie suivante (en Javascript) n'arrive pas à récupérer la variable 'url' (établie précédemment) :

Code :

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

1
2
3
function photozoom(url){
    document.write('<div class="photozoom"><img class="foto" src="'+url+'"></div>');
}

J'espère avoir été plus précis, merci d'avance pour vos réponses.

[SpaceFrog]

Encore un qui lit les réponses ...
la solution est au dessus!

[Balthazar117]

Hum hum hum... Merci
RÉSOLU