XHTML e CSSVisita il sito di Web-Link




 
Menù Argomenti  
Home Page Web-Link
Prefazione
Gli Strumenti
La Struttura base
Il Testo
Le liste
Le Immagini
Immagini e Testo
I links
Links e CSS
Caratteri speciali
Colori e Sfondi
Head e MetaTags
Box Model
Posizionare il Box
Box liquido
Il Layout
Le Tabelle - Struttura
Le Tabelle - Attributi
I Moduli o Forms
I Frames o Cornici
Iframe
Multimedia Audio
Multimedia Applet
Multimedia Script
On line con FTP
Alcuni Esempi
Conclusioni
Forum di supporto
Download


Valid CSS!
Valid XHTML 1.0 Transitional


Donazione
 
Rev. 0.9.1 - Ottobre 2006   
Ver. 0.1 - Anno 2005

Multimedia: Audio, Applets, Script

Nella lezione precedente abbiamo appreso come inserire nella pagina web un applet Java adesso vediamo come inserire uno Script java, anzi meglio dire un Javascript, non lasciatevi trarre in inganno del nome Java che li accomuna perchè 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 suo codice che viene letto ed interpretato direttamente dal browser, si tratta di un utilissimo linguaggio di programmazione che non è poi 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 di programmi esterni ne sul server ne sul proprio PC.

JavaScript

Perchè fare uso di javascript?
Semplicemente per rendere dinamiche o interattive le nostre pagine web, anche in questo caso come per le applets si dovrebbe evitarne l'uso nel caso di siti che tengano in alta considerazione l'accessibilità ma credo sia quasi impossibile non farne uso prima o poi.

Ci sono moltissimi siti in rete che distribuiscono script di ogni genre, anche su web-link.it esiste una intera sezione ben nutrita che ne distribuisce 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 sempre è gradito al validatore e 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 suo 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/3data.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 con questa semplice riga di codice che dovrà essere posizionata in head proprio dove avrebbe dovuto trovarsi il cidice completo così come da istruzioni in quella pagina.

<head>
<script type="text/javascript" src="data.js";></script>
</head>

Certi script come questo sono formati da due o più parti di codice e devono essere inseriti in body o in head e questo dipende da quello che ha previsto il suo programmatore il quala avrà fornito istruzioni in merito. Nel nostro esempio una parte del codice dello script andava messa in head e noi abbiamo messo proprio in head il richiamo al file .js che contiene lo script vero e prorpio, queste istruzioni vengono poi richiamato dalla parte di codice che si trova nel dody, 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 soltanto fare molta attenzione ad inserirlo in modo giusto e corretto, trattandosi di un linguaggio di programmazione è sufficiente una sola virgola, un ritorno a capo non previsto ed il tutto potrebbe non fnzionare a dovere, in alcuni casi persino paralizzare il brower che tenterebbe di eseguire il coidice sbagliato.

Questo sotto il risutlato di quello 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.

  
Andrea Bianchi 
  Sito di riferimento: www.Web-Link.it
Forum di riferimento: www.ilmioforum.com




Se ritieni utile questa guida, considera la possibilità di effettuare una donazione (il cui importo è a tua completa discrezione) tramite PayPal. Grazie.




Forum di supporto
Potete fare domande e discutere l'argomento sul Forum gratuito di supporto.

Valid CSS!

Valid XHTML 1.0 Transitional