Fenetre pour tester la resolution de son site

Soyez le premier à donner votre avis sur cette source.

Vue 12 254 fois - Téléchargée 365 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

Commenter la réponse de Jsman

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.