conversioni1

Conversione colori da nome a hex e viceversa

Questo codice può essere utilizzato per molte differenti tipi di applicazioni. Immagina di avere una guida in linea, o un catalogo con migliaia di voci! In questo esempio abbiamo usato una libreria di colori. Inserire semplicemente il nome di colore, in inglese, nella casella di testo qui sotto - premendo il tasto 'Invia' farà apparire una finestra di avviso che dà il valore esadecimale del colore (se presente nel database). Si aprirà anche una piccola finestra con lo sfondo del colore richiesto.

Nella casella di testo, immettere il valore esadecimale di un colore. Non includere i simboli "#" e assicurarsi che i valori di lettera siano maiuscoli. Invia e verrà visualizzato il nome del colore nella casella sottostante. Premendo 'Visualizza' aprirà una piccola finestra con lo sfondo del colore richiesto.

Vedi lo Script

<HTML>  <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY BGCOLOR="#FFFFFF"> This code can be used for many differant types of applications. Imagine having an online help, or a catalog with 1000's of items!<p> For this example, we used a library of colors. Simply enter a color into the textbox below - depressing the 'submit' button will bring up an alert window giving the hex value of the color (if it exists in the database). It will also bring up a small window with the background as the color you requested. <FORM NAME="form1"> Please input a color:<BR> <INPUT TYPE="text" NAME="color" SIZE=20><BR> <INPUT TYPE="button" VALUE=" S u b m i t " onClick="checkDatabase()"><BR> </FORM> <p> Enter a hex value in the textbox. Do not include the "#" symbols and make sure the letter values are in "CAPS". Hit submit and it will display the color's name in the box below. Pressing 'view' will bring up a small window with the background as the color you requested. <FORM NAME="form2"> Please input a hex value:<BR> <INPUT TYPE="text" NAME="color" SIZE=6><BR> <INPUT TYPE="button" VALUE=" S u b m i t " onClick="reverseDatabase()"><NOBR> <INPUT TYPE="reset" VALUE=" R e s e t "> <INPUT TYPE="button" VALUE=" V i e w " onClick="viewReverse()"></NOBR><BR> <Font size=+1>Result</font> <INPUT TYPE="text" NAME="result" SIZE=20><BR> </FORM>

TORNA A CONVERSIONI