Sujet Précédent Sujet Suivant

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 ?

8 réponses

Réponse 1 / 8
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
Réponse 2 / 8
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
Réponse 3 / 8
Hapama
Messages postés
197
Date d'inscription
lundi 6 juillet 2009
Statut
Membre
Dernière intervention
24 avril 2011
 6
8 juil. 2009 à 16:37
Ca c'est du php....
0
Réponse 4 / 8
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
Réponse 5 / 8
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
Réponse 6 / 8
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
Réponse 7 / 8
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
Réponse 8 / 8
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