La communauté ALL HTML c'est 58299 membres à ce jour dont 1 inscrits aujourd'hui et 29 depuis une semaine.

RVB-255/HEX

Photo de Deny Article publié le vendredi 26 mai 2006 par Deny.
Cet article est classé dans les catégories « Javascript, Web Design et Flash »

Script de conversion décimal / héxadécimal pour les codes couleur avec vision en couleur de fond de celle obtenue.<br /> Marche IE, Firefox et Opera.

<><html> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function NumToHex(num1,num2) { strNum=document.forms[0].elements[num1].value; for(i = 0; i < strNum.length; i++) { chr=strNum.substring(i, i + 1); if((isNaN(chr))||(chr == ' ')) { alert('Entrez un chiffre entre 0 et 9!'); document.forms[0].elements[num1].select(); document.forms[0].elements[num2].value=''; return false; } } if(strNum > 255) { alert('Entrez un nombre entre 0 et 255 and 255!'); document.forms[0].elements[num1].select(); document.forms[0].elements[num2].value=''; return false; } else { base = strNum / 16; rem = strNum % 16; base = base - (rem / 16); baseS = MakeHex(base); remS = MakeHex(rem); document.forms[0].elements[num2].value=baseS + '' + remS; ChangeBackground(3, 4, 5); return true; } } function MakeHex(x) { if((x >= 0) && (x <= 9)) return x; else { switch(x) { case 10: return "A"; case 11: return "B"; case 12: return "C"; case 13: return "D"; case 14: return "E"; case 15: return "F"; } } } function HexToNum(num1,num2) { numberS = document.forms[0].elements[num1].value; tens = MakeNum(numberS.substring(0,1)); if(tens == 'X') { document.forms[0].elements[num1].select(); document.forms[0].elements[num2].value=''; return false; } ones = 0; if(numberS.length > 1) // 2 caracteres entres ones=MakeNum(numberS.substring(1,2)); if(ones == 'X') { document.forms[0].elements[num1].select(); document.forms[0].elements[num2].value=''; return false; } document.forms[0].elements[num2].value = (tens * 16) + (ones * 1); document.forms[0].elements[num1].value = document.forms[0].elements[num1].value.toUpperCase(); ChangeBackground(3, 4, 5); return true; } function MakeNum(str) { if((str >= 0) && (str <= 9)) return str; switch(str.toUpperCase()) { case "A": return 10; case "B": return 11; case "C": return 12; case "D": return 13; case "E": return 14; case "F": return 15; default: alert('Vous devez choisir un chiffre entre 0 et 9 ou une lettre entre A et F!'); return 'X'; } } function ChangeBackground(num1, num2, num3) { document.bgColor = '#'+document.forms[0].elements[num1].value + document.forms[0].elements[num2].value + document.forms[0].elements[num3].value; } // Fin --> </script> </HEAD> <BODY> <form> <table border=1 align=center cellpadding=10 bgcolor=white> <tr> <th>Color/Code</th> <th>Rouge</th> <th>Vert</th> <th>Bleu</th> </tr> <tr> <th>0-255</th> <td><input type=text name=rr_num size=4 maxlength=3 onKeyUp="return NumToHex(0,3);"></td> <td><input type=text name=gg_num size=4 maxlength=3 onKeyUp="return NumToHex(1,4);"></td> <td><input type=text name=bb_num size=4 maxlength=3 onKeyUp="return NumToHex(2,5);"></td> </tr> <tr> <th>HEX</th> <td><input type=text name=rr_hex size=4 maxlength=2 onKeyUp="return HexToNum(3,0);"></td> <td><input type=text name=gg_hex size=4 maxlength=2 onKeyUp="return HexToNum(4,1);"></td> <td><input type=text name=bb_hex size=4 maxlength=2 onKeyUp="return HexToNum(5,2);"></td> </tr> </table> </form> </body> </html> >

Sources de l'information : (?) assez ancien ...
http://javascript.internet.com/
http://javascript.com/


VOS COMMENTAIRES ...

Commenter cette publication

Aucun commentaire pour le moment ...

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans nos forums Javascript - DHTML - VBScript, Flash - LiveMotion, Webdesign.

Liens sponsorisés

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.