Jquery/Versione stampabile Wikibooks, manuali e libri di testo liberi


Dimensioni degli elementi e della window



Scaricare 109.35 Kb.
Pdf recensione
Pagina18/20
03.06.2019
Dimensione del file109.35 Kb.
1   ...   12   13   14   15   16   17   18   19   20
Dimensioni degli elementi e della window

Le dimensioni di un elemento del DOM sono deteriminate dalla sua 

width

/

height



, più il 

padding


, i bordi e

il margine. I seguenti metodi agiscono su queste specifiche proprietà:



width() recupera e imposta la lunghezza di un elemento

height() agisce sulla proprietà css 

height


innerWidth() e innerHeight() agiscono sulla lunghezza/altezza interna includendo il padding

outerWidth() e outerHeight() agiscono sulle dimensioni esterne, comprendendo quindi anche

padding, bordi e margini

Ad esempio:

$(

"bottone"



).click(

function

(){


  $(

"#div1"


).width(700).height(400);

});


imposta le dimensioni dell'elemento selezionato.

jQuery per AJAX

AJAX sta per Asynchronous JavaScript and XML, ed è una tecnologia per interagire con il server e

aggiornare parti della pagina web senza caricare di nuovo tutta la pagina (in modo più simile a quanto

avviene nelle applicazioni desktop). Utilizzano AJAX ad esempio Gmail, Google Maps, Youtube, Facebook.

Ajax effettua una chiamata HTTP che poi viene gestita lato client mediante il linguaggio Javascript: il web

server invia soltanto i dati richiesti e non l’intera pagina come avviene utilizzando esclusivamente i linguaggi

lato server.

jQuery anche in questo caso permette di ridurre e semplificare notevolmente il codice da scrivere,

garantendo sempre una alta compatibilità cross-browser.

Con i metodi jQuery per Ajax è possibile caricare dati dal server direttamente nell’elemento HTML

selezionato.

load() carica i dati da un server e li inserisce all’interno dell’elemento selezionato. Il metodo richiede

un parametro con l’url della risorsa





Jquery/versione stampabile
Le basi di jquery
Selettori i selettori
Le actions le actions
Gestire gli eventi
La funzione di callback
Modificare il dom
Modificare gli attributi
Manipolare le proprietà css degli elementi


Condividi con i tuoi amici:
1   ...   12   13   14   15   16   17   18   19   20


©astratto.info 2017
invia messaggio

    Pagina principale