Afficher variable css dans la page HTML
Résolu
NTeeN
Messages postés
288
Date d'inscription
Statut
Membre
Dernière intervention
-
NTeeN Messages postés 288 Date d'inscription Statut Membre Dernière intervention -
NTeeN Messages postés 288 Date d'inscription Statut Membre Dernière intervention -
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 ?
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 ?
Configuration: Windows XP Firefox 3.5
8 réponses
-
salut , c'est ca que tu veux ?:
<style type="text/css">
.camera
{
width: 640px;
height: 480px;
}
</style> -
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. -
-
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> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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...
-
ah et je l'ai pas mis mais pense a remplacer le class="camera" par id="camera"
-
Okay on se rapproche bien, maintenant je veux afficher les variables long et haut pour quelle puisse apparaitre dans la page HTML.
-
C'est bon j'ai réussi, merci à vous
