Screen.height non reconnu

**jlp65** · 05/02/2014, 10h47

Bonjour,
Je souhaiterais que mon site positionne correctement mes éléments en fonction de la résolution de l'écran. Pour cela, j'utilise Screen.width et Screen.height. Mais cela ne fonctionne pas ??
Le code que j'utilise est le suivant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="javascript:document.getElementById('momo').style.left = screen.width/2-200 ; document.getElementById('momo').style.left = screen.height/2 ;">

Et,dans le "body", j'ai bien sûr :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id = 'momo'>

Merci pour votre aide !

**Bovino** · 05/02/2014, 11h05

Déjà : A quoi sert 'javascript:' dans une balise HTML ?

Ensuite, ta méthode suppose que le navigateur soit en plein écran, ce qui est loin d'être toujours le cas.

Enfin, pour affecter des propriétés de style left et top à un élément, il faut que celui-ci soit positionné.

**SpaceFrog** · 05/02/2014, 11h08

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onload="javascript:

un evenement ne s'attend pas à recevoir une recette de crèpes suzette... il ne peut recevoir que du javascript, le préciser est donc absolument inutile...

sinon pour ton souci teste ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
alert(window.screen.availWidth);
alert(window.screen.availHeight);

**jlp65** · 05/02/2014, 13h13

Merci beaucoup à vous deux !

Pour moi, ma demande était "toute bête" et je pensais qu'il n'était pas nécessaire de faire une thèse sur Html/JavaScript pour arriver à un tel résultat ! Mais il est vrai que je supposais, sans m'en rendre vraiment compte, que l'on était en plein écran. La remarque de Spacefrog rapport à la propriété availWidth de Screen me paraissait un moyen pertinent. Mais j'obtiens le même résultat (1680) que je sois en plein écran ou pas !??

Quant aux remarques sur le positionnement, c'est justement ce que je cherchais à faire !!

**SpaceFrog** · 05/02/2014, 13h15

screen = ecran il est donc normal que si tu es en fullscreen ou en fenetré ça ne change pas la taille de ton écran .... juste celle de la fenetre

**jlp65** · 05/02/2014, 13h38

OK. Donc on en arrive à la question-clé : pas moyen d'avoir les dimensions de la fenêtre ?

**Bovino** · 05/02/2014, 13h55

Tu peux utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.body.clientWidth;
document.body.clientHeight

je pensais qu'il n'était pas nécessaire de faire une thèse sur Html/JavaScript

Bah... désolé si on essaye, tout en répondant à ta question, de t'orienter vers les best practice. Mais si tu préfères continuer à coder comme dans les années 90, libre à toi...

**jlp65** · 05/02/2014, 14h10

Merci "Bovino" !
Ton instruction semble me convenir. Effectivement, je préfèrerais dans l'absolu programmer proprement mais, d'un autre côté, mon site est un petit site à usage restreint et je préfère éviter de me lancer dans des recherches tous azimuts. Encore si j'avais un bouquin pour regarder ça calmement !
Mais j'ai bien pris note de tes remarques et de tes liens. Merci encore !

Screen.height non reconnu

JavaScript

Discussions similaires

Partager

Partager