menu


area contatti

area directory PRODOTTI



Torna Indietro
PROGRAMMAZIONE JQUERY Gestire dimensioni di elementi DOM con width() height() ed inner ed outer
15-06
./upload/15-06-2018-11-06-01.jpg

foto-1
Ecco un metodo semplice semplice per gestire elementi presenti nelle nostre pagina web usando JQuery:

Con questo possiamo risalire alle dimensioni di una pagina web:
$(window).width();
$(window).height();

Con questo possiamo risalire alle dimensioni di un DIV:
$(".div_contenuto").width();
$(".div_contenuto").width(1200); In questo modo settiamo la dimensione della DIV


Con questo possiamo risalire e settare la larghezza di un DIV(compreso di eventuali padding):
$(".div_contenuto").innerWidth();
$(".div_contenuto").innerWidth(1200); In questo modo settiamo la dimensione della DIV

Con questo possiamo risalire e settare l'altezza di un DIV(compreso di eventuali padding):
$(".div_contenuto").innerHeight();
$(".div_contenuto").innerHeight(1200); In questo modo settiamo la dimensione della DIV

Con questo possiamo risalire e settare la larghezza di un DIV(compreso di eventuali padding,margin,border):
$(".div_contenuto").outerWidth();
$(".div_contenuto").outerWidth(1200); In questo modo settiamo la dimensione della DIV

Con questo possiamo risalire e settare l'altezza di un DIV(compreso di eventuali padding,margin,border):
$(".div_contenuto").outerHeight();
$(".div_contenuto").outerHeight(1200); In questo modo settiamo la dimensione della DIV



Come facilmente intuibile con 'inner' abbiamo gli spazi interni e con 'outer' quelli esterni.

Facile Facile!!!