Comment récupérer une variable en javascript?

Version imprimable

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

Code:

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 ?

29/09/2010, 11h31
SpaceFrog

=> jquery

Code:

var url = $(this).src;
29/09/2010, 12h24
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 ?
29/09/2010, 12h53
Mahefasoa

Bonjour,

Et

Code:

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

cela ne fonctionne pas encore?

Bien cordialement,
29/09/2010, 13h03
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 !

Code:

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();
        }
    );
});

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:

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:

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.

29/09/2010, 15h26
SpaceFrog

:roll::roll::roll::roll:

Encore un qui lit les réponses ...
la solution est au dessus!
29/09/2010, 15h31
Balthazar117

Hum hum hum... Merci :oops:
RÉSOLU