Tecnologia di Internet
 
Scripting client-side
Oltre agli helper e ai plug-in, un altro modo per estendere le funzionalità dei browser, facendoli diventare un po’ più intelligenti, consiste nello scrivere, mediante appositi linguaggi, brevi programmi (script) che vengono inseriti tra i tag HTML, cioè incorporati nella pagina web.

Ecco alcune cose che si possono fare uno script:

I linguaggi utilizzati per scrivere script client-side sono JavaScript e VBScript.
JavaScript
C’è un po’ di confusione relativamente a JavaScript dovuta al fatto che esiste un altro linguaggio che si chiama Java (in inglese americano, caffè): i due linguaggi hanno nomi simili e entrambi sono stati pubblicati inizialmente nella versione 2 di Netscape Navigator.

In realtà, a parte il fatto che sono ambedue linguaggi ad oggetti, hanno poco in comune. Java è stato sviluppato da Sun e JavaScript da Netscape. Pare che quando Netscape ha visto la popolarità di Java, abbia cambiato il nome (con il consenso di Sun) del linguaggio che stava progettando, da LiveScript a JavaScript per questioni commerciali.

Java è un linguaggio di programmazione per scopi generali, e anche per la programmazione su web. JavaScript, d’altra parte, è un linguaggio di scripting progettato specificamente per i browser Netscape (dalla versione 2). Le istruzioni JavaScript sono inserite nel codice HTML mediante nuovi tag. Quando un browser scarica una pagina HTML che contiene istruzioni JavaScript, inizia ad eseguire tali istruzioni.

JavaScript è utile quando il progettista desidera:

  • che la pagina reagisca immediatamente all’interazione dell’utente con form e links;
  • distribuire piccole informazioni “tipo database”;
  • controllare navigazione con frame, plug-ins e applet Java secondo la scelta dell’utente nel documento HTML;
  • preprocessare i dati prima di sottoporli ad un server.

D’altra parte è utile sapere che JavaScript non può (a meno che l’utente non usi un browser moderno e non dia il suo consenso esplicito) fare queste cose considerate "pericolose":

  • impostare le preferenze del browser;
  • lanciare una applicazione sul computer del client;
  • leggere o scriver file sul computer del client;
  • scrivere file sul server;
  • leggere una directory sul server;
  • spedire e-mail segrete.

Dalla versione 3 di Internet Explorer, anche Microsoft ha inserito JavaScript nel proprio browser, ma in una versione diversa anche nel nome: JScript. Ecco un quadro riassuntivo della situazione:

  • Netscape Navigator 2: JavaScript
  • Netscape Navigator 3: JavaScript 1.1
  • Netscape Navigator 4: JavaScript 1.2
  • Microsoft Internet Explorer 3: JScript
  • Microsoft Internet Explorer 4: JScript 3
Differenze tra JavaScript e JScript
JScript (Microsoft) è stato progettato per essere compatibile con JavaScript (Netscape). Tuttavia, ci sono alcune importanti differenze per il web designer, che normalmente deve progettare pagine che funzionino sia con Navigator che con Internet Explorer. Alcune differenze derivano da errori di implementazione, altre da scelte di progettazione e altre ancora dai diversi tempi di rilascio delle diverse versioni. Per esempio Netscape 3, uscito poco dopo Internet Explorer 3, comprende JavaScript 1.1 che naturalmente ha istruzioni che non funzionano su Internet Explorer 3.

Informazioni online

Un esempio minimale di programma JavaScript

<HTML>
<HEAD>
<TITLE>JavaScript Esempio 1</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<SCRIPT LANGUAGE=JAVASCRIPT”>
document.write("Ciao a tutti")
</SCRIPT>
</BODY>
</HTML>

Rollover in JavaScript
L’idea del rollover è questa. Ci sono due immagini, A e B. La prima, l’immagine A, è caricata e visualizzata con il resto della pagina e su questa immagine è definito un link. La seconda, l’immagine B, è visualizzata solo quando l’utente passa con il mouse sopra l’immagine A, e sparisce quando il mouse esce dall'immagine.
Rollover: normalmente si vede la A; quando il mouse è sopra l'immagine si vede la B.
Il modo più semplice per creare un rollover in JavaScript è il seguente:

    <A HREF="next.html"
    onMouseover="document.ab.src='images/b.gif'" onMouseout="document.ab.src='images/a.gif'">
    <IMG SRC="images/a.gif" NAME="ab">
    </A>

Il tag IMG descrive l’immagine iniziale, ed in questo caso anche il nome del contenitore, ab.

Il tag di link A contorna il tag IMG e comincia specificando dove il browser deve andare quando l’utente fa clic sopra l’immagine, in questo caso la pagina next.html. Inoltre specifica quale immagine inserire nel contenitore ab quando il mouse è sopra il contenitore (onMouseover) e quando il mouse è fuori dal contenitore (onMouseout)

Quando l’utente sposta il mouse sopra l’immagine, al posto dell’immagine a.gif compare l’immagine b.gif. Quando il mouse esce, ricompare a.gif.

Il metodo è semplice ma ha due inconvenienti:

  • Nei vecchi browser (Netscape 2, Explorer 3) dà luogo ad un messaggio di errore.
  • È lento, perché la seconda immagine viene ricaricata ogni volta che il mouse passa sulla prima

Ecco allora un metodo migliore

    <HTML>
    <HEAD>
    <TITLE>Rollover</TITLE>
    <SCRIPT LANGUAGE=JAVASCRIPT>
    <!-- Nascondi lo script ai vecchi browser

    if (document.images) {
    a = new Image
    b = new Image

    a.src = "images/a.gif"
    b.src = "images/b.gif"
    }
    else {
    a = ""
    b = ""
    document.ab = ""
    }
    // Fino a qui è nascosto -->
    </SCRIPT>
    </HEAD>
    <BODY BGCOLOR=WHITE>
    <A HREF="next.html"
    onMouseover="document.ab.src=b.src"
    onMouseout="document.ab.src=a.src">
    <IMG SRC="images/a.gif" NAME="ab">
    </A>
    </BODY>
    </HTML>

VBScript
VBScript è un linguaggio di scripting che funziona solo con i browser Microsoft Internet Explorer (o con il plug-in NCompass).

VBScript è un sottoinsieme del sistema di programmazione Visual Basic. Secondo Microsoft VBScript intende:

  • fornire allo sviluppatore base un metodo per sviluppare su client e su server;
  • portare un linguaggio facile da usare e da capire nell’ambiente web;
  • espandere la famiglia di linguaggi Visual Basic a piattaforme non coperte da Visual Basic o Visual Basic for Application.

VBScript è basato su ActiveX Scripting e, oltre che in Internet Explorer si può utilizzare in Internet Information Server, and Windows Scripting Host. VBScript è streattamente integrato nei browser ed è progettato per lavorare con i controlli OLE e altri oggetti incorporati in documenti HTML. Come JavaScript VBScript non produce applet stand-alone ma può essere usato per rendere i documenti HTML interattivi.

Informazioni online su VBScript
Usare JavaScript o VBScript?
Se volete scrivere delle routine che possano essere eseguite dai browser Netscape e Microsoft, la scelta è limitata a JavaScript e JScript. Netscape non supporta VBScript. Tenete conto anche del fatto che i vari browser non si presentano tutti allo stesso modo a JavaScript (cioè l’object-model è diverso per Netscape e per Microsoft).

Se sviluppate codice in Dynamic HTML la decisione è un po’ più complessa. Se volete usare tutte le particolarità di DHTML probabilmente dovete limitarvi a Internet Explorer, che supporta sia VBScript che JScript (ma non su Macintosh, dove è supportato solo JScript). Può andar bene se siete su una intranet. Se invece il vostro scopo è la compatibilità totale è obbligatorio rimanere su JavaScript.
   
Home | Commenti a Mauro Boscarol | Ultimo aggiornamento 22 dicembre 2000