JavaScript/BOM: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
ortografia
m Update syntaxhighlight tags - remove use of deprecated <source> tags
 
Riga 13:
Questa proprietà permette di ottenere o di impostare il testo predefinito della barra di stato del browser. Per esempio, sulla maggior parte dei browser, mostra la scritta "Completato" dopo l'avvenuto caricamento di una pagina.
<br/>Per usarla vi accediamo semplicemente:
<sourcesyntaxhighlight lang=javascript>
window.defaultStatus = "Testo personalizzato";
//oppure anche
defaultStatus = "Testo personalizzato";
</syntaxhighlight>
</source>
 
La seconda proprietà, <code>status</code>, indica invece il testo ''corrente'' nella barra di stato, ad esempio l'<code>href</code> di un link ipertestuale se vi sta passando sopra il mouse. Anche qui la sintassi è semplice:
<sourcesyntaxhighlight lang=javascript>
window.status = "Testo personalizzato";
</syntaxhighlight>
</source>
 
==== frames, length e parent ====
Riga 40:
Due di questi metodi, <code>alert()</code> e <code>prompt()</code>, sono già stati trattati in precedenza; è simile invece l'uso del metodo <code>confirm()</code>, in quanto anch'esso mostra una finestra di dialogo.
La sua sintassi è:
<sourcesyntaxhighlight lang=javascript>
window.confirm("testo");
</syntaxhighlight>
</source>
Il metodo mostra una finestra di dialogo che mostra il testo indicato come parametro e due pulsanti, ''OK'' e ''Annulla''), e restituisce <code>true</code> se l'utente clicca su OK, <code>false</code> negli altri casi.<br/>
Questo metodo serve per chiedere conferme all'utente prima di effettuare operazioni lunghe o importanti. Siccome un sito internet viene potenzialmente visitato da utenti di tutto il mondo, il testo sui pulsanti varia a seconda della lingua usata dal browser quindi ''Annulla'' in francese diventa ''Annuller'', in inglese ''Cancel'' e via dicendo.
Riga 56:
Il secondo metodo invece è relativo alle dimensioni correnti della finestra e accetta due valori interi positivi e negativi che indicano di quanto si voglia ingrandire o rimpicciolire la finestra.
 
<sourcesyntaxhighlight lang=javascript>
//rimpicciolisce la finestra del browser
window.resizeTo(200, 200);
</syntaxhighlight>
</source>
 
==== moveTo() e moveBy() ====
Riga 70:
Attenzione: lo spostamento della finestra porterà al ripristino delle dimensioni della finestra se questa si trova ingrandita a tutto schermo.
 
<sourcesyntaxhighlight lang=javascript>
//sposta la finestra del browser nell'angolo superiore
window.moveTo(0,0);
</syntaxhighlight>
</source>
 
==== scrollTo() e scrollBy() ====
Riga 82:
Il secondo metodo è relativo e richiede un numero positivo o negativo che indichi di quanto scrollare la pagina in orizzontale o in verticale
 
<sourcesyntaxhighlight lang=javascript>
//sale di 200 px
window.scrollBy(-200);
</syntaxhighlight>
</source>
 
==== print() ====
Riga 92:
==== open() ====
Questo metodo apre una nuova istanza del browser, apre cioè una nuova finestra del browser in uso. La sua sintassi è:
<sourcesyntaxhighlight lang=javascript>
window.open("url", "nome", "parametri")</sourcesyntaxhighlight>
Il primo parametro è l'indirizzo della pagina che sarà caricata nella nuova finestra; passando una stringa vuota si otterrà una pagina vuota (in pratica, viene aperta about:blank).
 
Riga 140:
 
La funzione restituisce un riferimento all'oggetto window appena aperto. Ad esempio:
<sourcesyntaxhighlight lang=javascript>
finestra = window.open("pagina.html", "finestra1", "toolbar=no,location=yes");
finestra.defaultStatus = "Benvenuti nella nuova finestra!";
</syntaxhighlight>
</source>
 
Potremo poi usare il nome <code>finestra1</code> nel codice HTML:
<sourcesyntaxhighlight lang=html4strict><a href="pagina2.html" target="finestra1">Link</a></sourcesyntaxhighlight>
 
Possiamo anche creare una generica funzione, per poi creare nuove finestre partendo dai link:
<sourcesyntaxhighlight lang=javascript>
function apriFinestra(url, nome, width, height) {
var params = "width:" + width + ";height=" + height;
window.open(url, nome, params);
}
</syntaxhighlight>
</source>
e poi per usarla la inseriamo per esempio in un link:
<sourcesyntaxhighlight lang=html4strict><a href="javascript:apriFinestra('pagina.html', 'Nuova_finestra', 200,200)">Apri</a></sourcesyntaxhighlight>
In questo modo, grazie alla sintassi "<code>javascript:''istruzione''</code>", cliccando sul link verrà eseguita la funzione appena creata.