PROGRAMMAZIONE JQUERY Gestire dimensioni di elementi DOM con width() height() ed inner ed outer
|
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 DIVCon 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!!!
Questo sito web utilizza i COOKIE per dare all'utente un'esperienza di visita migliore.