Forum SkryptoManiak Strona Główna
 FAQ   Szukaj   Użytkownicy   Grupy    Galerie   Rejestracja   Profil   Zaloguj się, by sprawdzić wiadomości   Zaloguj 

Konwerter kodu koloru

 
Napisz nowy temat   Odpowiedz do tematu    Forum SkryptoManiak Strona Główna -> Użytkowe
Zobacz poprzedni temat :: Zobacz następny temat  

Jak Oceniasz ten Skrypt ?
Ciekawy
100%
 100%  [ 1 ]
Średni
0%
 0%  [ 0 ]
Może być
0%
 0%  [ 0 ]
To nie w moim stylu
0%
 0%  [ 0 ]
Szkoda słów...
0%
 0%  [ 0 ]
Wszystkich Głosów : 1

Autor Wiadomość
DeltiX
Administrator



Dołączył: 20 Kwi 2006
Posty: 219
Przeczytał: 0 tematów

Pomógł: 2 razy
Ostrzeżeń: 0/5

PostWysłany: Śro 23:56, 22 Lip 2009    Temat postu: Konwerter kodu koloru

[link widoczny dla zalogowanych]

Opis: Jest to ciekawy skrypt, który pomaga nam przekształcić kod koloru z hex na RGB. hex jest używany w internecie przy projektowaniu stron www, natomiast rgb jest powszechniejsze w grafice komputerowej.

Kod:
<SCRIPT language=JavaScript type="text/javascript">
<!-- Hide script from Non-JavaScript Browsers
/* Script by Jim Stiles 01.12.2001 [link widoczny dla zalogowanych]
   http://www.jdstiles.com
*/
function GiveDec(Hex)
{
   if(Hex == "A")
      Value = 10;
   else
   if(Hex == "B")
      Value = 11;
   else
   if(Hex == "C")
      Value = 12;
   else
   if(Hex == "D")
      Value = 13;
   else
   if(Hex == "E")
      Value = 14;
   else
   if(Hex == "F")
      Value = 15;
   else
      Value = eval(Hex);

   return Value;
}

function GiveHex(Dec)
{
   if(Dec == 10)
      Value = "A";
   else
   if(Dec == 11)
      Value = "B";
   else
   if(Dec == 12)
      Value = "C";
   else
   if(Dec == 13)
      Value = "D";
   else
   if(Dec == 14)
      Value = "E";
   else
   if(Dec == 15)
      Value = "F";
   else
      Value = "" + Dec;

   return Value;
}

function HexToDec()
{
   Input = window.document.forms['ColorForm'].elements['HexInput'].value;

   Input = Input.toUpperCase();

   a = GiveDec(Input.substring(0, 1));
   b = GiveDec(Input.substring(1, 2));
   c = GiveDec(Input.substring(2, 3));
   d = GiveDec(Input.substring(3, 4));
   e = GiveDec(Input.substring(4, 5));
   f = GiveDec(Input.substring(5, 6));

   x = (a * 16) + b;
   y = (c * 16) + d;
   z = (e * 16) + f;

   window.document.forms['ColorForm'].elements['RedOutput'].value = x;
   window.document.forms['ColorForm'].elements['GreenOutput'].value = y;
   window.document.forms['ColorForm'].elements['BlueOutput'].value = z;
   window.document.bgColor = Input;
}

function DecToHex()
{
   Red = window.document.forms['ColorForm'].elements['RedInput'].value;
   Green = window.document.forms['ColorForm'].elements['GreenInput'].value;
   Blue = window.document.forms['ColorForm'].elements['BlueInput'].value;

   a = GiveHex(Math.floor(Red / 16));
   b = GiveHex(Red % 16);
   c = GiveHex(Math.floor(Green / 16));
   d = GiveHex(Green % 16);
   e = GiveHex(Math.floor(Blue / 16));
   f = GiveHex(Blue % 16);

   z = a + b + c + d + e + f;

   window.document.forms['ColorForm'].elements['HexOutput'].value = z;
   window.document.bgColor = z;
}
// -->
</SCRIPT>
<TABLE border=0 align=center >
<TR>
     <TD align=center>
   <h3>Wpisz Kod Hex: - Zamień Na Rgb.</H3><FORM name=ColorForm>
<TABLE border=0 cellspacing=5 cellpadding=5 class=tx>
<TR>
     <TD>Kod hex:<BR>
<INPUT class="pole1" size=10 name=HexInput></TD>

     <TD valign=bottom><INPUT onclick=HexToDec() type=button value="Przekształć »" class=button1></TD>
     <TD>Red:<BR>
<INPUT class="pole1" size=3 name=RedOutput></TD>
     <TD>Green:<BR>
<INPUT class="pole1" size=3 name=GreenOutput></TD>
     <TD>Blue:<BR>
<INPUT class="pole1" size=3 name=BlueOutput></TD>
</TR>
</TABLE>
<BR>

<BR><h3>Wpisz Kod Rgb: - Zamień Na Hex.</H3>
<table border=0 cellspacing=5 cellpadding=5 class=tx>
<TR>
     <TD>Red:<BR>
<INPUT class="pole1" size=3 name=RedInput></TD>
     <TD>Green:<BR>
<INPUT class="pole1" size=3 name=GreenInput> </TD>
     <TD>Blue:<BR>
<INPUT class="pole1" size=3 name=BlueInput></TD>

     <TD valign=bottom><INPUT onclick=DecToHex() type=button value="Przekształć »" class="button1"> </TD>
     <TD>Kod hex:<BR>
<INPUT class=pole1 size=10 name=HexOutput></TD>
</TR>
</TABLE>


Post został pochwalony 0 razy

Ostatnio zmieniony przez DeltiX dnia Śro 23:57, 22 Lip 2009, w całości zmieniany 1 raz
Powrót do góry
Zobacz profil autora
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum SkryptoManiak Strona Główna -> Użytkowe Wszystkie czasy w strefie EET (Europa)
Strona 1 z 1

 
Skocz do:  
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach


fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001, 2005 phpBB Group

Theme xand created by spleen & Emule.
Regulamin