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

Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
- - Dernière réponse : NTeeN
Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
- 8 juil. 2009 à 17:55
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

Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
52
0
Merci
salut , c'est ca que tu veux ?:
<style type="text/css">
.camera
{
width: 640px;
height: 480px;
}
</style>
Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
14
0
Merci
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.
Messages postés
197
Date d'inscription
lundi 6 juillet 2009
Statut
Membre
Dernière intervention
24 avril 2011
6
0
Merci
Ca c'est du php....
Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
52
0
Merci
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>
Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
14
0
Merci
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...
Messages postés
784
Date d'inscription
vendredi 26 juin 2009
Statut
Membre
Dernière intervention
21 janvier 2010
52
0
Merci
ah et je l'ai pas mis mais pense a remplacer le class="camera" par id="camera"
Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
14
0
Merci
Okay on se rapproche bien, maintenant je veux afficher les variables long et haut pour quelle puisse apparaitre dans la page HTML.
Messages postés
289
Date d'inscription
lundi 6 août 2007
Statut
Membre
Dernière intervention
22 octobre 2009
14
0
Merci
C'est bon j'ai réussi, merci à vous