Lo Script


Vi sono sette funzioni WinOpen richiamate all'interno della poesia di Gozzano.

Per comodità nel "copio e incollo" suddividiamo lo script nella sua integrità prima e con le indicazioni per l'uso poi.

Attenzione! la disposizione delle linee è importante e và mantenuta!


<html>

<head>

<script language="LiveScript">

<!-- Hiding




     function WinOpen1() {

       msg1=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no,width=420,height=165");

       msg1.document.write("<HEAD><TITLE>Prima Nota</TITLE></HEAD>");
       
       msg1.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg1.document.write("<CENTER><FONT SIZE=+3>I</FONT><FONT SIZE=+1>l</FONT> <FONT SIZE=+3>T</FONT><FONT SIZE=+1>itolo</FONT>");
       msg1.document.write("<P>Fu stampato sulla rivista abbruzzese <B>Aprutium</B> dell'ottobre - novembre 1913,");
       msg1.document.write("con la data Adam's Peak - Rest-House, Ceylon, 1912, e ristampato (con un ampio commento e correzioni al testo)");
       msg1.document.write(" da <B>Franco Contorbia</B> su <B>Strumenti Critici</B>, ottobre 1971.");
       msg1.document.write("<P>Il Picco d'Adamo  e' la cima piu' alta dell'isola di Ceylon<BR>");
       msg1.document.write("(cfr. <I><B>\"Verso la cuna del mondo</B>, <B>Un Natale a Ceylon\"</B></I> )");
       msg1.document.write("</TD></TR></TABLE></CENTER>");
       msg1.document.close();
       
     }
      
      
      function WinOpen2() {

       msg2=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no,width=400,height=150");

       msg2.document.write("<HEAD><TITLE>Seconda Nota</TITLE></HEAD>");
       
       msg2.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg2.document.write("<CENTER>...<FONT SIZE=+1>nel rifugio di</FONT> <FONT SIZE=+3>S</FONT><FONT SIZE=+1>tuoia</FONT>");
       msg2.document.write("<P ALIGN=CENTER><TT>Cfr.</TT><I><B>Un Natale a Ceylon</B></I> :<BR>");
       msg2.document.write("<P ALIGN=LEFT><FONT SIZE=+1><CITE>\"Abito da quasi un mese l'ultima rest-house");
       msg2.document.write(" offerta al viaggiatore dalla mirabile previdenza britannica... E' minuscola e modesta");
       msg2.document.write(" questa rest-house  sul Picco d'Adamo\"</CITE>");
       msg2.document.write("</TD></TR></TABLE></CENTER>");
       msg2.document.close();
     
     }
     
     
     function WinOpen3() {

       msg3=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=90");

       msg3.document.write("<HEAD><TITLE>Terza Nota</TITLE></HEAD>");
       
       msg3.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg3.document.write("<P><CENTER>...<FONT SIZE=+1>la flora</FONT> <FONT SIZE=+3>D</FONT><FONT SIZE=+1>emente</FONT>");
       msg3.document.write("<P><FONT SIZE=+1>Lussureggiante</FONT>");
       msg3.document.write("</TD></TR></TABLE></CENTER>");
       msg3.document.close();
      
     }
     
     
     function WinOpen4() {

       msg4=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=140");

       msg4.document.write("<HEAD><TITLE>Quarta Nota</TITLE></HEAD>");
       
       msg4.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg4.document.write("<P><CENTER>...<FONT SIZE=+1>la coppa del</FONT> <FONT SIZE=+3>C</FONT><FONT SIZE=+1>alladio</FONT>");
       msg4.document.write("<P ALIGN=LEFT>Il Calladio e' una specie di colocasia tropicale, della famiglia delle Aracee.");
       msg4.document.write(" I fiori sono avvolti in una grande brattea a forma di coppa nella quale si raccoglie l'acqua piovana<BR>");
       msg4.document.write("<P ALIGN=CENTER>(\"m'irrora / la coppa del calladio\"... )");
       msg4.document.write("</TD></TR></TABLE></CENTER>");
       msg4.document.close();
      
     }
      
      
     function WinOpen5() {

       msg5=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=390,height=125");

       msg5.document.write("<HEAD><TITLE>Quinta Nota</TITLE></HEAD>");
       
       msg5.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg5.document.write("<P><CENTER>...<FONT SIZE=+1>l'orciuolo della</FONT> <FONT SIZE=+3>N</FONT><FONT SIZE=+1>epente</FONT>");
       msg5.document.write("<P ALIGN=LEFT>La Nepente e' una pianta insettivora tropicale, le cui foglie presentano un rigonfiamento");
       msg5.document.write(" a forma di anfora (ascidio: \"orciuolo\"),");
       msg5.document.write(" munito di un opercolo mobile");
       msg5.document.write("</TD></TR></TABLE></CENTER>");
       msg5.document.close();
      
     }
     
    
      
      
     function WinOpen6() {

       msg6=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=460,height=125");

       msg6.document.write("<HEAD><TITLE>Sesta Nota</TITLE></HEAD>");
       
       msg6.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg6.document.write("<P><CENTER>... <FONT SIZE=+1>che</FONT> <FONT SIZE=+3>A</FONT><FONT SIZE=+1>damo non era</FONT>");
       msg6.document.write("<P>Reminescenza di Zanella : \"<I><B>Sopra una conchiglia fossile del mio studio</I></B> \"");
       msg6.document.write("<P ALIGN=LEFT><TT>v.14</TT>:"); 
       msg6.document.write("<FONT SIZE=+1><CITE>\" Vagavi co' nautili, / co' murici a schiera: / e l'uomo non era\".</CITE></FONT>");
       msg6.document.write("</TD></TR></TABLE></CENTER>");
       msg6.document.close();
      
     }
     
     
     function WinOpen7() {

       msg7=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=105");

       msg7.document.write("<HEAD><TITLE>Settima Nota</TITLE></HEAD>");
       
       msg7.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
       msg7.document.write("<P><CENTER>... <FONT SIZE=+1>il gallo</FONT> <FONT SIZE=+3>B</FONT><FONT SIZE=+1>ankywa</FONT>");
       msg7.document.write("<P>Il gallo originario dell'isola di Banka, a est di Sumatra, selvatico,");
       msg7.document.write("considerato il progenitore del gallo domestico.");
       msg7.document.write("</TD></TR></TABLE></CENTER>");
       msg7.document.close();
      
     }
      
        
// -->

</script>

<BODY LINK="FF0000 ALINK="FF0000" VLINK="FF0000">

<P>Cantare udivo un gallo in sogno... Sognavo un villaggio
<BR>canavesano forse... L'aurora improvvisa mi desta.

<P> Mi desta nel rifugio di stuoia<font size="-4"><a href="annotazione.html" onclick="WinOpen2()"onMouseOver="window.status='Seconda Nota';return true">2</a></font> sul Picco selvaggio:
<BR>d'un tremolio d'acquario scintilla la selva ridesta

<P>Le felci arborescenti contendono i raggi all'aurora,
<BR>dall'uno all'altro fusto s'allaccia la flora demente<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen3()"onMouseOver="window.status='Terza Nota';return true">3</a></font>,

<P> spezzo ghirlande azzurre gialle sanguigne, m'irrora
<BR>la coppa del calladio<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen4()"onMouseOver="window.status='Quarta Nota';return true">4</a></font>, l'orciuolo della nepente<font size="-4"><A NAME="2"><a href="annotazione.html#1" onclick="WinOpen5()"onMouseOver="window.status='Quinta Nota';return true">5</a></font>...

<P> Cantava un gallo in sogno... Ma un gallo ben vivo risponde.
<BR>Sobbalzo. Ascolto. Il cuore col battito colma le tregue.

<P> Regna il Re dei cortili le vergini selve profonde?
<BR>M'illude un negromante per gioco? Il mio sogno prosegue?

<P> Non il Re dei cortili qui regna, ma l'avo selvaggio
<BR>(già cantava sul Picco d'Adamo che Adamo non era<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen6()"onMouseOver="window.status='Sesta Nota';return true">6</a></font>).

<P> Canta il gallo bankywa<font size="-4"><A NAME="2"><a href="annotazione.html#1" onclick="WinOpen7()"onMouseOver="window.status='Settima Nota';return true">7</a></font> l'aurora del Tropico, il raggio
<BR>d'oro che scende obliquo dove la jungla è più nera.





Alcuni Suggerimenti



<html>

<head>

<script language="LiveScript">il nome del linguaggio utilizzato (non proprio Java ma ci si avvicina)

<!-- Hiding rende invisibile la parte di testo costituente lo script ai vecchi broswer
che non supportano altri linguaggi che non siano html


function WinOpen1() { richiama la funzione dello script, in questo caso è la funzione 1 di sette utilizzate
la parentesi
{ apre il campo in cui viene definito il messaggio che dovrà apparire clikkando sul puntatore
prescelto (funzione che vediamo più avanti)

msg1=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no,width=420,height=150");
ogni "messaggio" dovrà essere numerato o nominato in modo corrispondente a quello del "puntatore"
presente sul testo, in questo caso i sette messaggi sono stati nominati msg1, msg2, msg3, ecc.

È possibile stabilire dimensioni ed "attrezzatura" della finestra, gli attributi modificabili sono:

toolbar=yes/no
location=yes/no
directories=yes/no
status=yes/no
menubar=yes/no
scrollbars=yes/no
resizable=yes/no
copyhistory=yes/no
width=pixels
height=pixels


n.b.

  1. per utilizzare le virgolette (") nel testo, occorre inserire il segno di backslash (\) davanti
    alle semplici virgolette
    " inserite da tastiera in luogo del carattere speciale &quot;.

  2. per l'inserimento di puntatori occorre inserire il segno di backslash (\ ) davanti agli apici (") del href

    es.:<A HREF="url">Titolo</A>

    dovrà correttamente essere inserito in questo modo:

    msg1.document.write("<A HREF=\"titolo.html\">Titolo</A>");.

  3. per l'inserimento di immagini bisogna immettere l'URL assoluta e non quella relativa

    es.:<A HREF=\"http://www.pinco.it/utente/immagine.gif\"> (e non:<IMG SRC=\"immagine.gif\">)

  4. non supporta le accentate latine, usare quindi l'apostrofo da tastiera in luogo dei caratteri speciali


Qui di seguito si potrà iniziare a costruire il testo utilizzando l'html come per qualsiasi altra pagina.
Importante sarà mantenerlo all'interno della sintassi
msg#.document.write("TESTO HTML"); :


msg1.document.write("<HEAD><TITLE>Prima Nota</TITLE></HEAD>");

msg1.document.write("<CENTER><TABLE ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg1.document.write("<CENTER><FONT SIZE=+3>I</FONT><FONT SIZE=+1>l</FONT> <FONT SIZE=+3>T</FONT><FONT SIZE=+1>itolo</FONT>");
msg1.document.write("<P>Fu stampato sulla rivista abbruzzese \"<B>Aprutium</B>\" dell'ottobre - novembre 1913,");
msg1.document.write("con la data \"Adam's Peak - Rest-House, Ceylon, 1912\", e ristampata (con un ampio commento e correzioni al testo");
msg1.document.write(" da <B>Franco Contorbia</B> su \"<B>Strumenti Critici</B>\", ottobre 1971.");
msg1.document.write("<P>Il Picco d'Adamo e' la cima più alta dell'isola di Ceylon (cfr. <I>Verso la cuna del mondo, Un Natale a Ceylon).");
msg1.document.write("</TD></TR></TABLE></CENTER>");
msg1.document.close();Chiude il corpo del messaggio presente sulla nota.

}chiude la funzione della prima nota

function WinOpen2() {si riapre con la seconda nota e così via

msg2=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no,width=400,height=150");

msg2.document.write("<HEAD><TITLE>Seconda Nota</TITLE></HEAD>");

msg2.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg2.document.write("<CENTER>...<FONT SIZE=+1>nel rifugio di</FONT> <FONT SIZE=+3>S</FONT><FONT SIZE=+1>tuoia</FONT>");
msg2.document.write("<P ALIGN=CENTER><TT>Cfr.</TT><I><B>Un Natale a Ceylon</B></I> :<BR>");
msg2.document.write("<P ALIGN=LEFT><FONT SIZE=+1><CITE>\"Abito da quasi un mese l'ultima rest-house");
msg2.document.write(" offerta al viaggiatore dalla mirabile previdenza britannica... E' minuscola e modesta");
msg2.document.write(" questa rest-house sul Picco d'Adamo\"</CITE>");
msg2.document.write("</TD></TR></TABLE></CENTER>");
msg2.document.close();

}

function WinOpen3() {

msg3=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=90");

msg3.document.write("<HEAD><TITLE>Terza Nota</TITLE></HEAD>");
msg3.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg3.document.write("<P><CENTER>...<FONT SIZE=+1>la flora</FONT> <FONT SIZE=+3>D</FONT><FONT SIZE=+1>emente</FONT>");
msg3.document.write("<P><FONT SIZE=+1>Lussureggiante</FONT>");
msg3.document.write("</TD></TR></TABLE></CENTER>");
msg3.document.close();

}

function WinOpen4() {

msg4=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=140");

msg4.document.write("<HEAD><TITLE>Quarta Nota</TITLE></HEAD>");
msg4.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg4.document.write("<P><CENTER>...<FONT SIZE=+1>la coppa del</FONT> <FONT SIZE=+3>C</FONT><FONT SIZE=+1>alladio</FONT>");
msg4.document.write("<P ALIGN=LEFT>Il Calladio e' una specie di colocasia tropicale, della famiglia delle Aracee.");
msg4.document.write(" I fiori sono avvolti in una grande brattea a forma di coppa nella quale si raccoglie l'acqua piovana<BR>");
msg4.document.write("<P ALIGN=CENTER>(\"m'irrora / la coppa del calladio\"... )");
msg4.document.write("</TD></TR></TABLE></CENTER>");
msg4.document.close();

}

function WinOpen5() {

msg5=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=390,height=125");

msg5.document.write("<HEAD><TITLE>Quinta Nota</TITLE></HEAD>");
msg5.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg5.document.write("<P><CENTER>...<FONT SIZE=+1>l'orciuolo della</FONT> <FONT SIZE=+3>N</FONT><FONT SIZE=+1>epente</FONT>");
msg5.document.write("<P ALIGN=LEFT>La Nepente e' una pianta insettivora tropicale, le cui foglie presentano un rigonfiamento");
msg5.document.write(" a forma di anfora (ascidio: \"orciuolo\"),");
msg5.document.write(" munito di un opercolo mobile");
msg5.document.write("</TD></TR></TABLE></CENTER>");
msg5.document.close();

}

function WinOpen6() {

msg6=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=460,height=125");

msg6.document.write("<HEAD><TITLE>Sesta Nota</TITLE></HEAD>");
msg6.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg6.document.write("<P><CENTER>... <FONT SIZE=+1>che</FONT> <FONT SIZE=+3>A</FONT><FONT SIZE=+1>damo non era</FONT>");
msg6.document.write("<P>Reminescenza di Zanella : \"<I><B>Sopra una conchiglia fossile del mio studio</I></B> \"");
msg6.document.write("<P ALIGN=LEFT><TT>v.14</TT>:");
msg6.document.write("<FONT SIZE=+1><CITE>\" Vagavi co' nautili, / co' murici a schiera: / e l'uomo non era\".</CITE></FONT>");
msg6.document.write("</TD></TR></TABLE></CENTER>");
msg6.document.close();

}

function WinOpen7() { function WinOpen7() {

msg7=open("","DisplayWindow","toolbar=no,directories=no,menubar=no,scrollbars=no,resize=no,width=380,height=105");

msg7.document.write("<HEAD><TITLE>Settima Nota</TITLE></HEAD>");
msg7.document.write("<CENTER><TABLE CELLPADDING=8 ALIGN=CENTER BORDER=1 WIDTH=\"100%\"><TR><TD ALIGN=CENTER>");
msg7.document.write("<P><CENTER>... <FONT SIZE=+1>il gallo</FONT> <FONT SIZE=+3>B</FONT><FONT SIZE=+1>ankywa</FONT>");
msg7.document.write("<P>Il gallo originario dell'isola di Banka, a est di Sumatra, selvatico,");
msg7.document.write("considerato il progenitore del gallo domestico.");
msg7.document.write("</TD></TR></TABLE></CENTER>");
msg7.document.close();

}

// -->segnala al broswer che deve rendere visibile il documento

</script>chiude lo script

</HEAD>

<BODY LINK="FF0000 ALINK="FF0000" VLINK="FF0000">
mantenere lo stesso colore per il puntatore/numero_della_nota aumenta la leggibilità del documento

<P>Cantare udivo un gallo in sogno... Sognavo un villaggio
<BR>canavesano forse... L'aurora improvvisa mi desta.

<P> Mi desta nel rifugio di stuoia<FONT SIZE="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen1()"onMouseOver="window.status='Prima Nota';return true">2</a></font> sul Picco selvaggio:
<BR>d'un tremolìo d'acquario scintilla la selva ridesta.



l'url al documento è un pochino più complicata del solito e sopperisce a diverse funzioni :

    <FONT SIZE="-4">
    stabilisce una dimensione piccola per il numero di nota che sarà in apice al testo

    <A NAME="1">
    ed il suo identificatore #1 collegato all'estensione .html del nome del documento
    identifica la parte di testo su cui il reload della pagina dovrà fermarsi.
    In caso di documenti brevi, che occupino poco più spazio visivo della schermata del
    broswer, può essere omesso. Per quelli lunghi potrebbe essere più comodo metterlo per non perdere
    il segno del punto di lettura.

    !!!A T T E N Z I O N E !!!

    L'uso dell'identificatore # tende a confondere Netscape nel realizzare correttamente l'url della nota.
    Se ne sconsiglia l'utilizzo malgrado sia utile nel mantenere la pagina posizionata su quello che si stà leggendo.
    L'alternativa consiste nello scrivere documenti brevi e magari su più pagine ove questo sia possibile.
    Nell'esempio pratico non è stato utilizzato questo identificatore.


    <a href="annotazione.html#1" onclick="WinOpen1()"onMouseOver="window.status='Prima Nota';return true">

    È importante non lasciare degli spazi vuoti nella costruzione di questo comando!

    dissezione del comando :

    <a href="poesia.html#1"

    l'url del documento (che deve richiamare se stesso per riattivare di volta in volta le note),
    comprendente l'identificatore del segno di lettura (#1) visto sopra (e sconsigliato)
    onclick="WinOpen1()"
    con il comando onclick apriamo la nota desiderata richiamandola con la funzione WinOpen,
    in questo caso è la funzione 1 legata alla prima nota
    onMouseOver="window.status='Prima Nota';return true">
    onMouseOver è quella funzione che fà apparire nella finestrella, o forse è meglio dire
    nel bordo inferiore di Netscape, la directory del documento collegato al puntatore sul quale
    si stà trascinando sopra il mouse
    esempio:

    status consente di fare apparire il nome desiderato sulla finestrella della directory
    return true chiude il comando. Attenzione ad inserire correttamente anche il punto tra
    window e status ed il punto e virgola tra il nome dello status e return true.


<P>Le felci arborescenti contendono i raggi all'aurora,
<BR>dall'uno all'altro fusto s'allaccia la flora demente<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen3()"onMouseOver="window.status='Terza Nota';return true">3</a></font>,

<P> spezzo ghirlande azzurre gialle sanguigne, m'irrora
<BR>la coppa del calladio<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen4()"onMouseOver="window.status='Quarta Nota';return true">4</a></font>, l'orciuolo della nepente<font size="-4"><A NAME="2"><a href="annotazione.html#1" onclick="WinOpen5()"onMouseOver="window.status='Quinta Nota';return true">5</a></font>...

<P> Cantava un gallo in sogno... Ma un gallo ben vivo risponde.
<BR>Sobbalzo. Ascolto. Il cuore col battito colma le tregue.

<P> Regna il Re dei cortili le vergini selve profonde?
<BR>M'illude un negromante per gioco? Il mio sogno prosegue?

<P> Non il Re dei cortili qui regna, ma l'avo selvaggio
<BR>(già cantava sul Picco d'Adamo che Adamo non era<font size="-4"><A NAME="1"><a href="annotazione.html#1" onclick="WinOpen6()"onMouseOver="window.status='Sesta Nota';return true">6</a></font>).

<P> Canta il gallo bankywa<font size="-4"><A NAME="2"><a href="annotazione.html#1" onclick="WinOpen7()"onMouseOver="window.status='Settima Nota';return true">7</a></font> l'aurora del Tropico, il raggio
<BR>d'oro che scende obliquo dove la jungla è più nera.

Buon Lavoro!


Maurizio Tonelli
tonelli@gvo.it
e
Ennio Cortuso
La Funzione WinOpen : Annotazione, Esempio Pratico, lo Script - 26 MAR 1996
LIBER LIBER