Home > Uncategorized > Ridimensionamento di una pagina a tre colonne via javascript()

Ridimensionamento di una pagina a tre colonne via javascript()

Funzione javascript da richiamare per ridimensionare dinamicamente una pagina web  basata su tre colonne leftcol, centercol e rightcol.

<script type="text/javascript">
function ResizeColumn() {
 // alert( 10 ) ; 
// get a reference to the three DIVS that make up the 3 columns
 var centerCol = window.document.getElementById('centercol');
 var leftCol = window.document.getElementById('centercol');
 var rightCol = window.document.getElementById('centercol');
// check that leftcol exit
if (window.document.getElementById('leftcol') != null)  { 
    leftCol = window.document.getElementById('leftcol'); 
}
// check that right exit and 
if (window.document.getElementById('rightcol') != null) {
    rightCol = window.document.getElementById('rightcol');
 }
 // calculate the max height
 var hCenterCol = centerCol.offsetHeight;
 var hLeftCol = leftCol.offsetHeight;
 var hRightCol = rightCol.offsetHeight;
 var maxHeight = Math.max(hCenterCol, Math.max(hLeftCol, hRightCol));
 // alert('c: ' + hCenterCol); 
 // alert("hL:" + hLeftCol + " hC:" + hCenterCol + " hR:" + hRightCol); 
 // set the height of all 3 DIVS to the max height
 centerCol.style.height = maxHeight + 10 + 'px';
 leftCol.style.height = maxHeight - 10 + 'px';
 rightCol.style.height = maxHeight + 5 + 'px';
// scroll page  up 
_scroll(0, 0); 
}

function _scroll(hor,vert) {
     window.scroll(hor, vert); // horizontal and vertical scroll targets
}
</script>

La funzione di ridimensionamento è richiamabile con

<script type="text/javascript">
      window.onload = function () { ResizeColumn(); }
</script>

oppure

<script type="text/javascript">
      dd = ResizeColumn();
</script>
  1. Non c'è ancora nessun commento.
  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: