Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Rilevare cambiamento altezza screen

    Salve a tutti, ho un problema

    Io attualmente rilevo l'altezza della finestra quando si apre la pagina e poi la uso per adattare l'altezza dei div. Esiste un evento che mi permette di sapere se quando la pagina è aperte se l'altezza della finestra cambia? in modo da richiamare nuovamente la funzione poter così riadattare tutto.

    Grazie per il vostro aiuto

  2. #2
    Esiste all'uopo l'evento 'onresize', chiamato semplicemente 'resize' su mootools o jquery, non so se li usi.

  3. #3
    Uso mootools

  4. #4
    Allora
    codice:
    window.addEvent('resize',function()
    {
    	var uindosaiz=window.getSize();
    	//ecc.
    });
    ciao.

  5. #5
    Grazie per il tuo aiuto:

    codice:
    window.addEvent('resize', function(){
      var height = document.body.clientHeight;
      height -= ($("Header").offsetHeight + $("Bar").offsetHeight);
      document.getElementById("Desk").style.height = height +"px";
    });
    Io adesso quando entro nella pagine però non entra nella funzione, ma solo quando modifico la grandezza della finestra. c'è un modo per richiamarla senza creare un altra solo per l'apertura della pagina?

  6. #6
    codice:
    function setDim(){
     
    var height = document.body.clientHeight;
      height -= ($("Header").offsetHeight + $("Bar").offsetHeight);
      document.getElementById("Desk").style.height = height +"px";
    
    }
    
    window.addEvents({
        'domready': function(){
            setDim();
        },
        'resize': function(){
            setDim();
        }
    });
    Ti consiglierei, visto che usi mootools, di usare quello che ti mette a disposizione, per esempio per carpire la dimensione della finestra o per settare gli attributi del div (getSize() e setStyles()).

  7. #7
    Perfetto.

    Grazie ancora per il tuo aiuto

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.