Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1396 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Récuperer le background d'un élément

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Récuperer le background d'un élément

n°2232751
zezette
"Allez hop, au revoir"
Posté le 04-07-2014 à 23:39:20  profilanswer
 

Bonsoir à tous,
 
Je voudrais récupérer le background-color d'un élément (celui qui a le data-selected="true" ) pour le mettre à un autre. A priori simple, pourtant ça ne marche pas :
Le HTML

Code :
  1. <ul id="liste">
  2. <li><a href="?type=1">1</a></li>
  3. <li><a href="?type=10">10</a></li>
  4. <li data-selected="true"><a href="?type=5">5</a></li>
  5. <li><a href="?type=7">7</a></li></ul>
  6. <div id="ladiv"><h1>Marcel</h1></div>


 
LE CSS

Code :
  1. #liste li:nth-of-type(1):hover {
  2. background-color:#f8d827;
  3. }
  4. #liste li:nth-of-type(2):hover {
  5. background-color:#cdb1ff;
  6. }
  7. #liste li:nth-of-type(3):hover {
  8. background-color:#d5ee70;
  9. }
  10. #liste li:nth-of-type(4):hover {
  11. background-color:#ff9797;
  12. }
  13. #liste li:nth-of-type(1)[data-selected="true"] {
  14. background-color:#f8d827;
  15. }
  16. #liste li:nth-of-type(2)[data-selected="true"] {
  17. background-color:#cdb1ff;
  18. }
  19. #liste li:nth-of-type(3)[data-selected="true"] {
  20. background-color:#d5ee70;
  21. }
  22. #liste li:nth-of-type(4)[data-selected="true"] {
  23. background-color:#ff9797;
  24. }


 
Le javascript

Code :
  1. var lesli=document.getElementById('liste').getElementsByTagName('li');
  2. for(var i=0;i<lesli.length;i++)
  3. {
  4.  if(lesli[i].dataset.selected=="true" )
  5.   document.getElementById('ladiv').firstElementChild.style.backgroundColor=lesli[i].style.backgroundColor;
  6. }


 
A priori, ça devrait aller mais ça ne marche pas...
 
Alors pour vérifier, j'ai fait ça en plus dans le if :

Code :
  1. lesli[i].style.backgroundColor="blue";
  2. document.getElementById('evenements').firstElementChild.style.backgroundColor=lesli[i].style.backgroundColor;


 
et les 2 sont bien bleus...
 
Une idée du pourquoi ça ne marche pas ?


Message édité par zezette le 04-07-2014 à 23:40:45

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
mood
Publicité
Posté le 04-07-2014 à 23:39:20  profilanswer
 

n°2232759
olivthill
Posté le 05-07-2014 à 01:21:43  profilanswer
 

Au lieu de backgroundColor, ne serait-ce pas background-color avec un tiret ?

n°2232786
islis
Posté le 05-07-2014 à 21:42:40  profilanswer
 

Pas en JavaScript : tout ce qui en CSS comporte un tiret va s'écrire en camelCase quand on y accède de cette manière
 
http://docs.webplatform.org/wiki/css/concepts/cssom


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Récuperer le background d'un élément

 

Sujets relatifs
Comment récupérer le contenu d'un control défini dans un EditItemTemplConvertir un element d'une liste en string
récupérer une information d'un site web en automatique ... aïeRécuperer les valeurs checked en php
récuperer le value of du value of d'une variable[XSLT1.0]Récupérer valeur d'un tableau
Background & Media queriesWordpress, récupérer une base de donnée ?
PETITE DEMANDE : comment récupérer des données XML dans un flashbackground
Plus de sujets relatifs à : Récuperer le background d'un élément


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR