Afficher variable css dans la page HTML [Résolu/Fermé]

Signaler
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 -
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 -
Bonjour,
Je souhaites afficher dans ma page HTML une variable contenue dans ma feuille de style CSS.

J'ai deux fichiers séparé, index.html et style.css.

Je veux veux afficher les valeurs 640 et 480 dans ma page HTML contenu dans mon div :

.camera
{
width: 640px;
height: 480px;
}

j'ai besoin de faire cela pour ne pas changer en "dur" les 640 et 480 qui sont amenés à changer souvent.

Je souhaiterais donc pourvoir afficher dans ma page HTML ces deux valeurs.

Avez vous compris mon explication ?
Afficher la suite

8 réponses

Réponse 1 / 8
Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
 53
salut , c'est ca que tu veux ?:
<style type="text/css">
.camera
{
width: 640px;
height: 480px;
}
</style>
Réponse 2 / 8
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 14
Non, enfait j'ai donc dans ma feuille de style .camera etc etc... et dans mon code HTML j'ai ca:

Résolution: 640 x 480

et je voudrais arriver à un truc dans ce genre:

Résolution: $variable1 x $variable2
Où $variable1 et $variable2 correspondent respectivement aux deux valeurs dans mon div .camera,
c'est à dire width: 640px et height: 480px.
Réponse 3 / 8
Messages postés
197
Date d'inscription
lundi 6 juillet 2009
Statut
Membre
Dernière intervention
24 avril 2011
 6
Ca c'est du php....
Réponse 4 / 8
Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
 53
c'est pas exactement ca mais ca devrait te mettre sur la voie . test et dis moi

<style type="text/css">
#camera
{
width: 640px;
height: 480px;
}
</style>
<script type="text/javascript">
function grandi(long,haut)
{
var longueur= parseInt(long);
var largeur= parseInt(haut);
document.getElementById('camera').style.width=longueur;
document.getElementById('camera').style.height=largeur;
}
</script>

<a href="javascript:grandi('1024','768');">Test ça</a>
Réponse 5 / 8
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 14
Ouais, c'est pour ça que je voudrais savoir s'il n'y a pas un autre moyen, par exemple en Javascript pour réaliser ceci car je ne peux pas me servir d'un serveur PHP...
Réponse 6 / 8
Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
 53
ah et je l'ai pas mis mais pense a remplacer le class="camera" par id="camera"
Réponse 7 / 8
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 14
Okay on se rapproche bien, maintenant je veux afficher les variables long et haut pour quelle puisse apparaitre dans la page HTML.
Réponse 8 / 8
Messages postés
288
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
 14
C'est bon j'ai réussi, merci à vous
Posez votre question