Javascript e HTML Dinamico:una breve FAQ

   nessuna.

Perche' allora si chiama Javascript?

   Quando Netscape stava per inserire Java nel suo browser si trovava anche a sviluppare un proprio "scripting language" chiamato Livescript. Ottenne dalla Sun (proprietaria di Java) il permesso di richiamare questo linguaggio Javascript con la promessa (solo in parte mantenuta) di renderlo simile a Java.

Cos'e' Javascript

    E' un linguaggio ad oggetti che permette di ridefinire in maniera dinamica le proprieta' degli oggetti che formano la pagina Web.E' un linguaggio fatto apposta per realizzare quello che viene chiamato HTML dinamico(ma per questo scopo possono essere usati anche altri linguaggi incluso Java). Ad esempio uno script in Javascript potrebbe far muovere ,scomparire, riapparire, animare un'immagine cambiando i parametri che compaiono nel comando <img ...

Dove sono scritti i programmi (scripts) Javascript?

    All'interno dell'HTML. Se voi trovate in giro per la rete uno Javascript che vi interessa,basta guardare l'HTML per trovare il programma.

Javascript e' piu' facile da imparare rispetto a Java?

    Si,molto piu' facile perche' e' un linguaggio specializzato e non un linguaggio generale come Java. Javascript potete usarlo solo nell'HTML mentre Java potete usarlo in qualsiasi applicazione.

Ci sono dei compiti nei quali Javascript puo' essere piu' utile di Java?

    Si, per esempio per fare una calcolatrice specializzata. Trovate in rete centinaia di calcolatrici realizzate in Javascript. Oppure per controllare la validita' dei valori inseriti dall'utente in un modulo HTML.

Ci sono problemi di sicurezza in Javascript?

   Si.Alcuni programmi riescono a crashare un computer che li esegue.Ma questi problemi vengono di solito risolti apportando modifiche nelle versioni successive dei browser.

Ci sono dei casi in cui Javascript puo' essere utile a un programma Java?

   Si,perche' un programma Javascript ha meno limitazioni relative alla sicurezza. Un caso tipico:da un applet Java per questioni di sicurezza non potete displeiare un documento nel browser. Potete pero' dare questo compito a un piccolissimo programma Javascript che legge quale documento deve essere displeiato e lo mostra.

Quale sara' il futuro di Javascript

   Il futuro di Javascript e' legato all'HTML dinamico. Questo permette la scrittura di pagine Web sempre piu' interattive.

Cos'e' l'HTML Dinamico (DHTML)

    La possibilita' di modificare i vari elementi di una pagina Web secondo un certo schema predefinito oppure in seguito a un'azione dell'utente.Insomma la pagina Web diventa un programma di computer che puo' interagire con l'utente.

Come viene implementato?

    Al vecchio HTML (sempre valido) sono state aggiunte 3 nuove tecnologie:

• I fogli di stile a cascata (Cascading Style Sheets CSS) che indicano i valori iniziali dei vari elementi della pagina Web. Un unico file CSS puo' servire a modificare parecchie pagine HTML permettendo la definizione di un aspetto comune.
• Un linguaggio di script come Javascript per definire come i vari elementi devono variare.
• Un modello a oggetti del documento(DOM) che permetta di definire una pagina Web come una gerarchia di oggetti con proprieta' e metodi. Ogni elemento/oggetto ha un nome che lo identifica . Possiamo modificare dinamicamente l'oggetto dando un comando(invocando un metodo) oppure ridefinendo una sua proprieta'.

Esiste uno standard DHTML?

    Uno standard e' stato approvato da parte del WWW Consortium (W3C).

In che consiste,grosso modo,la gerarchia di oggetti di un documento?

    Avete una window che contiene dei frame che a loro volta contengono dei document che hanno image, form,link. Una form ha al suo interno oggetti element.

Un esempio di comando inviato a un oggetto invocando un metodo?

    document.write('Prova'); scrive una riga di HTML nel documento corrente.

Un esempio di modifica del comportamento di un oggetto ridefinendo una proprieta'?

    nomewindow.nomeframe.location.href = URL; carica un nuovo documento in un frame

Cosa sono le funzioni Javascript?

    E' possibile raggruppare insieme piu' istruzioni Javascript e dargli un nome con la sintassi: function nomedellafunzione (parametri) { istruzioni } Dentro le parentesi e' possibile indicare dei parametri corrispondenti ad argomenti che verranno passati all'atto della chiamata.

Cosa sono gli eventi e come si indica un server per un particolare evento?

    Parte integrale del DOM sono una serie di eventi di solito originati da azioni dell'utente come cliccare un tasto. Ogni evento ha un nome usato per indicare il server dell'evento.Il server dell'evento non e' altro che una funzione con le azioni da compiere in risposta all'utente. Ci sono due modi di indicare un server di eventi

• come una tag html:onClick="nomefunzione();"
• definendo una proprieta' dell'oggetto collegato all'evento:window.onresize=nomefunzione;

Come si fa a stampare il valore di una variabile per fare il debug di un programma?

    Ci sono quattro possibilita':

• Inserendo un temporaneo document.write("pippo = "+pippo) per scriverlo nel documento.
• alert("pippo = " + pippo); stampa il valore di pippo in una finestra di avviso
• form.test.value=pippo; stampa il valore in una textarea chiamata test che dovrete aver predefinito nell'HTML.
• Infine la sequenza di istruzioni:

  test=window.open();
  test.document.open();
  test.document.write("pippo = " + pippo);
  test.document.close();
  

  scrivera' il valore in una finestra a parte.

Cosa sono le array di image o altri oggetti?

    Esistono dei nomi predefiniti per i vari oggetti come image e una predefinizione di vettori di immagini o altri elementi presenti in un documento. Questo permette di potersi riferire alla terza immagine come images[2] ,alla prima form come form[0] indipendentemente dal nome che potremmo avergli dato con la tag HTML name.(Ma se gli abbiamo dato il nome pippo possiamo anche scrivere Images['pippo'])

Come si fa a collegare a un link <a href=...> una sequenza di istruzioni Javascript(ad es. la funzione faiquesto()?

    <a href=javascript:faiquesto()>

Che c'entra Javascript coi database?

    Un HTML con Javascript permette la definizione all'interno dell'HTML di una tabella (una specie di flat Ascii database) realizzata con un vettore (array) di oggetti. Questa viene inviata a chi richiede la pagina che cosi' puo' fare operazioni di ricerca nel database in locale senza dover usare CGI script o applet Java.

Esiste la possibilita' in Javascript di attaccare al vostro programma delle librerie di funzioni o delle definizioni di dati gia' pronte?

    No e si. Potete in effetti richiamare un file esterno col nome che finisce con .js contenente codice in Javascript. Si fa con: <script src=nomefile.js>

Come fanno i CSS a indirizzare gli oggetti di piu' documenti?

    Tramite il comando <DIV CLASS=pippo (o <SPAN CLASS=pippo se non volete andare a capo) vengono definiti tutti gli oggetti che appartengono alla classe pippo. A questo punto si definisce tra i comandi <STYLE TYPE="text/css"> e </STYLE> la classe .pippo { lista di proprieta' } . Ogni proprieta' viene definita nella forma nomeproprieta' : valore;

E' possibile con Javascript richiamare da un href il metodo di un applet Java?

    Si, anche se non direttamente.Si procede in questo modo.Da href si richiama un metodo Javascript.Questo metodo si procura l'indirizzo dell'applet e provvede a richiamare il metodo richiesto.Questo permette di pilotare da Javascript un applet Java.Questa introduzione agli automi cellulari e' stata fatta sfruttando a fondo questa possibilita'.In essa trovate una spiegazione dettagliata di come procedere per pilotare un applet da Javascript.

Cos'e' questo AJAX e perche' sta generando tanto interesse?

    AJAX sta per "Asynchronous JavaScript language and XML" ed e' una tecnica per sviluppare applicazioni web interattive usando le "vecchie techniche" dell'html dinamico (essenzialmente programmi Javascript inclusi nell'html per manipolare l'albero del documento descritto dal DOM) accoppiate alla nuova tecnica di richiedere dati dal server usando l'oggetto XMLHttpRequest che ritorna le informazioni dal server sotto forma di d ocumenti XML. Qui maggiori informazioni