Enciclopedia Informatica: Script per Webmaster

Attenzione: se state usando il nostro traduttore linguistico automatico, non copiate il codice tradotto. Riportate il traduttore sulla lingua Italiano e poi copiate il codice. Altrimenti potreste copiare il codice errato in quanto il traduttore traduce tutto non facendo distinzione tra codice e testo normale.

Menù a tendina

Enciclopedia Informatica Script gratuiti

Il menù che vedete sopra, si ottiene con il seguente codice:

<script>
<script type="text/javascript">

</script>

<br />
<form name="form">
<select name="site" size="1" style="background-color: maroon; color: #ebd641; font-family: "times new roman"; font-size: 12; text-decoration: none;">
<option value="https://informatica1computer2.blogspot.com/">annunci gratuiti
</option><option value="https://informatica1computer2.blogspot.com/">forum
</option><option value="https://informatica1computer2.blogspot.com/">contatti
</option></select>
<input onclick="javascript:goMenu(this)" style="background-color: maroon; border-style: solid; border-width: 2; color: #ebd641; font-family: "times new roman"; font-size: 12;" type="button" value="Vai" />
</form>
<br />
<h6>
<a href="https://informatica1computer2.blogspot.com/">
Enciclopedia Informatica Script gratuiti</a></h6>

Dovete sostituire i link (evidenziati in verde) con gli indirizzi fisici che volete siano attivati secondo la scelta dell'utente. Potete decidere il colore del pulsante di invio (istruzione evidenziata in rosso) con un colore di vostro gradimento. Potete cambiare il tipo di carattere usato, modificante il nome del font utilizzato (istruzioni evidenziate in azzurro). Potete cambiare le dimensioni del font usato modificando il valore numerico nell'istruzione font-size. Potete modificare l'altezza del box cambiando il valore numerico nell'istruzione size="1".

Scritta con lettere di altezza variabile

Script dell'Enciclopedia Informatica

Potete ottenere questo effetto con il seguente codice:
<script>
var treno=3
var rotaie="right"
function giralimoni(chie){
var testa=chie
for (a=0;a<testa.length;a++){
document.write(testa.charAt(a).fontsize(treno))
if (treno<8&&rotaie=="right")
treno++
else if (treno==8){rotaie="left"
treno--
}
else if (treno==1){rotaie="right"
treno++
}
else if (treno>1&&rotaie=="left")
treno--
}
}
giralimoni("La città virtuale che produce un benefico effetto reale")
</script>
<td><a href="https://informatica1computer2.blogspot.com/p/blog-page_2.html</a></td>

Potete variare il valore numerico nella variabile var treno per regolare l'intensità dell'effetto. Dovete cambiare, nella variabile giralimoni, il testo presente con il vostro. Dovete cambiare il contenuto del < a href con l'indirizzo fisico cui deve collegarsi l'utente quando clicca.

Pulsante per chiudere la finestra attiva

Potete realizzare questo comodo pulsante con questo semplice codice:

<form>
<input name="Exit" onclick="javascript:exit()" type="button" value="Pulsante di chiusura" />
</form>
<script>
function exit(){
close();
}
</script>

Dovete cambiare la nostra scritta "Pulsante di chiusura" con quella che volete compaia sul pulsante. Il pulsante si auto dimensiona sulla lunghezza della scritta.

Visualizzare la Data Corrente

La data corrente può essere visualizzata con questo semplice script:

<script>

var mydate=new Date()
var anno=mydate.getYear()
if (anno< 1000)
anno+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var giorno=mydate.getDate()
if (giorno<10)
giorno="0"+giorno
document.write("<large><font color='000000' face='Arial'><b>"+giorno+"/"+month+"/"+anno+"</b></font></large>")

</script>

Nello scrit potete cambiare l'ordine di visualizzazione cambiando l'ordinr delle variabili nell'ultima riga di comando prima della chiusura dello script. Potete cambiare la dimensione del font cambiando il valore di large, ad esempio, small (in lingua inglese). Potete cambiare il colore del font usato cambiando il valore nell'attributo font color.

Aggiornare la Pagina Automaticamente

Potete aggiornare la vostra pagina ogni 30 secondi, in modo automatico, con questo semplice script:
<meta http-equiv="Refresh" content="30; url=http://www.systemeuro.com">

Dovete mettere lo script tra le tag <head> e </head> della vostra pagina html. Dovete inserire l'indirizzo della pagina dove lo script è contenuto al posto dell'indirizzo inserito da noi: http://www.systemeuro.com

Reindirizzamento Automatico

Con questo semplice codice potete reindirizzare ad un'altra pagina web in modo automatico.

<script type="text/javascript">

</script>
Cambiate l'indirizzo messo da noi (http://www.systemeuro.com) con l'indirizzo fisico della vostra pagina

Inviare Email col programma di posta dell'utente

Potete far inviarvi una email dall'utente tramite un form. Sostituite nel codice i termini presenti: nome, email, indirizzo... con quelli che volete usare.

<form action="mailto:arte@systemeuro.com?subject=Email dal mio sito" enctype="text/plain" method="POST">
    Name <input type="text" name="Name"><br/>
    Email <input type="text" name="Email"><br/>
    Address <input type="text" name="Address"><br/>
    City <input type="text" name="City">State<input type="text" name="State"><br/>
    Text<br/><textarea name="Body"></textarea><br/>
    <input type="submit" name="Submit" value="Invia">
</form>

Cambiare il Colore della Pagina

Con questo form potete cambiare il colore dello sfondo della pagina in cui è inserito. Dal menù a discesa potete scegliere il colore da impostare tra decine e decine di colori preimpostati. Potete anche scrivere (in lingua inglese) il nome del colore nello spazio dedicato. Potete aggiungere anche un colore non presente nel menù a discesa,scrivendo un'altra riga di option, in questo modo: <option value=red>red</option>

<center><h1>Cambia il colore di sfondo</h1>
<form>
<input type="text" name="color" size=18>
<select name=pco onChange="document.bgColor=(this.form.pco.value)">
<option value=aliceblue>aliceblue</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=orchid>orchid</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>
<input type="button" value="Colour" onclick="document.bgColor=(this.form.color.value)">
<input type="reset" name="cancel" value="Reset">
</form>

Alcuni Validi Libri sul Javascript che consigliamo

se volete approfondire l'argomento. Clicca sull'immagine per i dettagli