Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407

    soluzione tecnica e usabilità...

    salve a tutti,

    molto tempo fa io vidi un sito che aveva un menù sul lato siniostro dello schermo che allo scorrere della pagina questi si muoveva verso il basso in maniera automatica e indipendente.

    Grantisco non si trattasse di un frame!

    ora volevo sapere se qualcuno ne sapesse qualcosa poichè io mi ritrovo oggi in quella stessa situazione, ossia meù molto corto da mettere sulla sinistra in una pagina di testo invece molto lunga da far visualizzare.

    Oltre a questo volevo sapere quanto questa soluzione tecnica potesse essere vaslida in termini di usabilità poichè testando il sito fino ad ora sviluppato con tutti i browser in commercio mi ha dato un esito del 100% di compatibilità...

    Grazie

  2. #2
    Un sito del genere è www.poste.it e, se guardi il codice della pagina, trovi tutto il codice per spostare il menu.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  3. #3
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    ma il menù mica si muove... :master:

    Ho girato diverse pagine ma a parte che i testi non sono sufficientemente lunghi per dar luogo allo scroller della pagina e quindi il menù mi rimarrà sempre fermo nella sua posizione iniziale...

    almeno con ie 6 mi da questo risultato...

  4. #4
    Hai ragione, solo chi ha il Bancoposta online può vedere quel menu. Una volta in questo forum ne abbiamo parlato tantissimo di questo tipo di menu, se fai un ricerca, dovresti trovare qualcosa di sicuro.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  5. #5
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    una riucerca in base a che termini sai com'è passare un pomeriggio per rischiare di non trovare nulla non mi va...

    grazie

  6. #6
    Prova con menu scorrevole, menu dinamico o qualcosa del genere, sono sicurissimo che questo argomento è stato trattato più di una volta in questo forum.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  7. #7
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    soluzione per TUTTI i browser standard:

    position:fixed


    soluzione per quella ciofeca di IE:

    devi intercettare con Js la posizione del menù e di quanto ha scrollato la pagina.
    questo dovrebbe andare bene

    codice:
    var menu;
    var theTop = 30;
    var old = theTop;
        var clientPC = navigator.userAgent.toLowerCase(); // Get client info
        var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')==-1)
                        && (clientPC.indexOf('khtml') == -1) && (clientPC.indexOf('netscape/7.0')==-1));
        var is_safari = ((clientPC.indexOf('AppleWebKit')!=-1) && (clientPC.indexOf('spoofer')==-1));
        var is_khtml = (navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled )); 
    
    function init()
    {
    	menu = new getObj('divformatter');
    	movemenu();
    }
    
    function movemenu()
    {
    	if (window.innerHeight)
    	{
    		  pos = window.pageYOffset
    	}
    	else if (document.documentElement && document.documentElement.scrollTop)
    	{
    		pos = document.documentElement.scrollTop
    	}
    	else if (document.body)
    	{
    		  pos = document.body.scrollTop
    	}
    	if (pos < theTop) pos = theTop;
    	else pos += 30;
    	if (pos == old)
    	{
    		menu.style.top = pos;
    	}
    	old = pos;
    	temp = setTimeout('movemenu()',20);
    }
    function getObj(name)
    {
      if (document.getElementById)
      {
      	this.obj = document.getElementById(name);
    	this.style = document.getElementById(name).style;
      }
      else if (document.all)
      {
    	this.obj = document.all[name];
    	this.style = document.all[name].style;
      }
      else if (document.layers)
      {
       	this.obj = document.layers[name];
       	this.style = document.layers[name];
      }
    }
    
    //Faccio scorrere il div solo se e' IE che non supporta il fixed
    if (!is_gecko){
    	window.onload = init;
    }
    c'è da settare il nome del div in function init
    Chicco Ravaglia per sempre con noi!

  8. #8
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    vediamo se ho capito

    io creo un bel div <div name="pippo" style="" etc...>

    poi copio il codice che hai postato nella pagina fra gli head immagino e di cambio in mome del div con pippo?

    exactly?

  9. #9
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    yez.
    e a quel div dai

    position:fixed!important;
    position:absolute;
    top:quellochevuoi;


    dovrebbe esserci tutto quello che serve...
    ovviamente funziona solo con js attivo in IE, per gli altri invece IE non serve.
    Chicco Ravaglia per sempre con noi!

  10. #10
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    no scusa...

    sarà che io il Js e i div non lo digerisco molto bene ma

    <div name="pippo" style="position:fixed!important; position:absolute; top:un valore in pixel che inidchi da che punto del monitor deve partire??;">

    position:fixed non mi rimane fisso a quel punto?

    grazie

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.