Version imprimable
Bonjour,
Je cherche à connaitre la résolution du navigateur à partir de mon source en CGI, afin de réduire ma page si la largeur de l'écran est inférieure à un certain seuil.
j'arrive à le faire en javascript, mais impossible de le récupérer depuis le CGI sans passer par des cookies ou autre
Il n'y a pas une variable d'environnement contenant ca que je puise récupérer? j'avais trouvé HTTP_SCREEN_RESOLUTION, qui ne semble pas fonctionner
Merci d'avance
Autant que je sache, le Javascript fonctionne sur la machine du client. Ce n'est donc pas difficile de récupérer ces informations. Par contre, avant de passer par la C.G.I., ton client doit déjà envoyer lui-même ces infos à ton serveur et il n'y a rien, à ma connaissance, qui permettent de passer ces informations par les headers H.T.T.P. standard. Rien ne peut l'obliger à le faire, d'ailleurs (sinon, il y aurait beaucoup d'autres infos qu'il faudrait passer).
Cependant, dans la majorité des cas, tu ne devrais pas avoir besoin de le savoir. C'est à la C.S.S. de s'adapter à son environnement.
Je suis d'accord pour le style de la page web. Mais mon appli pourra aussi bien tourner sur un PC, une tablette ou un smartphone/PDA. Dans ce dernier cas, ma barre de menu est trop petite, et les onglets se superposent. Je voudrai donc connaitre la résolution, pour afficher "Gestion du compte XXX" sur les écrans >800px, et uniquement "Compte" pour les plus petits.Citation:
Envoyé par Obsidian
Salut,
Il me semble que gérer ça en javascript sur le client, comme tu l'as proposé au début, est la façon la plus naturelle de faire. Tôt ou tard, on se heurtera à des problèmes de mise en page en fonction de la résolution du client. On peut poser des rustines, mais ça ne sera jamais que du bricolage. Il faut l'avoir en tête avant d'écrire le premier bout de code.
Tu peux quand même contrôler l'user agent pour savoir à quel type de navigateur tu as affaire, et envoyer la bonne C.S.S. en conséquence. Ensuite, c'est à lui de se débrouiller.Citation:
Envoyé par link66
Dis-nous plutôt comment tu voudrais que ta page réagisse dans ce cas précis, il y a peut-être moyen de faire cela en C.S.S. proprement pour tous les clients.
Sur mon PC en résolution 1440*900, j'ai ma barre de liens qui resemble à ca:
http://www.developpez.net/forums/att...1&d=1291294425
Sur mon téléphone avec une largeur de 530 pixels (mode paysage), la barre devient comme ca:
http://www.developpez.net/forums/att...1&d=1291294911
Et quand on passe en mode portrait, les buttons de liens prennent toute la place.
Ce que je voudrais faire, c'est changer le nom de mes boutons en fonction de la largeur de l'écran: écran suffisamment large, barre standard, sinon on raccourci les noms, ou on les remplace éventuellement par des icônes.
Je dois pouvoir le faire en passant par du JS, mais le faire directement dans mon code source aurai été mieux =)
Je me sert déja du USER_AGENT pour savoir si le client utilise par exemple un ipad.
Quand j'ouvre ma page avec mon telephone, je recupere ca:
Savoir que j'ai un OS Android ou un navigateur mobile n'est pas une bonne référence, ca peut aussi bien définir un téléphone portable qu'une tablette Archos 10 pouces, laquelle n'aura aucun problèmes d'affichageCode:Mozilla/5.0 (Linux; U; Android 2.2; fr-fr; Liquid Metal Build/MASTER) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 Acer_S120/Acer_LiquidMetal_1.000.09_EMEA_SFR
A moins de trouver une solution miracle, je vais le faire en javascript
Il te faut un point de référence commun. Souvent, c'est la taille de la fonte par défaut. D'ailleurs, si ce n'est pas le cas, il faudrait que le contenu de tes boutons soit réellement écrit, et ne soit pas une image statique.
Il faudrait déplacer ce fil dans le forum C.S.S. désormais.
Le contenu des boutons est défini par des chaines de caracteres, pas des images:
Je vais y ajouter un ID, et tester la résolution dans un window.onload, pour changer le texteCode:
2
edit: probleme en partie résolu pour raccourcir les noms:
Code:
2
3
4
5
6
7
8
9
10
11
12
13... <div id="rightnav"><a href="index.cgi?p=disconnect">Déconnection</a><a href="account.cgi" id="button_account">Gestion du compte admin</a></div> ... <script type="text/javascript"> window.onload = function() { ... if(screen.width <= 640){ area = document.getElementById('button_account'); area.innerHTML="Compte"; } } </script>