Si supponga di aver una pagina web che debba comandare l’esecuzione di un’operazione lato server, inviando insieme alla richiesta un dato, ad esempio il valore di un id, che viene chiesto in input all’utente tramite una casella di testo. Si vuole che l’utente debba confermare l’operazione, prima che la richiesta possa essere inviata al server. (Soluzione[…]
Si vuole realizzare una pagina web che permetta di scegliere di richiamare una specifica pagina fra un certo numero di pagine disponibili, utilizzando una casella di scelta a discesa, come nella figura seguente: In altri termini, quello che si richiede è di realizzare un redirect della pagina tramite la scelta effettuata dall’utente nella casella di scelta. Ciò[…]
Si vuole realizzare un form con due caselle di scelta collegate, la prima per scegliere la provincia, la seconda la città. Le due caselle devono essere collegate nel senso che: prima si potrà scegliere la provincia e poi la città, in modo che nella casella a discesa della città la scelta possa avvenire solo fra[…]
Un evento HTML rappresenta qualcosa che accade nel browser o che fa l’utente. Alcuni esempi sono: la fine del caricamento di una pagina web nel browser, la modifica del contenuto di un campo HTML di input (ad es., di una casella di testo, un menu di scelta ecc.), il click di un bottone, il passaggio[…]
Un elemento di una pagina HTML può essere recuperato in vari modi, tramite: l’attributo ‘id’ (già trattato, vedi sotto) il nome del tag il nome della classe CSS i selettori CSS le collezioni degli oggetti HTML Il primo modo lo abbiamo già trattato nell’articolo in cui si parla dell’oggetto document a cui si rimanda (link). Vediamo ora[…]
Quando si deve operare con Javascript su un elemento di una pagina HTML, la prima cosa da fare è o recuperare l’elemento (se già esiste) o crearlo. Ciò può essere fatto utilizzando l’oggetto document. Nella gerarchia del DOM (vedi link) l’oggetto document è l’oggetto “più importante” in quanto permette di raggiungere tutti gli altri elementi del DOM.[…]
DOM è l’acronimo di Document Object Model, letteralmente Modello ad Oggetti del Documento, ed è lo standard ufficiale del W3C (vedi sotto) con cui i documenti HTML, XHTML e XML vengono rappresentati. Con questo standard un documento viene rappresentato secondo una struttura gerarchica ad albero, all’interno della quale ciascun nodo è un oggetto che rappresenta una[…]