Taille ecran du visiteur

Fermé
fofo73 Messages postés 295 Date d'inscription vendredi 8 mai 2009 Statut Membre Dernière intervention 28 mai 2011 - 8 sept. 2010 à 15:44
fofo73 Messages postés 295 Date d'inscription vendredi 8 mai 2009 Statut Membre Dernière intervention 28 mai 2011 - 8 sept. 2010 à 20:12
Bonjour,
j'aimerais utiliser la taille de l'ecran du visiteur pour choisir le fond de page(un degrade)comment faire?
merci
A voir également:

1 réponse

Stouffi Messages postés 62 Date d'inscription mercredi 8 septembre 2010 Statut Membre Dernière intervention 8 janvier 2011 40
Modifié par Stouffi le 8/09/2010 à 15:58
Salut,

En JavaScript,

var width = window.screen.width //pour récupérer la largeur de l'écran 
var height = window.screen.height //pour la hauteur 


Bye

Edit : window.screen.width et non pas window.width
0
fofo73 Messages postés 295 Date d'inscription vendredi 8 mai 2009 Statut Membre Dernière intervention 28 mai 2011 8
8 sept. 2010 à 16:04
ouai mais comment dire que je veux prendre cette image de fond
0
Stouffi Messages postés 62 Date d'inscription mercredi 8 septembre 2010 Statut Membre Dernière intervention 8 janvier 2011 40
8 sept. 2010 à 16:15
Toujours en JavaScript ^^,

avec
document.body.style.backgroundImage = 'urldetonimage';


Tu connais JavaScript ?
0
fofo73 Messages postés 295 Date d'inscription vendredi 8 mai 2009 Statut Membre Dernière intervention 28 mai 2011 8
8 sept. 2010 à 16:19
euh pas trop :)
0
fofo73 Messages postés 295 Date d'inscription vendredi 8 mai 2009 Statut Membre Dernière intervention 28 mai 2011 8
8 sept. 2010 à 16:20
tu peut m'expliquer un peu cette ligne stp
0
Stouffi Messages postés 62 Date d'inscription mercredi 8 septembre 2010 Statut Membre Dernière intervention 8 janvier 2011 40
8 sept. 2010 à 16:47
Ok, un peu de culture : le JavaScript est un langage de programmation orienté objet qui s'exécute sur le navigateur internet du visiteur. Il permet entre autre de modifier l'aspect de la page (l'image de fond dans ton cas) sans interroger le serveur Web (sans requête http, donc sans rechargement de page). Comme c'est le langage s'exécute sur la machine du visiteur, on peut accéder à des infos sur sa configuration (par exemple les dimensions de son écran)

explication de la ligne :
document, body, style et backgroundImage sont des objets.
document représente le document dans son entier (tout ce qui est écris dans le code html est accessible via document par exmple body => c'est document.body)
body ce n'est autre que le corps du document qui correspondant à la balise <body>.
style c'est un objet qui représente l'ensemble des propriétés CSS appliqués à un élément (ici body => c'est document.body.style)
et backgroundImage c'est une propriété CSS que tu dois connaître (background-image en css)
et à droite du '=' ben c'est l'url de l'image (je pense qu'on doit écrire url('image'); comme en css)

Maintenant, connaissant la largeur de l'écran de l'utilisateur, tu voudrais sélectionner l'image adéquate pour le fond. donc tu dois écrire un petit script JavaScript qui détermine l'image de fond en fonction de la taille de l'écran.

Si tu connais des langage comme le C, le PHP, eh bien le JavaScript c'est pratiquement la même chose pour les structures conditionnelles (if-else) et itératives (while, for)

ouf quel pavé ^^
0