Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1

    Jquery Greybox Redux: sfondo grigio per tutta la pagina

    Salve a tutti.

    Ho un problemino con Greybox Redux (Plugin per Jquery)
    http://jquery.com/demo/grey/

    Il problema è che non riesco a far sì che lo sfondo grigio/trasparente si estenda a tutta l'altezza della pagina, in definitiva devo definire a priori un'altezza e sperare che la pagina non sia eccessivamente lunga, altrimenti mi ritrovo un pezzo di pagina non "oscurata"...si può rimediare in qualche modo?

    mettendo height:100% non funziona proprio, mettendo min-height: 910px; , in realtà, si comporta come se fosse height:910px;

    ...devo per forza controllare tramite js quanto è effettivamente alta la pagina e modificare dinamicamente il valore dell'altezza? Non c'è un qualche trucco css per ovviare al problema?

    Nel caso in cui sono costretto a usare il js...qual'è il codice da usare? Non sono affatto ferrato con questo linguaggio


    Grazie a tutti

  2. #2

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    lascia un link alla tua pagina

  4. #4
    a dir la verità l'ho provato ovunque, quindi non credo sia un problema riguardante la pagina, ma lo script in sè x sè...

    cmq se ne può vedere un esempio su http://www.supertenda.it/ premendo, in alto, su privacy o su copyright...in questo caso il sito è "corto" e quindi è abbastanza centrato, in altri casi il sito è lungo e privacy e copyright sono linkati sul fondo della pagina e il grigio non arriva fino a fondo pagina e il div con la pagina richiamata sarebbe meglio che si posizionasse al centro dello schermo, qualsiasi sia l'altezza rispetto all'inizio della pagina...non so se mi sono spiegato correttamente....

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    si', e' lo script ad essere molto approssimativo

    l' ho modificato per fargli fare quello che chiedi,
    ma serve usare una versione piu' recente di jquery
    o se vuoi usare quella vecchia devi aggiungere il plugin dimensions per ottenere scrollLeft e scrollTop
    codice:
    /* Greybox Redux
     * Required: http://jquery.com/
     * Written by: John Resig
     * Based on code by: 4mir Salihefendic (http://amix.dk)
     * License: LGPL (read more in LGPL.txt)
     */
    
    var GB_DONE = false;
    var GB_HEIGHT = 400;
    var GB_WIDTH = 400;
    
    function GB_show(caption, url, height, width) {
      GB_HEIGHT = height || 400;
      GB_WIDTH = width || 400;
      if(!GB_DONE) {
    
      	var wH=$(window).height();
    	var dH=$(document).height();
    	var maxH=(wH>dH)?wH:dH;
    
        $(document.body)
          .append("<div id='GB_overlay' style='height:"+maxH+"px'></div><div id='GB_window'><div id='GB_caption'></div>"
            + "[img]js/greybox/close.gif[/img]</div>");
        $("#GB_window img").click(GB_hide);
        $("#GB_overlay").click(GB_hide);
        $(window).resize(GB_position);
        GB_DONE = true;
      }
    
      $("#GB_frame").remove();
      $("#GB_window").append("<iframe id='GB_frame' src='"+url+"'></iframe>");
    
      $("#GB_caption").html(caption);
      $("#GB_overlay").show();
      GB_position();
    
      if(GB_ANIMATION)
        $("#GB_window").slideDown("slow");
      else
        $("#GB_window").show();
    }
    
    function GB_hide() {
      $("#GB_window,#GB_overlay").hide();
    }
    
    function GB_position() {
      var l = $('html').scrollLeft()+(($(window).width()-GB_WIDTH)/2);
      var t = $('html').scrollTop()+(($(window).height()-GB_HEIGHT)/2);
      l=(l<0)?0:l;
      t=(t<0)?0:t;
      $("#GB_window").css({width:GB_WIDTH+"px",height:GB_HEIGHT+"px",
        left: l+"px", top: t+"px" });
      $("#GB_frame").css("height",GB_HEIGHT - 32 +"px");
    }
    ciao

  6. #6
    grazie 1000

    guardavo spesso se veniva fatto un aggiornamento ufficiale, ma non usciva nulla


    edit: devo fare qualche modifica al suo file .css o basta che modifico il .js ?


    funziona perfettamente, tranne che il div "gb_window" non si posiziona a metà finestra...tant'è che facendo un alert di "t" (l'altezza da inizio pagina, da quel che ho capito) il suo valore è sempre 236...

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    hai la modifica online?

    il css non serve modificarlo

  8. #8
    caricato su www.supertenda.it

    ...però lì avendo i link in alto il problema si vede poco, per premere i link sei sempre costretto ad essere a inizio pagina

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    qui funziona come previsto

  10. #10
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ci sono altri link, non a inizio pagina, che attivano l' effetto?

    ho provato in locale con quella stessa pagina, inserendo molto spazio prima dell' intestazione e la finestra appare sempre centrata (IE6,8 FF3.6)

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.