Versione delle 16:36, 25 giu 2008 modifica Apici (discussione \| contributi) 8 modifiche corretto campo nome: necessitano altre precisazioni ← Differenza precedente		Versione delle 20:48, 1 lug 2008 modifica annulla Ramac (discussione \| contributi) 8 469 modifiche sistemo e aggiungo Differenza successiva →
Riga 26: ==== frames, length e parent ==== Queste tre proprietà sono legate all'uso di ''[[w:Frame\|frame]]'' nelle pagine web. ~~<br/>~~Essendo l'uso dei frame una tecnica piuttosto obsoleta, sorpassata oramai da tecnologie lato server e deprecata dal [[w:W3C\|W3C]], il loro uso non sarà approfondito nel corso di questo libro. <!-- ovviamente se qualcuno vuole inserirlo non glielo impedisce nessuno :-P :-) --> ==== opener ==== Line 47 ⟶ 48: ==== blur() e focus() ==== Questi due metodi rispettivamente tolgono il focus dalla finestra del browser e spostano il focus sul browser. Questo serve quando ad esempio sono aperte più finestre contemporaneamente. ==== resizeTo() e resizeBy() ==== Questi due metodi servono per ridimensionare la finestra. Il primo è assoluto e richiede due valori interi positivi che indicano la larghezza e l'altezza che si vogliono ottenere. 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. <source lang=javascript> //rimpicciolisce la finestra del browser window.resizeTo(200, 200); </source> ==== moveTo() e moveBy() ==== Questi metodi servono per spostare a proprio piacere la finestra del browser sullo schermo. Con il primo metodo è possibile specificare le coordinate dello schermo da impostare come posizione dell'angolo superiore sinistro della finestra Il secondo metodo richiede un valore relativo che indichi di quanto spostare la finestra in orizzontale e in verticale. Attenzione: lo spostamento della finestra porterà al ripristino delle dimensioni della finestra se questa si trova ingrandita a tutto schermo. <source lang=javascript> //sposta la finestra del browser nell'angolo superiore window.moveTo(0,0); </source> ==== scrollTo() e scrollBy() ==== Questi due metodi servono per effettuare lo ''scrolling'' della pagina. Il primo metodo richiede le coordinate x e y della finestra del punto che si desidera visualizzare con lo scrolling. Il secondo metodo è relativo e richiede un numero positivo o negativo che indichi di quanto scrollare la pagina in orizzontale o in verticale <source lang=javascript> //sale di 200 px window.scollBy(-200); </source> ==== print() ==== Questo metodo serve per stampare la pagina corrente e non richiede parametri. ==== open() ==== Line 52 ⟶ 94: <source lang=javascript> window.open("url", "nome", "parametri")</source> 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). I primi due parametri indicano rispettivamente l'indirizzo in cui si aprirà la nuova finestra e il nome che questa avrà, nome utilizzabile come identificatore anche da programmi javascript residenti in altri file. È possibile inoltre aprire una finestra vuota passando come URL una stringa vuota ("").<br/> Il secondo parametro indica il nome della finestra che potrà essere usato ad esempio come valore per l'attributo target dei link o dei moduli HTML o ancora da altre istruzioni JavaScript. Il terzo parametro è invece una stringa di parametri costruita con la sintassi: nomeParametro=valore;,nomeParametro2=valore2;, I principali parametri sono (non sono tutti compatibili con entrambi i browser): {\| class="wikitable" ~~{\| {{Prettytable}}~~ !Nome parametro !Possibili valori Line 96 ⟶ 141: La funzione restituisce un riferimento all'oggetto window appena aperto. Ad esempio: <source lang=javascript> finestra = window.open("pagina.html", "~~Nuova_finestra~~finestra1", "toolbar=no;,location=yes"); finestra.defaultStatus = "Benvenuti nella nuova finestra!"; </source> Potremo poi usare il nome <code>finestra1</code> nel codice HTML: <source lang=html4strict><a href="pagina2.html" target="finestra1">Link</a></source> Possiamo anche creare una generica funzione, per poi creare nuove finestre partendo dai link: <source lang=javascript> function apriFinestra(url, ~~titolo~~nome, width, height) { var params = "width:" + width + ";height=" + height; window.open(url, ~~titolo~~nome, params); } </source> e poi per usarla la inseriamo per esempio in un link: <source lang=html4strict><a href="javascript:apriFinestra('pagina.html', 'Nuova_finestra', 200,200)">Apri</a></source> In questo modo, grazie alla ~~parola~~sintassi "<code>javascript:''istruzione''</code>", cliccando sul link verrà eseguita la funzione appena creata. ~~Come è stato spiegato prima, dal~~Dal codice della finestra aperta si potrà ottenere un riferimento alla finestra che la ha aperta tramite la proprietà <code>window.opener</code>. ==== close() ==== Chiude una finestra del browser. ~~{{avanzamento\|100%}}~~ [[Categoria:JavaScript\|BOM]] {{Avanzamento\|100%\|1 luglio 2008}}

JavaScript/BOM: differenze tra le versioni