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

par **cfiles** » 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.

par **Berzemus** » 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à

par **cfiles** » 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.

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

Répondre

Étendre la vue Revue du sujet : Récupérer une variable JavaScript dans le CSS...

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