Discussion :

[shell13010]

Bonsoir a tous

J'ai une question qui peux être bête mais étant en train d'apprendre se framework qui est jquery, je bute sur une chose

Voila un petit exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div id="test">
bla bla bla...
</div>
........
..
<div id="test2">
bla contenu...
</div>

J'aimerais récupérer la couleur de fond de la balise test et quel soit appliquer a la balise test2 en jquery.

pour appliquer une couleur en css avec jquery je fait comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("#test2").mouseover(function () {
    $("#test2").css("background-color","#A72225"); 
$("#test2").css("border-color","#AB0403"); 
});

mais pour récupérer la couleur qui et appliquer a une DIV je n'y arrive pas

Es que vous auriez une idée sur une solution alernative?

Merci d'avance pour votre futur aide.

bonne fin de soirée à tous.

[beejeridou]

C'est la même chose,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var colorDiv = $('#maDiv').css('backgroundColor');

Par contre, si la couleur d'origine n'est pas définie à la base dans ta css, le résultat ne sera peut etre pas forcément celui voulu mais c'est tout.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  $("#test2").css({"background-color:"#A72225","border-color":"#AB0403"});

[danielhagnoul]

Bonjour

@spacefrog: c'est juste, sauf qu'il y a une petite erreur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("#test2").css({
   "background-color":"#A72225",
   "border-color":"#AB0403"
});

En JSON, la notation correcte est de mettre entre "double quote" exclusivement, les guillemets anglais, les labels et les valeurs qui ne sont pas des nombres. Si vous faites une transaction AJAX avec du JSON qui ne respecte pas cette règle, jQuery refuse de travailler. Voir la norme JSON et la documentation jQuery.

[shell13010]

Bonjour a tous,

Tout dabord merci pour votre aide

@beejeridou ok j'en prend compte,mais après teste bizaremment sa ne le prend pas en compte mais sa va me permettre d'avoir plus d'info

@SpaceFrog cool sa je ne savais pas que l'on avais pas besoin de répéter .css ... donc merci pour l'astuce.

@danielhagnoul bizarre sa, mais comme ceci fonctionne aussi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.css("background-color","#b78565");

dans tout les cas merci pour votre aide et vos explications

[vermine]

Bonjour,

Avec cette syntaxe-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.css("background-color","#b78565");

vous ne pouvez jouer que sur un seul style à la fois. Grâce à cette syntaxe-ci, vous pouvez en manipuler plusieurs, sous forme de structure/tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("#test2").css({
   "background-color":"#A72225",
   "border-color":"#AB0403"
});

[shell13010]

Bonsoir,

Merci pour cette explication, j'en prends compte sur le champ et ça m'a permis de réduire plusieurs lignes.

Sinon, bizarrement, je n'arrive toujours pas à faire fonctionner la suggestion conseillée par beejeridou.

Je vais essayer autrement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id="test" style="background-color:#FF0F0D">
bla bla bla...
</div>
........
..
<div id="test2">
bla contenu...
</div>

Voici le code jquery que j'essaie tant bien que mal de faire fonctionner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var colorDiv = $('#test').css('background-Color');
$('#test2').css(colorDiv); //pour afficher la couleur de la div test dans la div test2 en appelant colorDiv

Est-ce que je m'y prends mal ?

[danielhagnoul]

Bonjour

$("#test2").css("background-Color", $("#test").css("background-Color"));

[shell13010]

Bonjour,

Bin écoute,merci beaucoup pour ton aide.

vue comme sa a l'air simple,mais je viens de comprendre qu'il fallait que j'englobe le tout pour obtenir le résultat voulu

donc merci encore...

Cordialement.

[beejeridou]

"Quelle prétention de prétendre que l'informatique est récente: Adam et Eve avaient déjà un Apple!"

Oui mais y en a qu'une qui a mordu! ^^