Fenetre pour tester la resolution de son site

Soyez le premier à donner votre avis sur cette source.

Vue 12 296 fois - Téléchargée 367 fois

Description

Cet astuce, affiche une fenetre deplacable dans la page, qui permet de choisir entre plusieurs resolution

Tester la source pour mieux comprendre :)

Je me suis servis d'un bout de script de l'editeur javascript pour faire ceci : --> http://www.editeurjavascript.com/scripts/scripts_navigation_1_117.php

Source / Exemple :


<html>
<body>

<script language='JavaScript'>
undefined/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com

  • /
clickOui = false; bloc_x = 10; bloc_y = 10; function testClick() { base_x = x-bloc_x; base_y = y-bloc_y; clickOui=true; } function testClick2() { clickOui=false; } function get_mouse(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; if(clickOui && document.getElementById) { bloc_x = x-base_x; bloc_y = y-base_y; } document.getElementById("menu_resolution").style.left = bloc_x document.getElementById("menu_resolution").style.top = bloc_y } if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; </script> <div id="menu_resolution" onMouseDown="testClick()" onMouseUp="testClick2()" style="position:absolute; top:10; left:10;cursor:pointer;border:1px solid black;"> <span>Resolution</span> <ul style=" list-style-type: none;margin: 0px;padding: 5px 10px 5px 10px;"> <li> <input type="radio" name="radiobutton" onclick="javascript:window.resizeTo(screen.availWidth,screen.availHeight);window.moveTo(0,0);"> Maximum </input> </li> <li> <input type="radio" name="radiobutton" onclick="javascript:window.resizeTo(1024,768)" > 1024*768 </input> </li> <li> <input type="radio" name="radiobutton" onclick="javascript:window.resizeTo(800,600)" > 800*600 </input> </li> </ul> </div> </body> </html>

Conclusion :


Vous pouvez aisement ajouter des resolutions à tester :)

J'ai teste la compatibilité sous
IE 6.0
Mozilla 1.6 - 1.7
Firefox 0.8

Dites le moi si vous avez d'autres navigateurs

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

cs_qu3nt1n
Messages postés
1
Date d'inscription
lundi 15 septembre 2008
Statut
Membre
Dernière intervention
23 mai 2009
-
http://browsershots.org/
pour tester ta page sur tous les navigateur
jesusonline
Messages postés
6827
Date d'inscription
dimanche 15 décembre 2002
Statut
Modérateur
Dernière intervention
13 octobre 2010
17 -
resolution personalisée j'y avais pensé
mais par contre les cookies ? ce script sert au developpeur, et je pense que les developeur peut qd meme rajouter ces valeurs lui meme dans le script

j'ai pensé à rajouter la possibilité de savoir la dimension de la fenetre qd on la change manuellement
Jsman
Messages postés
264
Date d'inscription
jeudi 31 juillet 2003
Statut
Membre
Dernière intervention
12 juillet 2005
-
Ben pouvoir rentrer sa résolution personnalisée...
Et enregistrer les résolutions dans un cookies... :):)
jesusonline
Messages postés
6827
Date d'inscription
dimanche 15 décembre 2002
Statut
Modérateur
Dernière intervention
13 octobre 2010
17 -
Merci je viens d'y rajouter.

Si qqn voit des ameliorations que je pourrais faire : dites le moi :)
quitues
Messages postés
102
Date d'inscription
vendredi 7 mars 2003
Statut
Membre
Dernière intervention
23 octobre 2004
-
Testé aussi avec succes sous Mozilla 1.7

a part ca c'est pratique comme script

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.