effetto apri e chiudi tabelle

**Fortebraccio** · 15-09-2004, 15:45

guardate questa pagina:

http://www.qubisoft.it/ita/servizi/

cliccando sui vari servizi si aprono delle tabelle con le informazioni relative. Le tabelle possono essere anche richiuse.
Sapete dove poter trovare lo script per creare quest'effetto?
grazie

**badaze** · 15-09-2004, 17:35

Si fa cosi...

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.mioStilo  {display:none}
.mioStilo2 {display:block}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function view(aDiv) {
 aDiv.className =  aDiv.className == "mioStilo" ? "mioStilo2" : "mioStilo";
} 
//-->
</script>

</head>
<body>
Vedere 1
<div id="div1" class="mioStilo">
fdkjfnqskfnvslkjsdfv **ffsdflksdfv

v,lskdsdfvszdvfzsvfzsez

</div>

Vedere 2
<div id="div2" class="mioStilo">
fdkjfnqskfnvslkjsdfv **ffsdflksdfv

v,lskdsdfvszdvfzsvfzsez

</div>
</body>
</html>

**Fortebraccio** · 15-09-2004, 17:53

OK provo

**Fortebraccio** · 15-09-2004, 23:32

ho copiato e incollato il tuo codice in Dreamweaver, ma non riesco a farlo funzionare, i links mi richiamano una finestra di "imposssibile visualizzare la pagina"

**badaze** · 16-09-2004, 09:39

viene dal fatto che quando ho copiato il codice, il forum ha separato la parola javascript in due parole java e script nei tag a.

**enigma_79** · 16-09-2004, 16:33

Originariamente inviato da badaze
Si fa cosi...

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.mioStilo  {display:none}
.mioStilo2 {display:block}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function view(aDiv) {
 aDiv.className =  aDiv.className == "mioStilo" ? "mioStilo2" : "mioStilo";
} 
//-->
</script>

</head>
<body>
Vedere 1
<div id="div1" class="mioStilo">
fdkjfnqskfnvslkjsdfv **ffsdflksdfv

v,lskdsdfvszdvfzsvfzsez

</div>

Vedere 2
<div id="div2" class="mioStilo">
fdkjfnqskfnvslkjsdfv **ffsdflksdfv

v,lskdsdfvszdvfzsvfzsez

</div>
</body>
</html>

scusa la mia ignoranza ma se le voci del menu fossero 4 e non due come sarebbe il codice?

**delfina blu** · 16-09-2004, 17:06

codice:

<ul>
<li class="menu">Radice
<ul class="submenu" id="submenu-1">
<li class="menu">Canale 1
<ul class="submenu" id="submenu-1-1">[*]Link[*]Link[/list]

<li class="menu">Canale 2
<ul class="submenu" id="submenu-1-2">[*]Link[*]Link[/list]

<li class="menu">Canale 3
<ul class="submenu" id="submenu-1-3">[*]Link[*]Link[/list]
[/list]
[/list]

codice:

<script>

    /* gestione del menu */
    function mmenu(ID)
    { var menu = document.getElementById(ID);
      var display = menu.style.display;
      menu.style.display = (display == "block") ? "none" : "block";
      menu.parentNode.style.listStyleImage = (display == "block") ? "url(../piu.jpg)" : "url(../meno.jpg)";
    }

    /* inizializzazione del menu */
    window.onload = function()
    { var uls = document.getElementsByTagName("ul");
      for (i=0;i<uls.length;i++) {
      if(uls[i].getAttribute("class")=="submenu")uls[i].style.display = "none";
      if(uls[i].getAttribute("id") && uls[i].getAttribute("id").search("submenu-")!= -1) uls[i].style.display = "none";
    }
    }

</script>

codice:

<style>

    ul
    { list-style: disc url(../meno.gif);
      margin:     0;
      padding:    8 2em;
    }
    li.menu
    { list-style: square url(../meno.jpg);
    }

</style>

**Fortebraccio** · 16-09-2004, 19:49

Originariamente inviato da badaze
viene dal fatto che quando ho copiato il codice, il forum ha separato la parola javascript in due parole java e script nei tag a.

adesso funziona

Discussione: effetto apri e chiudi tabelle

Strumenti discussione

Ricerca discussione

Visualizza

effetto apri e chiudi tabelle

Permessi di invio