Detecter la résolution du moniteur pour charger une page adaptée

Detecter la résolution du moniteur pour charger une page adaptée - HTML/CSS - Programmation

Marsh Posté le 07-09-2004 à 22:48:05    

:hello:  
 
Qui pourrait me dire si en html/CSS il est possible de detecter la résolution du moniteur de celui qui regarde la page afin de charger une page adapter a son écran ?
 
En gros je fais un site optimisé 1024x768, mais pour que meme les utilisateur en 800x600 puissent naviguer confortablement, je voudrais réaliser une version "mini" du site, adapté au 800x600. Le site serait charger normalement (en 1024x768) sur les écran ayant une résolution egale ou superieur et la version "mini" serait chargé pour les utilisateur en 800x600.
 
 
C'est possible ou non ?
J'ai éssayé de chercher un peu sur le forum et sur des site de programmation (openweb, alsacreations) mais je trouve pas [:spamafote]
 
 :jap:


Message édité par eternity_78 le 07-09-2004 à 22:53:29
Reply

Marsh Posté le 07-09-2004 à 22:48:05   

Reply

Marsh Posté le 08-09-2004 à 01:02:51    

eternity_78 a écrit :

:hello:  
 
Qui pourrait me dire si en html/CSS il est possible de detecter la résolution du moniteur de celui qui regarde la page afin de charger une page adapter a son écran ?


C'est le rôle de JavaScript de dire ça.

eternity_78 a écrit :


En gros je fais un site optimisé 1024x768, mais pour que meme les utilisateur en 800x600 puissent naviguer confortablement, je voudrais réaliser une version "mini" du site, adapté au 800x600. Le site serait charger normalement (en 1024x768) sur les écran ayant une résolution egale ou superieur et la version "mini" serait chargé pour les utilisateur en 800x600.
 
 
C'est possible ou non ?


Oui c'est possible. Mais ce genre de technique est un peu dépassée, le mieux étant encore d'avoir un design qui s'adapte à toutes les résolutions (ou du moins, qui ne se dégrade que légèrement pour les résoutions extrèmes, du genre 640x480 ou 2048x1536)
 

eternity_78 a écrit :


J'ai éssayé de chercher un peu sur le forum et sur des site de programmation (openweb, alsacreations) mais je trouve pas [:spamafote]


C'est normal, ces sites sont orientés vers les standards du Web et qui dit standards dit le moins de limitations possibles quant à la manière de visualiser un site. Or toi tu introduis une contrainte (il faut telle ou telle résolution)


Message édité par gm_superstar le 08-09-2004 à 01:02:59

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-09-2004 à 09:37:33    

Dac avec Super, ya que le JS pour faire ça, ce sont des infos sur le client --> seul un langage coté client peux les récupérer.
 
Dac encore avec Super, il vaut mieux que tu ne fasse qu'une seule version qui "passe-partout" (le speudo-frame est très bien pour ça), moins de boulot et en plus, il est tjs possible au client de désactiver JS --> ton truc ne marchera pas dans ce cas là...


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 08-09-2004 à 14:24:59    

Salut à tous  :hello:  
 
Personnellement pour palier à ce genre de problème (et surtout car je ne connais pas le Javascript  :lol: ) mes pages sont faites, grâce au CSS, avec des tailles en % afin de positionner au mieux les éléments de la page (logo, menus, texte, etc...) quelquesoit la résolution d'écran.
 
Voir ici -> http://divxtutos.site.voila.fr/index.html
 
Mais il est vrai qu'en dessous de 800*600 certains éléments tel que le menu horizontal ou le logo ne s'afficheront pas correctement.


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 08-09-2004 à 18:51:27    

en 800x600 mon site va vraiment etre trop petit, c'est pour cela que je voulais faire une version "mini".
Je n'ai pas trop envie de reduire mon site "standard" au risque de perdre en qualité :/
 
Je crois que je vais laisser tomber le 800x600. De toute facon il n'y a plus grand monde qui navigue avec d'aussi petite résolution.

Reply

Marsh Posté le 08-09-2004 à 19:53:40    

tu plaisantes ? c'est une résolution encore très utilisée


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 08-09-2004 à 20:40:14    

a ce point ?  :heink:  
 
Je pense que je vais juste rajouter un chti lien en premiere page pour un acces au site en 800x600. Ca sera plus simple car le flash :/

Reply

Marsh Posté le 08-09-2004 à 20:45:21    

eternity_78 a écrit :

a ce point ?  :heink:  
 
Je pense que je vais juste rajouter un chti lien en premiere page pour un acces au site en 800x600. Ca sera plus simple car le flash :/

~30% :
http://www.w3schools.com/browsers/browsers_stats.asp


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 08-09-2004 à 20:50:04    

:jap:

Reply

Marsh Posté le 08-09-2004 à 22:14:05    

Pour répondre à te question voici le script Javascript:
screen.width et screen.height, ce sont des entiers... Un exemple si tu veux

Code :
  1. <script language='JavaScript' type='text/javascript'>
  2. var URL;
  3. if ( (screen.width<1024)&&(screen.height<768)) {
  4.  URL="index2_800.html";
  5. } else {
  6.  URL="index2_1024.html";
  7. }
  8. location = URL
  9. </script>

Mais bon comme dis plus haut, je ne te le recommende pas...


---------------
http://lan.team-azerty.com, LAN fun en Rhône-Alpes
Reply

Marsh Posté le 08-09-2004 à 22:14:05   

Reply

Marsh Posté le 08-09-2004 à 23:25:46    

je vais éssayé de creuser un peu la question avant de prendre une decision.
 
 :jap:  merci quand meme

Reply

Marsh Posté le 09-09-2004 à 09:37:31    

un bon article sur comment faire un design qui s'adapte à la résolution
http://www.pompage.net/pompe/designelastique/


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 09-09-2004 à 09:55:27    

eternity_78 a écrit :

je vais éssayé de creuser un peu la question avant de prendre une decision.
 
 :jap:  merci quand meme


 
Tu peux toujours creuser, ça te fera du bien pour apprendre un peu de JS, mais sérieusement, la solution du JS pour adapter ton site est une solution de merde.
 
Autre chose :
 
Une résolution de 800/600, 1024/768 etc... ça n'existe pas. Du moins la hauteur. Personne n'a la même hauteur dans son navigateur, à cause des barres d'outils, de barre google ou autre...
 
Pour ceux qui ont des hautes résolutions (1600/1200 par exemple) ou qui sont en bi-écran comme moi, la notion de largeur n'a pas plus de sens, on se fait nous même notre propre résolution, généralement du 1000 quelque chose sur du 600 quelque chose...
 
Bref, il n'y a que deux solutions :
 
- Un site qui fait 760 de large (768 max) avec une hauteur indéfinie.
 
- Un site dont les valeurs sont exprimées en %.
 
La deuxième solution est plus adaptée à des sites à tres grand contenu comme un forum, alors que la première est préférable pour un site de présentation.


---------------
Expert en expertises
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed