La funzione WinOpen

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>

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

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

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

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

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

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

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

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

Alcuni Suggerimenti

<html>

<head>

<!-- 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.

per utilizzare le virgolette (") nel testo, occorre inserire il segno di backslash (\) davanti
alle semplici virgolette " inserite da tastiera in luogo del carattere speciale ".
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>");.
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\">)
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>Il Titolo");
msg1.document.write("Fu stampato sulla rivista abbruzzese \"Aprutium\" 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 Franco Contorbia su \"Strumenti Critici\", ottobre 1971.");
msg1.document.write("Il Picco d'Adamo e' la cima più alta dell'isola di Ceylon (cfr. 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>...nel rifugio di Stuoia");
msg2.document.write("<TT>Cfr.</TT>Un Natale a Ceylon : ");
msg2.document.write("<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("<CENTER>...la flora Demente");
msg3.document.write("Lussureggiante");
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("<CENTER>...la coppa del Calladio");
msg4.document.write("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 ");
msg4.document.write("(\"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("<CENTER>...l'orciuolo della Nepente");
msg5.document.write("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("<CENTER>... che Adamo non era");
msg6.document.write("Reminescenza di Zanella : \"Sopra una conchiglia fossile del mio studio \"");
msg6.document.write("<TT>v.14</TT>:");
msg6.document.write("<CITE>\" Vagavi co' nautili, / co' murici a schiera: / e l'uomo non era\".</CITE>");
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("<CENTER>... il gallo Bankywa");
msg7.document.write("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

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

Mi desta nel rifugio di stuoia<A NAME="1"><a href="annotazione.html#1" onclick="WinOpen1()"onMouseOver="window.status='Prima Nota';return true">2</a> sul Picco selvaggio:
 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 :

stabilisce una dimensione piccola per il numero di nota che sarà in apice al testo

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.

È 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.

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

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

Buon Lavoro!

Maurizio Tonelli
tonelli@gvo.it
e
Ennio Cortuso

La Funzione WinOpen : Annotazione, Esempio Pratico, lo Script - 26 MAR 1996

LIBER LIBER