Obtenir valeur d'un style css en javascript
5 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
Obtenir valeur d'un style css en javascript
Yop,
je cherche à obtenir la valeur d'un style css en javascript
<style type="text/css">
<!--
#box {
background-color: #EEEEEE;
}
-->
</style>
<script type="text/javascript">
<!--
var color = document.all.box.style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>
Mais ça ne marche pas
Merci de votre aide
je cherche à obtenir la valeur d'un style css en javascript
<style type="text/css">
<!--
#box {
background-color: #EEEEEE;
}
-->
</style>
<script type="text/javascript">
<!--
var color = document.all.box.style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>
Mais ça ne marche pas
Merci de votre aide
Merci de ton aide Szarah,
Mais j'y arrive toujours pas
voici mon code entier :
Mais j'y arrive toujours pas
voici mon code entier :
- Code: Tout sélectionner
#box {
border: #666666 1px solid;
background-color: #EEEEEE;
height: 50px;
width: 50px;
}
-->
</style>
<script type="text/javascript">
<!--
function box_click() {
document.all.box.style.backgroundColor = '#FFFFFF';
}
-->
</script>
</head>
<body>
<div id="page">
<div name="box" id="box" onclick="box_click()"></div>
<script type="text/javascript">
<!--
var color = document.getElementByID("box").style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>
Il faut bien respecter les minuscules/majuscules en javascript.
getElementByID -> getElementById
Et à la fin ton document.write n'est pas associé à un événement donc il ne s'affiche pas. J'ai rajouté un alert() dans ta fonction box_click().
Ce code fonctionne chez moi :
getElementByID -> getElementById
Et à la fin ton document.write n'est pas associé à un événement donc il ne s'affiche pas. J'ai rajouté un alert() dans ta fonction box_click().
Ce code fonctionne chez moi :
- Code: Tout sélectionner
<html>
<head>
<style>
#box {
border: #666666 1px solid;
background-color: #EEEEEE;
height: 50px;
width: 50px;
}
</style>
<script type="text/javascript">
<!--
function box_click() {
document.getElementById("box").style.backgroundColor = '#FFFFFF';
var color = document.getElementById("box").style.backgroundColor ;
alert('Couleur : '+color);
}
-->
</script>
</head>
<body>
<div id="page">
<div name="box" id="box" onclick="box_click()"></div>
<script type="text/javascript">
<!--
var color = document.getElementById("box").style.backgroundColor.value;
document.write('Couleur : '+color);
-->
</script>
</body>
</html>
Dernière édition par reglysse le Mer Avr 19, 2006 21:38, édité 1 fois.
5 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Google crawle les fichiers CSS
- Googlebot analyse certains codes JavaScript
- Afficher le PageRank en entier dans Firefox (barre d'outils Google)
- Obtenir des liens pour améliorer son référencement
- Découpage du forum webmaster en 2 forums
- Comment faire ignorer des zones de page pour Yahoo (robots-nocontent)
- Picasa Web Albums en français
- Classement Interbrand 2006 : la percée de Google
- Résultats des élections présidentielles du 2nd tour 2007 avant 20h
- Combien vaut un lien ?
- Style css
- Fusionner 2 style css.
- Feuille de style CSS
- Récupérer valeur champ en javascript
- Conseil sur style.css
- Feuille de Style CSS visitable.
- Feuilles de style css et balise H1
- Javascript : Affichage valeur input variable
- probleme de style css ou de code html
- [CSS] Un style pour en surcharger un autre ?
- A t-on le droit de modifier en css le style du bouton rech ?
- Style des fonts texte, navigateur, css
- [CSS] Améliorer le style des listes à puces
- Style CSS (gras) + Balise <strong> : Pas de risque?
- Besoin d'aide pour une feuille de style .css
Consultez la description détaillée des produits ou services de Google suivants : Google Toolbar, Google Related Links, Google Compute
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités






le forum