Récupérer une variable JavaScript dans le CSS...

01 oct. 2007, 13:37

Bonjour,

Bon, j'ai hésité à mettre ce message dans CSS ou JavaScript, j'ai fait plouf-plouf...
Voilà mon problème du jour :

Je suis dans le <head> et je récupère la résultion de l'écran du visiteur en JavaScript :

Code : Tout sélectionner

<script language="JavaScript">
EcranHaut = (screen.height - 488)/2;
EcranLarg = (screen.width - 762)/2;
</script>

J'effectue sur ces largeur et hauteur quelques opérations relatives au design de ma page (j'ai une zone d'images / texte de 762x488 et je veux que cette zone se situe au centre de la page du visiteur... mais en code validé w3c, je ne peux pas faire de vertical-align: middle.

Je voudrais donc mettre dans le css :

Code : Tout sélectionner

#pageglobale {
	position: absolute;
	top: topposition px;
	height: leftposition px;
}

où topposition et leftposition serait les résultats des calculs effectués en JavaScript... J'ai tout essayé... et notamment de passer par le php, mais je n'arrive pas à récupérer les variables.

Quelqu'un aurait-il une idée et / ou la solution miracle ?
Merci de votre aide,
Caro.

01 oct. 2007, 14:12

Oui il y a moyen.

Mais en css pur, c'est mieux:

Code : Tout sélectionner

#pageglobale {
   position: absolute;
   top:50%;
   left:50%;
   margin-left:-381px; /*  (762/2)  */
   margin-top:-244px; /*  (488/2)  */
}

et voilà

03 oct. 2007, 21:24

Merci ! Génial ! Nickel ! Impécable !! Trop fort !!
Bon, je clôs donc le sujet... si je me souviens comment faire...
Bonne soirée,
Caro.

Récupérer une variable JavaScript dans le CSS...

Qui est en ligne