• User

    dimensione dinamica DIV onresize

    ciao a tutti sto cercando di fare in modo che al caricamento ed al ridimensionamento della finestra due DIV con float left acquistino delle dimensioni in base alla dimensione della finestra.

    onload funziona tutto ma onresize .... nisba!

    ecco il codice dentro <head>:
    codice:

    
    	<script language="JavaScript">
    function dimensioni(arg){
    	if(document.all){
    		aw = window.document.body.offsetWidth;
    	}
    	else{
    		aw = window.outerWidth;
    	}
    	BOXs = aw-(aw/5);
    	nBox= Math.floor(BOXs / 248); 
    	SpazioBox = nBox * 248;
    	SpazioBox2 = (aw - SpazioBox) - 100;
    	alert('You are using --- spazio  totale: '+ aw + ' ---- spazio  box: '+ SpazioBox + ' ---- numero box:  '+ SpazioBox2);
    	if(arg==1){
    	document.write('  <div style="width:' +  SpazioBox + 'px; float:left "> ' );
    	}
    	else if(arg==2){
    	document.write('  <div style="padding-top:30px; padding-left:10px; width:' +  SpazioBox2 + 'px;float:left "> ' );
    	}
    }
    </script>
    
    

    ecco il codice all'interno del body nelle giuste posizioni

    codice:

    
    <script language="javascript">
    dimensioni(2);
    </script>
    
    
    <script language="javascript">
    dimensioni(1);
    </script>
    
    

    grazie


  • Community Manager

    Up, vediamo se arriva qualcuno ad aiutarti TDZ


  • User

    Come fa a funzionare all'onresize se non specifichi niente per l'evento? :rollo:

    
    window.onresize=function() {
      dimensioni(arg)
    }
    
    

    Oltre a ciò dovresti apportare una modifica allo script se lo vuoi usare all'onresize:
    l'elemento div va generato solo al caricamento della pagina, non anche all'onresize.

    A parte questo dovresti considerare il js come l'ultima spiaggia: se è possibile ottenere un effetto non dico uguale, ma accettabile, col solo css, sarebbe opportuno prenderlo in considerazione.