Afficher variable css dans la page HTML

Résolu/Fermé
NTeeN Messages postés 288 Date d'inscription lundi 6 août 2007 Statut Membre Dernière intervention 22 octobre 2009 - 8 juil. 2009 à 16:26
NTeeN Messages postés 288 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 ?
A voir également:

8 réponses

resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
8 juil. 2009 à 16:27
salut , c'est ca que tu veux ?:
<style type="text/css">
.camera
{
width: 640px;
height: 480px;
}
</style>
0
NTeeN Messages postés 288 Date d'inscription lundi 6 août 2007 Statut Membre Dernière intervention 22 octobre 2009 14
8 juil. 2009 à 16:33
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.
0
Utilisateur anonyme
8 juil. 2009 à 16:37
Ca c'est du php....
0
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
8 juil. 2009 à 16:38
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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
NTeeN Messages postés 288 Date d'inscription lundi 6 août 2007 Statut Membre Dernière intervention 22 octobre 2009 14
8 juil. 2009 à 16:39
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...
0
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
8 juil. 2009 à 16:44
ah et je l'ai pas mis mais pense a remplacer le class="camera" par id="camera"
0
NTeeN Messages postés 288 Date d'inscription lundi 6 août 2007 Statut Membre Dernière intervention 22 octobre 2009 14
8 juil. 2009 à 16:53
Okay on se rapproche bien, maintenant je veux afficher les variables long et haut pour quelle puisse apparaitre dans la page HTML.
0
NTeeN Messages postés 288 Date d'inscription lundi 6 août 2007 Statut Membre Dernière intervention 22 octobre 2009 14
8 juil. 2009 à 17:55
C'est bon j'ai réussi, merci à vous
0