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

    [javascript]Ritardo chiusura menu a tendina

    Ho un problema con un menu a tendina....l'utente evidenzia la voce del menu (quindi apre l'elenco delle sottovoci..).vorrei che quando lui toglie il mouse dal link la tendina si chiuda solo dopo un tot di tempo ma non so come fare.Per motivi tecnici non ho il codice del mio menu ma vi lascio il codice di un menu molto simile al mio che ho trovato tra gli script del sito.
    //altezza area testo link
    hauteurcadre = 20;

    xmenu = new Array;
    xlien = new Array;

    //array menu
    xmenu[0] = 'Html.it';
    xmenu[1] = 'Freephp';
    xmenu[2] = 'Forum';


    xlien[0] = ''
    xlien[1] = ''
    xlien[2] = ''

    xlien[0] += 'Homepage';
    xlien[0] += ' | '
    xlien[0] += 'Guide';


    xlien[1] += 'Homepage';
    xlien[1] += ' | '
    xlien[1] += 'Guida Base';
    xlien[1] += ' | '
    xlien[1] += 'Raccolta Script';


    xlien[2] += 'Homepage';
    xlien[2] += ' | '
    xlien[2] += 'Forum Html';
    xlien[2] += ' | '
    xlien[2] += 'Forum Flash';

    document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#f0f0f0; text-decoration:none;}\nA:hover.menudyn3 {color:#003399;text-decoration:none;}\n</STYLE>');

    document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*100)+' BGCOLOR=#ffffff> <TR><TD><TABLE CELLPADDING=2 CELLSPACING=1 BORDER=0 WIDTH=100%> <TR>');

    for(i=0;i<xlien.length;i++)

    {
    document.write('<TD BGCOLOR=#c6c6c6 onMouseOver="javascript:colorIt(this);MajMenu('+i+ ')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana">'+xmenu[i]+'</FONT></TD>');
    }
    document.write('</TR> <TR> <TD COLSPAN='+(xlien.length)+' BGCOLOR=#7B7B7B HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33"></div></layer></ilayer></TD> </TR></TABLE></TD></TR></TABLE>');

    function colorIt(tditem)
    {
    if(document.all)
    {
    document.all.td0.style.background='#c6c6c6';
    document.all.td1.style.background='#c6c6c6';
    document.all.td2.style.background='#c6c6c6';
    tditem.style.background='#7B7B7B';
    }
    else if(document.getElementById)
    {
    document.getElementById("td0").style.background='# c6c6c6';
    document.getElementById("td1").style.background='# c6c6c6';
    document.getElementById("td2").style.background='# #c6c6c6';
    tditem.style.background='#7B7B7B';
    }
    }

    function MajMenu(menu)
    {
    which = xlien[menu];
    if (document.layers){
    document.dynamenu31.document.dynamenu32.document.w rite('<div align="center"><FONT SIZE=1 FACE="arial">'+which+'</FONT></div>')
    document.dynamenu31.document.dynamenu32.document.c lose()
    }
    else if (document.getElementById)
    {
    document.getElementById("dynamenu33").innerHTML = '<CENTER><FONT SIZE=1 FACE="Verdana">'+which+'</FONT></CENTER>';
    }
    else if (document.all){
    dynamenu33.innerHTML=''
    dynamenu33.innerHTML='<div align="center"><FONT SIZE=1 FACE="Arial">'+which+'</FONT></div>';
    }


    }
    if (document.getElementById)
    colorIt(document.getElementById("td0"));
    else if (document.all){
    colorIt(document.all.td0);
    }
    MajMenu(0);
    Questo è il link ESEMPIO MENU

    Qualcuno mi sa dire come e cosa fare?
    :quote:IL MIO NOME è MAI PIU:quote:

    No alla pena di morte

  2. #2
    Guardando l'esempio prova a fare questa modifica
    codice:
    document.write('<TD BGCOLOR=#c6c6c6 onMouseOver="java script:colorIt(this);MajMenu('+i+')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana">'+xmenu[i]+'</FONT></TD>');
    La funzione ritardo sarà
    codice:
    <script>
    funxtion Ritardo(Valore){
     window.setTimeout("MajMenu("+valore+")",1000)
    }
    
    </script>

    Prova a vedere se funziona

    ciao

  3. #3
    ho inserito la parte finale nell'head
    ho apportato la modifica nel file .js
    ho anche aggiunto un valore a valore....
    Ma non va......
    douc.....
    :quote:IL MIO NOME è MAI PIU:quote:

    No alla pena di morte

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.