Guida XHTML Script in XHTML e CSS di Web-Link.it

Multimedia: Audio, Applets, Script

Nella lezione precedente abbiamo appreso come inserire nella pagina web un applet Java, vediamo adesso come si inserisce uno Script, anzi meglio dire un Javascript, non lasciatevi trarre in inganno del nome "Java" che li accomuna entrambi, di fatto hanno davvero poco, per non dire nulla, in comune a parte quel pezzo di nome.

Mentre per le applets si doveva usare uno o più files esterni il javascript necessita solo del codice che viene letto ed interpretato direttamente dal browser, si tratta di un utilissimo linguaggio di programmazione che non è così pericoloso come qualcuno lo definisce, sebbene i soliti male intenzionati tentino di sfruttarlo per creare insidie. Questo linguaggio essendo stato studiato esclusivamente per il browser non necessita di alcuna installazione, ne programmi esterni sul server e nemmeno sul proprio PC.

JavaScript

Perchè fare uso di javascript?
Semplicemente per rendere dinamiche ed interattive le nostre pagine web. Anche in questo caso, così come per le applets, si dovrebbe tenere in considerazione l'accessibilità, anche se credo che sia quasi impossibile non farne uso prima o poi.

Ci sono moltissimi siti in rete che distribuiscono script di ogni genere, anche su web-link.it esiste una intera ricca sezione che ne offre per le più svariate esigenze, potete consultarla su questo link.

A differenza delle istruzioni che troverete in quelle pagine, facendo uso di XHTML il codice non è gradito all'interno della stessa pagina. Per ottenere una validazione della pagina pur avendo degli script al suo interno conviene mettere il codice javascript in un file esterno e per farlo è sufficiente copiare tutto il codice in un file che sarà salvato con estensione .js

Facciamo un esempio, prendiamo lo script per la data che si trova qui: http://www.web-link.it/scripting/H1_data.htm lasciamo fuori soltanto le dichiarazioni di <script> e </script> ed incolliamo il codice in un uovo file che chiameremo data.js

/* Original: Andrea Bianchi
Web Site: http://www.web-link.it */

function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;

nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');

nameMth = new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre','Dicembre');

document.write('<p> Oggi: '+nameDay[now.getDay()]+ ' ' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+'</p>');}

Salviamo il tutto e richiamiamo il file appena creato, useremo questa semplice riga che dovrà essere posizionata in head, proprio dove avrebbe dovuto trovarsi il codice completo, come da istruzioni nella pagina dello script.

<head>

</head>

Certi script come questo sono formati da due o più parti di codice e devono essere inseriti in body o in head, dipende soltanto da ciò che ha previsto il suo programmatore, il quale avrà fornito istruzioni in merito. Nel nostro esempio una parte del codice andava messa in head, e noi abbiamo messo proprio in head il richiamo al file esterno .js che contiene lo script vero e proprio, queste istruzioni vengono poi richiamato dalla parte di codice che si trova in body, praticamente in questo esempio quello che si trova in body serve soltanto per stabilire il punto esatto della pagina web sulla quale far apparire la data odierna.

<body>

<span id="webpos">
<script type="text/javascript">WebDate();</script>
</span>

</body>

Qui non serve capire il codice ma semplicemente apprendere come inserirlo nel modo giusto e corretto. Trattandosi di un linguaggio di programmazione è sufficiente tralasciare una sola virgola, o aggiungere un ritorno a capo non previsto ed il tutto potrebbe non funzionare a dovere, in alcuni casi persino paralizzare il browser che tenterebbe di eseguire il codice sbagliato.

Nel caso in cui si volesse inserire lo script nella pagina web, senza cioè fare uso del richiamo al file esterno, si dovrà avere l'accortezza di aggiungere CDATA (Character data) completo di tutta la sequenza di simboli che si rende necessaria per non confondere i browser web che non supportano XHTML:

codice dello script

//--><!]]></script>

Finisce qui questa rubrica dedicata a XHTML con Style, nella prossima lezione vedremo come trasferire il tutto nel nostro spazio web facendo uso di un programma di FTP.

Se avete domande da fare potete scrivere sul forum di supporto, gratuito e aperto a tutti in apposita area XHTML.