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

    Menu slide e testo animato

    Ciao!
    Sto aggiornando la home page del sito www.cngeiareservizi.tk e devo introdurre un ulteriore menu tipo slide.
    Quando immetto il codice di questo menu non mi funziona un testo animato tipo fade
    Questo è il codice del menu:
    <head>
    <style>

    #divMenu {font-family:trebuchet ms,arial,helvetica; font-size:12pt; font-weight:bold;font-color:yellow;}
    #divMenu a{text-decoration:none;}
    #divMenu a:hover{font-family:trebuchet ms,arial,helvetica; font-size:12pt; font-weight:bold;color:000000;}
    </style>
    <script language="JavaScript1.2">

    Browsercheck:*/
    ie=document.all?1:0
    n=document.layers?1:0
    ns6=document.getElementById&&!document.all?1:0

    //These are the variables you have to set:

    //How much of the layer do you wan't to be visible when it's in the out state?
    lshow=120

    //How many pixels should it move every step?
    var move=10;

    //At what speed (in milliseconds, lower value is more speed)
    menuSpeed=40

    //Do you want it to move with the page if the user scroll the page?
    var moveOnScroll=true

    /************************************************** ******************************
    You should't have to change anything below this.
    ************************************************** ******************************/
    //Defining variables

    var ltop;
    var tim=0;

    //Object constructor
    function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    if (n) this.css=eval(nest+'document.'+obj)
    else if (ns6) this.css=document.getElementById(obj).style
    else if (ie) this.css=eval(obj+'.style')
    this.state=1
    this.go=0
    if (n) this.width=this.css.document.width
    else if (ns6) this.width=document.getElementById(obj).offsetWidt h
    else if (ie) this.width=eval(obj+'.offsetWidth')
    this.left=b_getleft
    this.obj = obj + "Object"; eval(this.obj + "=this")
    }
    //Get's the top position.
    function b_getleft(){
    if (n||ns6){ gleft=parseInt(this.css.left)}
    else if (ie){ gleft=eval(this.css.pixelLeft)}
    return gleft;
    }
    /************************************************** ******************************
    Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
    ************************************************** ******************************/
    function moveMenu(){
    if(!oMenu.state){
    clearTimeout(tim)
    mIn()
    }else{
    clearTimeout(tim)
    mOut()
    }
    }
    //Menu in
    function mIn(){
    if(oMenu.left()>-oMenu.width+lshow){
    oMenu.go=1
    oMenu.css.left=oMenu.left()-move
    tim=setTimeout("mIn()",menuSpeed)
    }else{
    oMenu.go=0
    oMenu.state=1
    }
    }
    //Menu out
    function mOut(){
    if(oMenu.left()<0){
    oMenu.go=1
    oMenu.css.left=oMenu.left()+move
    tim=setTimeout("mOut()",menuSpeed)
    }else{
    oMenu.go=0
    oMenu.state=0
    }
    }
    /************************************************** ******************************
    Checking if the page is scrolled, if it is move the menu after
    ************************************************** ******************************/
    function checkScrolled(){
    if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop)
    if(n||ns6) setTimeout('checkScrolled()',30)
    }
    /************************************************** ******************************
    Inits the page, makes the menu object, moves it to the right place,
    show it
    ************************************************** ******************************/
    function menuInit(){
    oMenu=new makeMenu('divMenu')
    if (n||ns6) scrolled="window.pageYOffset"
    else if (ie) scrolled="document.body.scrollTop"
    oMenu.css.left=-oMenu.width+lshow
    if (n||ns6) ltop=oMenu.css.top
    else if (ie) ltop=oMenu.css.pixelTop
    oMenu.css.visibility='visible'
    if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
    }


    //Initing menu on pageload
    window.onload=menuInit;
    </script>


    </head>
    <body>
    <div id="divMenu" style="position: absolute; top: 250; left: 30; visibility: hidden; background-color: 0066cc; z-index: -1;font-color:ffff00">
    <nobr>
    <font color="#ffff00" alink="#FFFF00">
    Amministrazione -
    Segreteria -
    Sicurezza -
    Strutture -
    Vitto -
    LE ALTRE AREE
    </font>
    </nobr>
    </div>

    </body>
    </html>

    In ogni caso la pagina che vorrei funzionasse correttamente può essere visualizzata cliccando quì

  2. #2
    Come mai nessuno mi risponde?

  3. #3

    Sooob!!!

    :master:
    Ho perso ogni speranza
    Ciaooooooooo!!!

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    633
    questi problemi di conflitti tra script dipendono dal fatto che l'uno sovrascrive variabili o proprietà utili anche all'altro.
    In particolare questi problemi sono legati all'inizializzazione degli script lanciata, di solito, all'onload della pagina.
    Quello che dovresti fare è controllare che uno script non sovrascriva l'onload dell'altro e cercare di inglobare le chiamate in una solo, del tipo:
    codice:
    //INIZIALIZZAZIONI
    window.onload=function(){
                     menuInit();
                     fadeInit(); //la funzione chiamata all'onload dal fade
    }
    inoltre controlla che variabili comuni come:
    ie=document.all?1:0
    n=document.layers?1:0
    ns6=document.getElementById&&!document.all?1:0
    non cambino di significato da uno script all'altro...(mi riferisco sempre alla sovrascrittura delle variabili).
    ciauz
    Alcuni miei articoli in PRO.HTML.IT: JavaScript | DHTML | DOM
    Sviluppo : wedev | forum

  5. #5
    Originariamente inviato da standard
    questi problemi di conflitti tra script dipendono dal fatto che l'uno sovrascrive variabili o proprietà utili anche all'altro.
    In particolare questi problemi sono legati all'inizializzazione degli script lanciata, di solito, all'onload della pagina.
    Quello che dovresti fare è controllare che uno script non sovrascriva l'onload dell'altro e cercare di inglobare le chiamate in una solo, del tipo:
    codice:
    //INIZIALIZZAZIONI
    window.onload=function(){
                     menuInit();
                     fadeInit(); //la funzione chiamata all'onload dal fade
    }
    inoltre controlla che variabili comuni come:

    non cambino di significato da uno script all'altro...(mi riferisco sempre alla sovrascrittura delle variabili).
    ciauz
    Ho provato e proprio l'inizializzazione
    window.onload=menuInit
    mi genera il problema... come posso ovviare?

  6. #6
    Ho risolto il problema grazie alla soffiata di standard

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.