certamente tutti ne avrete sentito parlare, ma forse qulacuno di voi ancora non lo sa programmare... sto parlando del javascript, linguaggio
usato per rendere piu dinamiche le pagine web.
in questo piccolo tutorial non voglio spiegarvi tutto quello che c'e da sapere sul javascript ma solo qualcosina tanto per non lasciarvi nell'ignoranza piu assoluta...
intanto, come nel php, il javascript deve essere introdotto da una tag di inizio script e una di fine, ovvero:
- Codice:
-
<script>
//comandi in javascript
</script>
oppure semplicemente:
- Codice:
-
<script>
//comandi in javascript
</script>
semplice, no?
ora vediamo come stampare un messaggio sulla pagina:
- Codice:
-
<script>
document.write ('qui il messaggio tra virgolette semplici o doppie');
</script>
avete notato che il comando document.write permette stampare il tutto.
passiamo ora a qualcosa di piu "difficile" (che è comunque una cavolata...)
le variabili:
per dichiarare una variabile basta fare cosi:
- Codice:
-
<script>
var ciao = 'hello world';
document.write (ciao);
</script>
vedete che per dichiarare basta inserire var prima del nome della variabile; nel secondo comando, document.write viene dato l'ordine di scrivere la variabile ciao, notate che non l'ho messo tra virgolette perche se avessi fatto cio avrei detto di scrivere la parola ciao mentre senza si richiede di stampare la variabile ononima.
se conoscete qualche altro linguaggio allora conoscerete gia le condizioni, ma un ripassino non guasta...
if condizionale:
- Codice:
-
<script>
var ciao = 'hello';
if (ciao == 'ciao'){
document.write ('la variabile ha come valore "ciao"');
}
else if (ciao == 'hello'){
document.write('la variabile ha come valore "hello"');
}
else{
document.write ('ehm ehm... ma che valore ha la variabile???');
}
</script>
vediamo un po'di cose:
intanto le condizioni vengono messe tra parentesi, quindi, per esempio if (condizione){istruzioni}
quindi mettiamo tra parentesi graffe le istruzioni che avvengono qualora la condizione sia vera.
un'altra cosa da notare è che per confrontare la variabile si usa == e non =, se invece volete verificare se è diverso allora userete !=
altro di speciale non c'e, si usa else e else if, che dovreste gia conoscere se conoscete un minimo di php, autoit, ecc.
per chi non lo sapesse allora else viene usato per verificare se la condizione inposta con if non è vera, quindi:
- Codice:
-
se (1 = 1){
//condizioni
}
altrimenti{
//altre condizioni
}
else if è molto simile solo che significa 'altrimenti se' quindi se la condizione di prima non si è veificata allora ne controlla un'altra:
es.:
- Codice:
-
se (1 == 2){
//condizioni
altrimenti se ( 1 == 1){
//altre condizioni
}
semplice, no?
analizziamo ora una cosa abbastanza utile:
le funzioni
- Codice:
-
<script>
function alert (){
alert ('questo è un piccolo pop-up'); //mostra un popup
}
</script>
<a href='http://xhack.forumitalian.net'>clicca qui</a>
intanto: alert crea un piccolo popup con un punto esclamativo inscritto in un triangolo giallo.
osservate cos'altro c'è di nuovo: function alert(){comandi}.
praticamente viene creata una funzione che viene aperta ogni volta che viene richiamata dal programmatore.
dopo la dichiarazione della funzione si esce dal javascript e si crea un collegamento (vedi le nozioni base dell'HTML), oltre a mettere solo un a href si aggiunge anche mouseclick = 'alert ();', quindi quando avviene un passaggio con il mouse sul link (onmouseover) verra richiamata l funzione alert ().
oltre a onmouseover ci sono anche mouseclick (quando avviene un click di mouse su un certo oggetto)e onmouseout (quando il mouse esce fuori da un certo oggetto).
comunque, quando avviene questo passaggio del mouse viene richiamata la funzione alert (come potete vedere nel codice) e quindi passandogli sopra riceverete un popup.
questo è proprio l'essenziale, se volete sapere qualcosa di piu:
http://www.JavaScriptkit.com/jsref/o anche
http://javascript.internet.comciao
darkjoker