Vizitato Vizitator
| Subiect: Schimbarea culorii de background 3 metode Mier Aug 19, 2009 1:26 pm | |
| Schimbarea culorii de background - Metoda 1 - Cod:
-
<HEAD><script language="Javascript"> <!-- function backcolor(form){ temp = "" for (var i = 0; i < 16; i++) { temp = form.color[i].value if (form.color[i].checked){ document.bgColor = temp } } } function randombackground(){ document.bgColor = getColor() } function getColor(){ currentdate = new Date() backgroundcolor = currentdate.getSeconds() if (backgroundcolor > 44) backgroundcolor = backgroundcolor - 45 else if (backgroundcolor > 29) backgroundcolor = backgroundcolor - 30 else if (backgroundcolor > 15) backgroundcolor = backgroundcolor - 16 if (backgroundcolor == 0 ) return "olive"; else if (backgroundcolor == 1 ) return "teal"; else if (backgroundcolor == 2 ) return "red"; else if (backgroundcolor == 3 ) return "blue"; else if (backgroundcolor == 4 ) return "maroon"; else if (backgroundcolor == 5 ) return "navy"; else if (backgroundcolor == 6 ) return "lime"; else if (backgroundcolor == 7 ) return "fuchsia"; else if (backgroundcolor == 8 ) return "green"; else if (backgroundcolor == 9 ) return "purple"; else if (backgroundcolor == 10 ) return "gray"; else if (backgroundcolor == 11 ) return "yellow"; else if (backgroundcolor == 12 ) return "aqua"; else if (backgroundcolor == 13 ) return "black"; else if (backgroundcolor == 14 ) return "white"; else if (backgroundcolor == 15 ) return "silver"; } // --> </script></HEAD>
<BODY><form> <input type="button" value="Schimbă culoarea!" onClick="randombackground()"> </form></BODY> Folosind acest script, în pagina dvs. va apărea un buton pe care va scrie: Schimbă culoarea! Apăsând pe el, culoarea de fundal se va schimba aleatoriu. "<input type="button" value="Schimbă culoarea!" onClick="randombackground()">" Aici poţi schimba textul de pe buton ... Schimbarea culorii de background - Metoda 2 - Cod:
-
<SCRIPT LANGUAGE="JavaScript"> var hex = new Array(6) hex[0] = "FF" hex[1] = "CC" hex[2] = "99" hex[3] = "66" hex[4] = "33" hex[5] = "00" function display(triplet) { document.bgColor = '#' + triplet alert('Noua culoare de fundal este #' + triplet) } function drawCell(red, green, blue) { document.write('<TD BGCOLOR="#' + red + green + blue + '">') document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">') document.write('<IMG SRC="images/line.gif" BORDER=0 HEIGHT=12 WIDTH=12>') document.write('</A>') document.write('</TD>') } function drawRow(red, blue) { document.write('<TR>') for (var i = 0; i < 6; ++i) { drawCell(red, hex[i], blue) } document.write('</TR>') } function drawTable(blue) { document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>') for (var i = 0; i < 6; ++i) { drawRow(hex[i], blue) } document.write('</TABLE>') } function drawCube() { document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1 BORDERCOLOR="#CCCCFF"><TR>') for (var i = 0; i < 6; ++i) { document.write('<TD BGCOLOR="#FFFFFF">') drawTable(hex[i]) document.write('</TD>') } document.write('</TR></TABLE>') } drawCube() </SCRIPT> Folosind acest script, în pagina dvs. va apărea un tabel cu şase celule, fiecare celulă conţinând 36 de culori. Apăsaţi pe una din culori pentru a alege culoarea de fundal. Imediat ce aţi ales culoarea, se va deschide o icoană pop-up cu mesajul: " Noua culoare de fundal este #XXXXXX " Schimbarea culorii de background - Metoda 3 - Cod:
-
<h1><font face="Arial" size="2"><b>Alege o culoare</b></font></h1> <table border="0" cellpadding="2"> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='yellow'">Yellow</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='blue'">Blue</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='silver'">Silver</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='800000'">Maroon</font></td> <tr> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='red'">Red</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='green'">Green</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='lightblue'">Lightblue</font></td> <td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='white'">White</font> </td> </tr> </form></table> Folosind acest script, în pagina dvs. va apărea un tabel cu opt celule, fiecare celulă conţinând câte o culoare, culoare ce poate fi aleasă prin bifarea butonului radio. Bifând un buton, culoarea de fundal se va schimba automat. Puteţi adăuga culori noi adăugând codul de mai jos înaintea tagurilor - Cod:
-
</tr></form></table> - Cod:
-
<td><font face="Arial,Helvetica" size="2"><form><input type="radio" onclick="document.bgColor='COD CULOARE'">NUME CULOARE</font> </td> |
|