Visualizza wikitesto di Leggere un valore generato da un codice HTML/JavaScript

Poiché attualmente non è possibile salvare un file di testo mediante il protocollo ''JavaScript'' <SUP>&#91;[[#Note|nota 1]]&#93;</sup>, al fine, dunque, di leggere da un programma Gambas un valore dal processamento del codice HTML, ci serviremo del metodo ''document.write()'' del protocollo ''JavaScript'' che scrive una stringa direttamente nella pagina web (ossia, nel nostro caso, nella ''WebView''). Quanto scritto nella ''WebView'' sarà raccolto dalla sua proprietà ''<FONT color=#B22222>.Text</font>'' <SUP>&#91;[[#Note|nota 2]]&#93;</sup>, che mostra il testo scevro dal codice html.

Mostriamo per questo caso un esempio, nel quale il programma Gambas imposta il codice ''JavaScript'' essenziale per generare una finestra ''Prompt'' (simile all'<I>InputBox</i> di Gambas), nella quale si inserisce manualmente un testo alfanumerico che sarà passato  all'HTML. Il codice ''JavaScript'' provvederà a modificare il valore ricevuto, e quindi a scrivere nell'oggetto ''WebView'' il valore modificato secondo il codice ''JavaScript''. In ultimo, il codice Gambas mostrerà il risultato finale.

Non è necessario che l'Oggetto ''WebView'' sia visibile, o sia comunque effettivamente presente sul ''Form'', è sufficiente che sia inizializzato e che sia assegnato al Metodo ".SetHtml()" del ''WebView'' il codice ''JavaScript'', sopra descritto.
<BR>Pertanto nel codice Gambas si potrà anche impostare l'oggetto ''WebView'' anche solo  così:
 Private WebView1 As WebView
 
 
 Public Sub Form_Open()
 
  With WebView1 = New WebView(Me)
 <FONT color=gray>' ''Carica il codice JavaScript:''</font>
    .SetHtml("<HTML><HEAD><SCRIPT>\n" &
             "var p = prompt('Inserisci il dato:');\n" &
             "// Modifichiamo il dato aggiungendovi semplicemente del testo:\n" &
             "var b = p + ' qualsiasi testo';\n" &
             "// Scrive il dato nella WebView:\n" &
             "document.write(b);\n" &
             "</script></head></html>")
  End With
 
 End
 
 
 Public Sub Button1_Click()
 
 <FONT color=gray>' ''Viene mostrato il testo inserito nel ''prompt e successivamente modificato con il codice html/javascript:</font>
   Print "Testo inserito: "; Scan(WebView1.GetHtml(), "*<body>*<*")[1]
 
 End

===Usando una porzione di codice ''HTML'' e di ''JavaScript''===
Vediamo ora due casi in cui il programma Gambas si serve di una porzione di codice ''HTML'' e ''JavaScript'' per ricevere da questo una valore di tipo stringa. Nel codice HTML è presente una funzione, dalla quale si ottiene un valore. Il codice Gambas può raccogliere il valore ottenuto da quella funzione mediante questa modalità.

====Esempio senza file esterno ''.js''====
Nel primo esempio non ci serviremo di un file esterno .''js'', ma la gestione del valore da passare si svolgerà tutta nel codice HTML. Quanto scritto nella ''WebView'' sarà mostrato in una ''TextEdit''.

Il codice HTML, contenuto all'interno di un file HTML e posto nella cartella ''Dati'' del progetto, è il seguente:
 &lt;html>
  
    &lt;script language="JavaScript">
 
 <FONT color=blue>//viene svolta la funzione:</font>
    function calcolo(){
      var a
      a = 7 * 5
        
 //<FONT color=blue>viene scritto nella pagina (nel nostro caso nella "WebView") il contenuto della variabile "a":</font>
      document.write(a);
 
    }
 
    &lt;/script>
   &lt;body>
 
      &lt;input type="button" onclic&#107;="calcolo&#040;&#041;" value="Calcola"&#062;
 
   &lt;/body></nowiki>
 &lt;/html></nowiki>


====Esempio con un file ''.js'' esterno====
In questo secondo esempio faremo uso, come nell'esempio del primo paragrafo, di un file ''.js'' (o altro semplice file di testo) esterno, il quale questa volta avrà un codice fisso.

Il file ''.js'' sarà richiamato da un file ".html", il codice del quale sarà il seguente:
 &lt;HTML>
 
  &lt;SCRIPT type="text/JavaScript">
 
  
 <FONT color=blue>// Dichiara ed istanzia una variabile che sarà utilizzata anche nel file ".js":</font>
    var c = 2
 
  
 </script>
 
  &lt;SCRIPT src="<FONT color=gray>''/percorso/del/file.js''</font>"></script>
 
  &lt;SCRIPT>
 
  
    var a = 2
 
   document.write( a + b)
 
 
  </script>
 
 </html>
Invece, il codice fisso nel file ''.js'' è il seguente:
   window.alert("Il valore della variabile 'c' e': " + c)
 
 <FONT color=blue>// Utilizziamo anche la variabile "c" dichiarata ed istanziata nel codice HTML principale:</font>
   var b = 10 * c

====Il codice Gambas====
Nel codice Gambas si utilizzerà il Metodo ".SetHtml()" della Classe ''WebView'', al quale andrà passato, come argomento, il codice contenuto nel file html
 Private WebView1 As WebView
 
 
 Public Sub Form_Open()
 
   With WebView1 = New WebView(Me)
 <FONT color=gray>' ''Carica il contenuto del file html:''</font>
     .SetHtml(File.Load("<FONT color=darkgreen>''/percorso/del/file.html''</font>"))
   End With
 
 End
 
 
 Public Sub Button1_Click()
 
 <FONT color=gray>' ''Legge anche quanto scritto dal Metodo "document.write()" del codice "JavaScript":''</font>
  WebView1.GetHtml()
 
 End



=Note=
[1] Il salvataggio di un file di testo mediante il protocollo ''JavaScript'' è possibile se nel proprio sistema è presente la risorsa ''GeckoActiveXObject''.