Récupérer un valeur dans une fonction

Merci de m'avoir répondu, votre function marche très bien mais le problème c'est au niveau du:

$(window).resize(updateViewport); 

En fait, quand je redimensionne la page alors la valeur retourné par la fonction updateViewport reste le même. l'évènement resize n'est pas détecter.

Cordialement,

As-tu des erreurs dans la console de ton navigateur ?

Non! je ne détecte aucun erreur sur la console mais elle me retourne un seul valeur est c'est tout, la valeur ne se met pas à jour lorsque je redimensionne la fenêtre, elle ne détecte pas l'évènement resize même si je change la valeur du fonction par le message hello word, alors elle me retourne seulement un seul hello word même si je redimensionne la fenêtre.

Ah mais ça c'est normal, le console.log n'est pas inclus à la fonction. Tu peux le rajouter à la dernière ligne de la fonction.

Bonjour,

Comme pour viewport ... en déclarant la variable en dehors de la fonction.

var viewport;
var scale ;
function updateViewport() {
   var unscaledViewport = page.getViewport(1);
   scale = Math.min(($(window).width() / unscaledViewport.width)); 
   viewport = page.getViewport(scale);
}
$(window).resize(updateViewport); 
 console.log("viewport", viewport);
 console.log("Scale: " , scale);

Encore merci de m'avoir répondu! si j’essaie d’exécuter les deux variables viewport et scale en dehors du function cela me retourne toujours un résultat undefined, voici quelque capture du console:


Cordialement,

Bonjour,

Peux-tu nous redonner ton code, tel qu'il est maintenant ?

Xavier

Bonjour,
Je suis encore sur l'ancien code que vous m'avez suggérer:

var scale ;
var viewport;
function updateViewport() {
   var unscaledViewport = page.getViewport(1);
   scale = Math.min(($(window).width() / unscaledViewport.width)); 
   viewport = page.getViewport(scale);
}
$(window).resize(updateViewport); 
 console.log("viewport", viewport);
 console.log("Scale: " , scale);

Cela m'a retourné scale: undefined, et viewport undefined. Les variables récupère bien le dimension de la fenêtre en temps réel si on le met dans la function mais quand on l’exécute en dehors du function alors elle est initialisé en undefined.

Bonjour,

C'est normal.
Il faut bien comprendre ce qu'il se passe ici.
Tu as un script (ces 10 lignes) qui est appelé lorsque la page est chargée. Dans l'état, le script fait :
- déclaration des variables ;
- déclaration d'une fonction, updateViewport, qui, quand elle est appelée, affecte des valeurs à tes deux variables ;
- affectation de cette fonction à l'événement Resize ;
- affichage du contenu des variables.

Déclarer la fonction ne l'exécute pas. Donc au chargement de ta page, la fonction n'est pas du tout appelée. Elle n'est appelée que quand la fenêtre est redimensionnée. Les variables ne sont donc initialisées qu'à ce moment.
Par ailleurs, l'affichage de la valeur des variables n'est fait qu'une fois : au chargement de la page. Donc avant que la fonction n'ait été appelée une première fois... Il est normal qu'elles soient encore undefined.

Pour y remédier, tu peux déplacer les deux console.log à l'intérieur du corps de la fonction.
Par ailleurs, je pense que tu as besoin d'initialiser tes variables au chargement de la page, car tu en auras besoin même si l'utilisateur ne redimensionne pas sa page.
Donc, rajoute un simple appel à la fonction (comme montré dans le code que j'avais donné) : updateViewport(); à la fin de ton script.

Xavier