Récupéré css en js
Fermé
florire
Messages postés
151
Date d'inscription
lundi 15 juillet 2013
Statut
Membre
Dernière intervention
15 juillet 2022
-
Modifié par florire le 24/04/2014 à 17:15
florire Messages postés 151 Date d'inscription lundi 15 juillet 2013 Statut Membre Dernière intervention 15 juillet 2022 - 25 avril 2014 à 07:54
florire Messages postés 151 Date d'inscription lundi 15 juillet 2013 Statut Membre Dernière intervention 15 juillet 2022 - 25 avril 2014 à 07:54
3 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 24/04/2014 à 19:19
Modifié par animostab le 24/04/2014 à 19:19
salut essaie ca
le script doit être place après le html
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
<div id="currentcolor" class="colorpicker_current_color" style="display: none; background-color: #D60DD6;">en javascript on ecrit backgroundColor
<script type="text/javascript">
var color = document.getElementById('currentcolor').style.backgroundColor;
alert('couleur ='+color)
le script doit être place après le html
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
florire
Messages postés
151
Date d'inscription
lundi 15 juillet 2013
Statut
Membre
Dernière intervention
15 juillet 2022
6
Modifié par florire le 24/04/2014 à 20:25
Modifié par florire le 24/04/2014 à 20:25
Merci de ton aide.
Sa marche pas, est ce que sa peut être du au fais que le code html dont je parle est rajouté par du javascript ?
Le code de base c'est sa:
et ensuite j'ai plein de div dont "#currentcolor" qui sont rajouté par un code js.
EDIT:
J'ai mis tout mon html dans la page de base (et je l'ai laissé dans le js si non mon sélecteur ne fonctionne pas), et sa fonctionne mais maintenant j'ai un problème m'on sélecteur ne change plus la couleur de la div.
Je vais cherché
Sa marche pas, est ce que sa peut être du au fais que le code html dont je parle est rajouté par du javascript ?
Le code de base c'est sa:
<div id="customWidget">
<div id="colorSelector2">
<div style="background-color: #000"></div>
</div>
<div id="colorpickerHolder2"></div>
</div>
et ensuite j'ai plein de div dont "#currentcolor" qui sont rajouté par un code js.
EDIT:
J'ai mis tout mon html dans la page de base (et je l'ai laissé dans le js si non mon sélecteur ne fonctionne pas), et sa fonctionne mais maintenant j'ai un problème m'on sélecteur ne change plus la couleur de la div.
Je vais cherché
florire
Messages postés
151
Date d'inscription
lundi 15 juillet 2013
Statut
Membre
Dernière intervention
15 juillet 2022
6
24 avril 2014 à 20:45
24 avril 2014 à 20:45
Je récupère la couleur sur une autre div, sa fonctionne mais si la couleur est changer sa envoie toujours celle par défaut.
C'est un sélecteur de couleur, celui de ColorPicker (https://www.eyecon.ro/colorpicker/
C'est pour par la suite coloré le message du membre dans le tchat sans qu'il doit forcement tapé a chaque fois les balises.
C'est un sélecteur de couleur, celui de ColorPicker (https://www.eyecon.ro/colorpicker/
C'est pour par la suite coloré le message du membre dans le tchat sans qu'il doit forcement tapé a chaque fois les balises.
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
24 avril 2014 à 21:15
24 avril 2014 à 21:15
Bien que j'ai du mal a suivre tes explication le code que je t'ai donné marche
si le code généré par ton javascript
<div id="currentcolor" class="colorpicker_current_color" style="display: none; background-color: #D60DD6;">
se trouve après le script qui recupère le backgroundColor ca ne va pas marcher
tu pourrais essayer de générer la div currentcolor et un script src (le script de recuperation ) comme ca tu sera sure qu'il soit après
si le code généré par ton javascript
<div id="currentcolor" class="colorpicker_current_color" style="display: none; background-color: #D60DD6;">
se trouve après le script qui recupère le backgroundColor ca ne va pas marcher
tu pourrais essayer de générer la div currentcolor et un script src (le script de recuperation ) comme ca tu sera sure qu'il soit après
florire
Messages postés
151
Date d'inscription
lundi 15 juillet 2013
Statut
Membre
Dernière intervention
15 juillet 2022
6
24 avril 2014 à 22:37
24 avril 2014 à 22:37
Oui le code fonctionne mais du coup faut je cherche un autre moyen sauf si j'utilise un timer pour actualisé la valeur.
La valeur "background-color" est changer par le sélecteur, mais quand j'envoie la valeur par formulaire sa envoie toujours celle par defaut.
Exemple:
<div id="couleur" style="background-color:#000;"></div>
Si la couleur est changer par l'utilisateur par exemple "#FFF" la valeur envoyé reste #000.
Merci de m'avoir aidé .
La valeur "background-color" est changer par le sélecteur, mais quand j'envoie la valeur par formulaire sa envoie toujours celle par defaut.
Exemple:
<div id="couleur" style="background-color:#000;"></div>
Si la couleur est changer par l'utilisateur par exemple "#FFF" la valeur envoyé reste #000.
Merci de m'avoir aidé .
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
25 avril 2014 à 00:13
25 avril 2014 à 00:13
si tu utilisait jquery ce serait peut être plus simple a faire
ajouter un element après un autre
http://jquery.developpeur-web2.com/documentation/manipulation/after.php
injecter un style
http://jquery.developpeur-web2.com/documentation/css/css.php
recupère une valeur de input
http://jquery.developpeur-web2.com/documentation/attributs/val.php
ajouter un element après un autre
http://jquery.developpeur-web2.com/documentation/manipulation/after.php
injecter un style
http://jquery.developpeur-web2.com/documentation/css/css.php
recupère une valeur de input
http://jquery.developpeur-web2.com/documentation/attributs/val.php
florire
Messages postés
151
Date d'inscription
lundi 15 juillet 2013
Statut
Membre
Dernière intervention
15 juillet 2022
6
25 avril 2014 à 07:54
25 avril 2014 à 07:54
Les éléments sont ajouté de cette facon ainsi que pour l'injection des style.
Le sélecteur remplie la div de la couleur actuel (currentcolor) grâce à
J'ai déjà essayé de le modifié pour remplir le value d'un input mais j'ai pas réussi.
Le sélecteur remplie la div de la couleur actuel (currentcolor) grâce à
setCurrentColor = function (hsb, cal) {
$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
},
J'ai déjà essayé de le modifié pour remplir le value d'un input mais j'ai pas réussi.
