Cambia il colore dello sfondo da form select option

| Home |

| Indice Javascript |

Clock

Browser

Finestre

Status Bar

Background

Calcolatrici

Grafica ed Effetti

Convertitori

Utility

Form

Menu e Link

Cambia il colore dello sfondo da form select option

Con questo script è possibile cambiare il colore dello sfondo scegliendone uno dal campo select. Tutti i colori inseriti sono in forma scritta ed in lingua inglese, non con la normale notazione RRGGBB.

Usa Copia e incolla questa è la sorgente

<body>

<form>
      <select name="scegli" onChange="(document.bgColor=scegli.options[scegli.selectedIndex].value)">
      <option value="#ffffff" selected>Scegli il colore</option>
      <option value="antiquewhite">antiquewhite</option>
      <option value="aqua">aqua</option>
      <option value="aquamarine">aquamarine</option>
      <option value="azure">azure</option>
      <option value="beige">beige</option>
      <option value="bisque">bisque</option>
      <option value="black">black</option>
      <option value="blanchedalmond">blanchedalmond</option>
      <option value="blue">blue</option>
      <option value="blueviolet">blueviolet</option>
      <option value="brown">brown</option>
      <option value="burlywood">burlywood</option>
      <option value="cadetblue">cadetblue</option>
      <option value="chartreuse">chartreuse</option>
      <option value="chocolate">chocolate</option>
      <option value="coral">coral</option>
      <option value="cornflowerblue">cornflowerblue</option>
      <option value="cornsilk">cornsilk</option>
      <option value="crimson">crimson</option>
      <option value="cyan">cyan</option>
      <option value="darkblue">darkblue</option>
      <option value="darkcyan">darkcyan</option>
      <option value="darkgoldenrod">darkgoldenrod</option>
      <option value="darkgray">darkgray</option>
      <option value="darkgreen">darkgreen</option>
      <option value="darkkhaki">darkkhaki</option>
      <option value="darkmagenta">darkmagenta</option>
      <option value="darkolivegreen">darkolivegreen</option>
      <option value="darkorange">darkorange</option>
      <option value="darkorchid">darkorchid</option>
      <option value="darkred">darkred</option>
      <option value="darksalmon">darksalmon</option>
      <option value="darkseagreen">darkseagreen</option>
      <option value="darkslateblue">darkslateblue</option>
      <option value="darkslategray">darkslategray</option>
      <option value="darkturquoise">darkturquoise</option>
      <option value="darkviolet">darkviolet</option>
      <option value="deeppink">deeppink</option>
      <option value="deepskyblue">deepskyblue</option>
      <option value="dimgray">dimgray</option>
      <option value="dodgerblue">dodgerblue</option>
      <option value="firebrick">firebrick</option>
      <option value="floralwhite">floralwhite</option>
      <option value="forestgreen">forestgreen</option>
      <option value="fuchsia">fuchsia</option>
      <option value="gainsboro">gainsboro</option>
      <option value="ghostwhite">ghostwhite</option>
      <option value="gold">gold</option>
      <option value="goldenrod">goldenrod</option>
      <option value="gray">gray</option>
      <option value="green">green</option>
      <option value="greenyellow">greenyellow</option>
      <option value="honeydew">honeydew</option>
      <option value="hotpink">hotpink</option>
      <option value="indianred">indianred</option>
      <option value="indigo">indigo</option>
      <option value="ivory">ivory</option>
      <option value="khaki">khaki</option>
      <option value="lavender">lavender</option>
      <option value="lavenderblush">lavenderblush</option>
      <option value="lawngreen">lawngreen</option>
      <option value="lemonchiffon">lemonchiffon</option>
      <option value="lightblue">lightblue</option>
      <option value="lightcoral">lightcoral</option>
      <option value="lightcyan">lightcyan</option>
      <option value="lightgoldenrodyellow">lightgoldenrodyellow</option>
      <option value="lightgreen">lightgreen</option>
      <option value="lightgrey">lightgrey</option>
      <option value="lightpink">lightpink</option>
      <option value="lightsalmon">lightsalmon</option>
      <option value="lightseagreen">lightseagreen</option>
      <option value="lightskyblue">lightskyblue</option>
      <option value="lightslategray">lightslategray</option>
      <option value="lightsteelblue">lightsteelblue</option>
      <option value="lightyellow">lightyellow</option>
      <option value="lime">lime</option>
      <option value="limegreen">limegreen</option>
      <option value="linen">linen</option>
      <option value="magenta">magenta</option>
      <option value="maroon">maroon</option>
      <option value="mediumaquamarine">mediumaquamarine</option>
      <option value="mediumblue">mediumblue</option>
      <option value="mediumorchid">mediumorchid</option>
      <option value="mediumpurple">mediumpurple</option>
      <option value="mediumseagreen">mediumseagreen</option>
      <option value="mediumslateblue">mediumslateblue</option>
      <option value="mediumspringgreen">mediumspringgreen</option>
      <option value="mediumturquoise">mediumturquoise</option>
      <option value="mediumvioletred">mediumvioletred</option>
      <option value="midnightblue">midnightblue</option>
      <option value="mintcream">mintcream</option>
      <option value="mistyrose">mistyrose</option>
      <option value="moccasin">moccasin</option>
      <option value="navajowhite">navajowhite</option>
      <option value="navy">navy</option>
      <option value="oldlace">oldlace</option>
      <option value="olive">olive</option>
      <option value="olivedrab">olivedrab</option>
      <option value="orange">orange</option>
      <option value="orangered">orangered</option>
      <option value="palegoldenrod">palegoldenrod</option>
      <option value="palegreen">palegreen</option>
      <option value="paleturquoise">paleturquoise</option>
      <option value="palevioletred">palevioletred</option>
      <option value="papayawhip">papayawhip</option>
      <option value="peachpuff">peachpuff</option>
      <option value="peru">peru</option>
      <option value="pink">pink</option>
      <option value="plum">plum</option>
      <option value="powderblue">powderblue</option>
      <option value="purple">purple</option>
      <option value="red">red</option>
      <option value="rosybrown">rosybrown</option>
      <option value="royalblue">royalblue</option>
      <option value="saddlebrown">saddlebrown</option>
      <option value="salmon">salmon</option>
      <option value="sandybrown">sandybrown</option>
      <option value="seagreen">seagreen</option>
      <option value="seashell">seashell</option>
      <option value="sienna">sienna</option>
      <option value="silver">silver</option>
      <option value="skyblue">skyblue</option>
      <option value="slateblue">slateblue</option>
      <option value="slategray">slategray</option>
      <option value="snow">snow</option>
      <option value="springgreen">springgreen</option>
      <option value="steelblue">steelblue</option>
      <option value="tan">tan</option>
      <option value="teal">teal</option>
      <option value="thistle">thistle</option>
      <option value="tomato">tomato</option>
      <option value="turquoise">turquoise</option>
      <option value="violet">violet</option>
      <option value="wheat">wheat</option>
      <option value="white">white</option>
      <option value="whitesmoke">whitesmoke</option>
      <option value="yellow">yellow</option>
      <option value="yellowgreen">yellowgreen</option>
    </select>
  </form>

<p><center>
<font face="Verdana" size="-2">Free JavaScripts da<br>
<a href="http://www.massimo61.org/">Free Web Upgrade</a></font>
</center><p>