Discussion :

[ABCIWEB]

Bonjour,

Lors de l'affichage d'une box j'ai besoin de faire (avec jquery)

Code :

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

$("head").append('<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1">');

pour que la dimension de l'image soit calculée et affichée correctement. Jusque là tout va bien.

Mais je souhaiterais enregistrer préalablement (à l'ouverture de la box) les conditions initiales du viewport pour pouvoir les restituer à la fermeture de la box, de sorte que le visiteur retrouve la même vue qu'avant l'ouverture de la box. J'ai lu quelques tutos sur le sujet comme celui-ci mais aucun qui ne donne un bout de code en exemple... et mes essais ne sont pas concluants.

J'ai essayé d'enregistrer la largeur avec $(window).width() et le zoom avec screen.width/$(window).width() mais je me retrouve, à la fermeture de la box, avec un affichage pleine page quelque soit le zoom initial. Quelqu'un aurait-il une idée pour résoudre ce problème ?

(tests effectués sous android avec Chrome et autre navigateur Mozilla 5.0 AppleWebKit like Gecko version 4 mobile Safari, mêmes résultats)

[NoSmoking]

Bonjour,
tu peux toujours récupérer le noeud META et le remplacer par un autre, ensuite il te suffit de replacer l'ancien à sa place.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
// récupération de la balise
var oMetaOld = document.getElementsByName('viewport')[0];
// création de la nouvelle balise
var oMetaNew = document.createElement('META');
  oMetaNew.content = 'width=device-width,initial-scale=1';
  oMetaNew.name = 'viewport';
// remplacement
oMetaOld.parentNode.replaceChild( oMetaNew, oMetaOld);
 
// et pour la restauration
function restaure(){
  oMetaNew.parentNode.replaceChild( oMetaOld, oMetaNew);
}

[SylvainPV]

La modification dynamique de la configuration du viewport est déconseillée, les navigateurs ne réagissent pas tous de la même façon et certains vont jusqu'à ignorer complètement ces modifications. S'il faut absolument un viewport spécial pour une utilisation particulière, mieux ouvrir une nouvelle page.

[ABCIWEB]

Merci pour vos réponses.

Oui apparemment la modification dynamique du viewport pose problème... Je reste donc sur ma solution qui à défaut d'être parfaite, est la moins pire.