Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1258 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°844545
eternity_7​8
Posté le 07-09-2004 à 22:48:05  profilanswer
 

: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
mood
Publicité
Posté le 07-09-2004 à 22:48:05  profilanswer
 

n°844666
gm_superst​ar
Appelez-moi Super
Posté le 08-09-2004 à 01:02:51  profilanswer
 

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
n°844744
Xav_
The only one...
Posté le 08-09-2004 à 09:37:33  profilanswer
 

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
n°845021
fafane84
Posté le 08-09-2004 à 14:24:59  profilanswer
 

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
n°845304
eternity_7​8
Posté le 08-09-2004 à 18:51:27  profilanswer
 

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.

n°845356
Mjules
Parle dans le vide
Posté le 08-09-2004 à 19:53:40  profilanswer
 

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.
n°845364
eternity_7​8
Posté le 08-09-2004 à 20:40:14  profilanswer
 

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 :/

n°845371
Mjules
Parle dans le vide
Posté le 08-09-2004 à 20:45:21  profilanswer
 

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.
n°845375
eternity_7​8
Posté le 08-09-2004 à 20:50:04  profilanswer
 

:jap:

n°845435
Aurelienaz​erty
Posté le 08-09-2004 à 22:14:05  profilanswer
 

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
mood
Publicité
Posté le 08-09-2004 à 22:14:05  profilanswer
 

n°845542
eternity_7​8
Posté le 08-09-2004 à 23:25:46  profilanswer
 

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

n°845683
Mjules
Parle dans le vide
Posté le 09-09-2004 à 09:37:31  profilanswer
 

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.
n°845694
Hermes le ​Messager
Breton Quiétiste
Posté le 09-09-2004 à 09:55:27  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Pb Livre d'or herbergé par wanadoo ou pb front pageintegration préchargement flash dans page html ???
comment attendre le chargement avant d'afficher une page ?Changer code page SQL Server 7
Petite question : bouton haut de pageprobleme afficahge page web
page de renvoi vers index.html ?centrage du text dans page au format CSS ???
page d'accueil siteDétecter le plug-in FLASH
Plus de sujets relatifs à : Detecter la résolution du moniteur pour charger une page adaptée


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR