begin process at 2012 05 29 22:59:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Recuperation de couleur


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Recuperation de couleur

mercredi 19 juillet 2006 à 10:41:37 | Recuperation de couleur

Teclis01

Bonjour !
Voila j ai un tableau en html et je colorie les case grace a du css imbriqué dans les tag <td> et j aurais aimé savoir comment recuperer la couleur du background de cette case.
de plus la couleur etant definie en hexa j aimerais savoir comment enlever le premier caractere
ex:
#00FF00 => 00FF00

Merciiii

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie

mercredi 19 juillet 2006 à 10:47:02 | Re : Recuperation de couleur

Teclis01

je vais qd meme donner une partie de code que j ai faite ...
function over(id){
          var aCouleurPlage=new Array();
          iBegin=document.getElementById('value_begin').value=id;
        iBetween=(parseInt(document.getElementById('timebetween').value)/15);
        iEnd=id+iBetween;
        iTime=(iBegin+1)*15;
        if(iEnd>96){
          iEnd=96;
        }
          document.getElementById('value_end').value=iEnd;
          for(iBegin=iBegin;iBegin<iEnd;iBegin++){
                hColor=document.getElementById(iBegin).style.backgroundColor;
                dColor=hex2dec(hColor);
                alert(hColor);
               
                aCouleurPlage[iBegin]=
            document.getElementById(iBegin).style.backgroundColor='blue';
        }
    }

en gros ca sert a surligner suivant un interval mais j aimerais inverser les couleurs du au surlignement

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie

mercredi 19 juillet 2006 à 11:21:22 | Re : Recuperation de couleur

bultez

Membre Club
Réponse acceptée !
bonjour,

<table>
<tr><td id="toto" style="background-color:#FFFF80">test</td></tr>
</table>
<script type="text/javascript">
 alert(document.getElementById("toto").style.backgroundColor);
</script>

attention : tel que c'est là 
IE,Opera renvoient #ffff80
le renard de feu,lui : rgb(255, 255, 128)

cordialement   Bul   
Site
mercredi 19 juillet 2006 à 11:34:06 | Re : Recuperation de couleur

Teclis01

ok ca marche parfaitement !!!
Merci Bultez !

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie

mercredi 19 juillet 2006 à 16:38:50 | Re : Recuperation de couleur

malalam

Administrateur CodeS-SourceS
Réponse acceptée !
Hello,

<table>
<tr><td id="toto" style="background-color: #ffff80;">test</td></tr>
</table>
<script type="text/javascript">

function rgb (r, g, b) {
var n = (r<<16) + (g<<8) + b;
return '#' + (r<16? '0':'') + n.toString(16);
}

var sColor = document.getElementById("toto").style.backgroundColor;
alert (sColor);
if (sColor.substring(0,3)=="rgb") {
    sColor = eval(sColor);
}

alert (sColor);
</script>
mercredi 19 juillet 2006 à 16:43:03 | Re : Recuperation de couleur

Teclis01

ah bah comme ca plus de probleme entre navigateur ^^

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie

mercredi 19 juillet 2006 à 17:07:44 | Re : Recuperation de couleur

bultez

Membre Club





et dire que je m'était em%µ?$~# à examiner
le contenu des rgb pour résoudre ce souci !
( en plus un peu compliqué puisque certains navigateurs
  mettent des espaces, d'autres pas  ! )

et la solution est là, toute simple

reste à malalam à coller ça dans snippets,
   ça devrait pouvoir servir.

cordialement   Bul   
Site
mercredi 19 juillet 2006 à 17:54:01 | Re : Recuperation de couleur

malalam

Administrateur CodeS-SourceS
Hmmm...
Nan.
Parce que le code n'est pas de moi ;-)
Je l'ai trouvé au fil de mes pérégnigrations sur le net :-)
jeudi 20 juillet 2006 à 12:21:02 | Re : Recuperation de couleur

Teclis01

oui et le code marche pas completement
les couleurs etant #0000FF perdent leur zero sauf le premier grace a ceci :
    (r<16? '0':'')
La bonne fonction rgb ca donne ca ...(je dis pas que c la solution la plus legere mais au moins elle fonctionne

function rgb (r, g, b) {
        var n = (r<<16) + (g<<8) + b;    //entier base 10
        var iValColor=dec2hex(n); //entier en base 16
        var sChaineColor='';
        for(iCharChaineColor=iValColor.length;iCharChaineColor<6;iCharChaineColor++){
            sChaineColor='0'+sChaineColor;
        }
        return '#' + sChaineColor + iValColor;
    }

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie

jeudi 20 juillet 2006 à 12:23:15 | Re : Recuperation de couleur

Teclis01

j ai oublier de mettre le corps de la fonction dec2hex(n)
Le voici ...

function dec2hex(dec){
        var hexa='0123456789ABCDEF',hex=''
        while (dec>15){
            tmp=dec-(Math.floor(dec/16))*16;
            hex=hexa.charAt(tmp)+hex;
            dec=Math.floor(dec/16);
        }
        hex=hexa.charAt(dec)+hex;
        return(hex);
    }


et ca a été repris sur js cs ce source enfin je crois

--------------------------------------------------------------------------------------------------
         Ilvaut mieux poser une question et passer pour bête que le rester toutesa vie



Cette discussion est classée dans : couleur, case, recuperation


Répondre à ce message

Sujets en rapport avec ce message

modifier la couleur d'un <td> par une fonction javascript [ par AFPA2003 ] Bonjour, J'ai un tableau HTML avec plusieurs colonnes et plusieurs lignes. Chaque case est identifiée par un NumCase A l'origine chaque case est blan Javascript PDF formulaire case obligatoire [ par nekosan3 ] Bonjour, Voilà mon soucis : j'ai réalisé un formulaire avec 4 cases à cocher dont la dernière est en liaison avec un champ à remplir. Je voudrais ren recuperation d'un resultat en php [ par scromania ] bonjour, Voila je souhaite connaitre le X et Y d'une image voici la code: [code=java] <!-- function coord(event){ var e = event || window.event; Choisir la couleur suivant le code [ par Guy72 ] Bonjour, J'ai cherché, j'ai trouvé beaucoup de sujets sur la palette de couleurs javascript. Mais, je n'ai pas trouvé comment je peux savoir quelle e inserer une ligne avec une nouvelle couleur [ par aichaoussousagadir ] salut à tous; je me suis entrain de travailler sur un projet avec J2EE(jsp,servlet,...) et Mysql comme SGBD. j'ai un Datatable que j'ai rempli Problème de setInterval qui ne se clear pas. [ par dejees ] Bonjour a tous je développe actuellement une petite fonction javascript qui sert a déplacer une map 2D en Xajax. Cette fonction sert a déplacer la ma select case en javascript [ par Juju ] je cherche une sorte un select case mais en javascript, pouvez vous me donner la syntaxe MerciJuju Changer la couleur d'un textfield [ par Blondy ] J'aimerais faire une méthode qui change la couleur d'un textfield. Je sais que nous pouvons changer le texte avec .value mais la couleur, avec .style? changer de couleur la cellule quand la souris vient et part [ par Stephane ] salut a tousvoila je connais pas trop javascript, alors je me sert des sources qu'il y a, mais y a un truc qu'il n'y est pas :Comment peut on changer


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales