Comment détecter un visiteur sous NoteBook ?

[cnhx]

Bonjour,

Existe t'il un moyen de détecter les utilisateurs de Notebook (EEPC, ....) afin de les rediriger sur une version adaptée du site ? (Rem : Je ne suis pas sur qu'il existe un USER_AGENT spécifique pour les Notebook )

Par exemple pour une utilisateur iPhone / iPod, j'utitilse le code de redirection PHP suivant :

Code: Tout sélectionner

if ( strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod') ) 
{     
header('Location: http://iphone.monsite.com);     
exit(); 
}


[Szarah]

Bonjour,
Existe t'il un moyen de détecter les utilisateurs de Notebook (EEPC, ....) afin de les rediriger sur une version adaptée du site ? (...)

Si le notebook est un PC standard (mêmes OS, mêmes navigateurs), la seule différence sera dans les dimensions de l'affichage. Avec un design fluide (flottant), pas besoin de version adaptée.

[cnhx]

C'est là mon petit souci, j'ai fait un menu flottant sur la page météo de mon site (http://www.ville-arnieressuriton.com/meteo/prevision-meteo-departement ... -Eure.html) mais voilà sur un NoteBook l'écran étant plus petit, je ne vois pas l'intégralité du menu. Sick

Je voulais donc détecter afin que dans le cas d'une consultation via un NoteBook, je ne fais pas de menu flottant.

Mais comme tu l'indique le NoteBook est vu comme un PC standard ! donc je suis coincé

[julienr]

le seule moyen c'est un js qui va redirigé en fonction de la largeur de l'écran du client, ou bien aussi recharger la page avec une variable genre ?display=mini
mais bon y a plus que les eepc 701 pour afficher du 800 px de large, depuis c'est 1024 est là chez moi çà passe ...

[cnhx]

le pb, ce n'est pas la largeur mais la hauteur de l'écran du client. Sur des 10 pouces mon menu est trop grand en hauteur

[julienr]

ah ok, sur 8,9 c'est aussi 600 ... Si tu étais joueur et vu que ton menu au final fait à peine plus de 400px de haut, tu modifie légèrement le script pour que le menu remonte tout en haut de la page lorsque le header n'est plus visible

[cnhx]

Excellente idée ! que je vais creuser ....
Allez et j'en profite , tu n'aurais pas une petite idée de savoir comment déterminer quand le header n'est plus visible ?

[julienr]

un indice scrollTop

[cnhx]

Je fouine .....

[julienr]

ton script utilise un framework y a peut être une doc associée ...

[julienr]

ton script utilise un framework y a peut être une doc associée ...

je me répond apparement pas de doc, mais bon dans JSFX_Browser.js :

Code: Tout sélectionner

JSFX.Browser.getMinY      = function() {return(document.body.scrollTop);}


alors du coup :

Code: Tout sélectionner

if(this.baseY > 0)
      targetY = JSFX.Browser.getMinY() + this.baseY;
   else
      targetY = JSFX.Browser.getMaxY() + this.baseY;


à remplacer par :

Code: Tout sélectionner

if(this.baseY > 0)
{
      if( JSFX.Browser.getMinY() > this.baseY )
      {
            targetY = JSFX.Browser.getMinY();
      }
      else
      {
            targetY = JSFX.Browser.getMinY() + this.baseY;
      }
}
else
{
      targetY = JSFX.Browser.getMaxY() + this.baseY;
}


[cnhx]

Julienr, Je dirais un seul mot : Chapeau !

Merci de ton aide.

[julienr]

euh je vois pas la modif en ligne, es-tu sûr que cela fonctionne au moins, car je n'ai pas cherché à tester ce que j'ai écris non plus ... ?

[cnhx]

Cela marche Nickel !
Voici le résulat : Météo département de l'Eure.

Encore merci de ton aide. Vraiment sympa.

[julienr]

great et je te confirme sur un netbook c nickel