Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di biocco
    Registrato dal
    Sep 2003
    Messaggi
    486

    Gestire i livelli in javascript

    Ciao raga ho un problema

    devo fare dei livelli in javascrip per una pagina web per evitare di aprire pop-up e farli chiudere all'utente

    quindi devo fare dei livelli in un organigramma (disegno in jpg) che visualissano una tabella html quando vado sopra una mappa e che rimane in visualizzazione tot secondi in modo che se voglio mandare unma mail di posta possano fare clik ho fatto uno script del genere ma la finestra si chiude subito cosa posso fare?

    Ecco lo script:

    <HTML>
    <HEAD>
    <TITLE>http://www.jsdir.com - Rollover per livelli</TITLE>
    <SCRIPT>
    var N4 = document.layers?true:false;
    var DOM2 = document.getElementById?true:false;
    var RollerLayer = new Array();
    var LastLiv = null;

    function Inizia()
    {
    for (i=0 ; i<4 ; i++)
    RollerLayer[i]=N4?document.layers["roller"+i]:DOM2?document.getElementById("roller"+i).style:do cument.all["roller"+i].style;
    }

    function ShowLayer(n)
    {
    RollerLayer[n].visibility="visible";
    LastLiv=n;
    }

    function HideLayer()
    {
    RollerLayer[LastLiv].visibility = "hidden";
    }
    onload=Inizia;
    </SCRIPT>
    </HEAD>
    <STYLE TYPE = "text/css">
    .livelli {
    position:absolute;
    left:200;
    top:10;
    visibility:hidden;
    background-color:#ffff00;
    layer-background-color:#ffff00;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 8pt;
    font-style : normal;
    background : Teal;
    color : Yellow;
    }
    </STYLE>
    <BODY BGCOLOR="#FFFFFF">
    <DIV ID="roller0" CLASS="livelli"><table width="522" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="12%" rowspan="4"><font color="c6d8f1">[img]file:///C|/Documents%20and%20Settings/Z09109/Desktop/druo/staff/images/f_agnel.gif[/img]</font></td>
    <td width="30%" height="30" bgcolor="c6d8f1">Nome</td>
    <td width="58%" bgcolor="c6d8f1">Marco Agnelli</td>
    </tr>
    <tr>
    <td height="27" bgcolor="c6d8f1">Posizione</td>
    <td bgcolor="c6d8f1">Direttore Risorse Umane e Organizzazione</td>
    </tr>
    <tr>
    <td height="26" bgcolor="c6d8f1">Interno</td>
    <td bgcolor="c6d8f1">2294</td>
    </tr>
    <tr>
    <td bgcolor="c6d8f1">E-mail</td>
    <td bgcolor="c6d8f1">marco.agnelli@ieo.it</td>
    </tr>
    </table></DIV>
    <DIV ID="roller1" CLASS="livelli"> Livello di help (tooltip) per il link n. 2 </DIV>
    <DIV ID="roller2" CLASS="livelli"> Livello di help (tooltip) per il link n. 3 </DIV>
    <DIV ID="roller3" CLASS="livelli"> Livello di help (tooltip) per il link n. 4 </DIV>
    Link n. 1

    Link n. 2

    Link n. 2

    Link n. 4

    </BODY>
    </HTML>

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    onMouseOut="window.setTimeout('HideLayer()','10000 ');"

    dove 10000 indica il tempo, in millisecondi, dopo cui il tuo layer verrà nascosto nuovamente

    Secan

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.