Informaticando.NET un intorno web sull'informatica di Giorgio Borelli

La potente libreria client JQuery ci mette a disposizione un'istruzione immediata per chiudere e nascondere una finestra modale bootstrap, grazie a JQuery abbiamo a disposizione delle immediate "funzioni" per compiere in modo elementare operazioni che risulterebbero certamente più lunghe e macchinose dal punto di vista implementativo se utilizzassimo i soli css e javascript.

Prosegue...

La potente libreria client JQuery ci mette a disposizione un'istruzione immediata per aprire e mostrare una finestra modale bootstrap, grazie a JQuery abbiamo a disposizione delle immediate "funzioni" per compiere in modo elementare operazioni che risulterebbero certamente più lunghe e macchinose dal punto di vista implementativo se utilizzassimo i soli css e javascript.

Prosegue...

Leggere e modificare a cronologia di navigazione del Browser è molto semplice sfruttando le history API Javascript. L'oggetto history ottenibile come proprietà di window mette a disposizione tutte le funzioni Javascript necessarie per muoverci tra la cronologia di navigazione, come history.back() e history.go() per andare indietro e  avanti tra le pagine. A mezzo le history API Javascript, implementare bottoni e link per tornare alla pagina precedente o andare ad una determinata pagina della cronologia di navigazione del browser diventa un giochetto da ragazzi, andiamo a scoprire come fare.

Prosegue...

Restiamo ancora nell'ambito del DHTML (Dynamic HTML) e manipolazione del DOM a mezzo codice Javscript. Vediamo come creare o rimuovere un elemento hmtl via Javascript. Le necessità di questa tecnica possono essere diverse ed applicabili in svariati contesti, facciamo dei semplici esempi che possono essere modificati ed adattati alle varie esigenze, con due semplici funzioni Javascript sarà semplicissimo aggiungere o rimuovere elementi html al volo via Javascript.

Prosegue...

Restando in tema di manipolazione del DOM (Document Object Model), vediamo oggi come rendere visibili o invisibili degli elementi html via Javascript. Forse non tutti sanno che lo stile dei tag html è modificabile anche tramite codice Javascript, in particolar modo per rendere invisibile o visibile un tag html andremo a toccare lo style dell'elemento agendo sull'attributo display direttamente tramite codice Javascript, andiamo a vedere come fare.

Prosegue...

Usare Javascript per inserire del codice html all'interno della propria pagina web, è una pratica che presto o tardi la maggior parte degli sviluppatori web userà. Potremmo dire che questa manipolazione del DOM (Document Object Model) rientra in quell'insieme di tecniche note col nome di DHTML (Dynamic HTML o se preferite l'italiano HTML dinamico). Ma vediamo come fare ad inserire dei tag html all'interno della pagina web via Javascript.

Prosegue...

Siete alle prime armi con Javascript e lo sviluppo di pagine web in genere, e non sapete come andare a capo in Javascript? La soluzione è davvero semplice, bisogna rifarsi alle sequenze di escape, ed usare il carattere speciale \n di New Line (o Line Feed).

Ma vediamo bene come usare il new line per andare a capo in Javascript.

Prosegue...

Avete scaricato la libreria JQuery o qualche script Javascript da internet, e vi ritrovate con il seguente Warning "did you intend to write an assignment here". Volete risolvere ma non siete sicuri di cosa fare e del motivo per cui esce questo errore, bene, la soluzione è davvero semplice. Prosegue...

Il protagonista è nuovamente lui Internet Explorer 8, nell'articolo precedente abbiamo visto un bug d'Internet Explorer 8 legato all'evento window.onload, questa volta però non si tratta di un bug Javascript nativo, piuttosto coinvolge le API di Google Maps; alla dichiarazione di una nuova mappa di Google viene mostrato un errore Javascript in Internet Explorer 8, compromettendo sempre la compatibilità cross-borwser della nostra applicazione web.

Anche in questo caso risolvere il bug è piuttosto semplice, andiamo a scoprire come fare. Prosegue...

Ancora una volta ci ritroviamo a parlare di un bug, nello specifico Javascript, che affligge la compatibilità cross browser d'Internet Explorer 8. In particolare facciamo riferimento alla funzione del DOM (Document Object Model) window.onload(), responsabile di gestire (handler) gli eventi al caricamento della finestra (window) del browser. Quando andiamo a definire uno script Javascritp con all'interno window.onload al quale assegniamo una funzione, questa non viene "invocata" al load della pagina in Internet Explorer 8, il tutto sembra apparentemente inspiegabile, poichè il metodo onload così definito funziona perfettamente con gli altri browser o versioni superiori di IE.

Risolere il bug di IE8 con window.onload è davvero semplice, andiamo a scoprire come fare. Prosegue...