Avatar billede jochke Nybegynder
24. juni 2004 - 00:44 Der er 6 kommentarer og
1 løsning

Skjul og vis tabel og billed

Først lidt kode.

<a href="#"><img src="plustegn.gif" />Udvid eller skjul.</a>
<tabel style="display: none;">
<tr>
  <td>
  En masse indhold
  </td>
</tr>
</tabel>

Jeg ønsker det sådan så når jeg klikker på teksten skal tabellen vises og billedets src skal ændres til minustegn.gif. Klikkes der igen på den skal det omvendte ske. Ligesom i Windows stifinder. Skal der laves noget funktion eller kan det laves direkte i onclick elementet?
Avatar billede grunken Nybegynder
24. juni 2004 - 01:46 #1
Hvis det står på den måde vil jeg da anbefale at lave en lille funktion :o)

mere for at du ikke mister overskueligheden, samt at det kan bruget på flere elementer :o)

Noget hen af:

<script type="text/javascript">
function visk(e,h){
e = document.getElementById(e);
p = h.childNodes[0];
f = (e.style.display=="none")?1:0;

p.src = (f)?"minustegn.gif":"plustegn.gif"
e.style.display = (f)?"inline":"none";
}
</script>

<a href="#" onclick="visk('noget',this);"><img src="plustegn.gif" />Udvid eller skjul.</a>
<table id="noget" style="position: absolute; display: none;">
<tr>
  <td>
  En masse indhold
  </td>
</tr>
</table>
Avatar billede jochke Nybegynder
24. juni 2004 - 09:20 #2
Hmm...jae det ser nu meget smart ud. Tabellerne genereres dynamisk i noget serverside scripting, og der er flere tabeller i en side der skal vises og skjules.
Derfor jeg tænkte om man kunne lave det direkte i onclick elementet. For det bliver da pænt svært, af hvad jeg kan se, at implementere det så de bliver lavet dynamisk med flere tabeller der skal virke på den måde. Faktisk er det ligesom stifinder bare en menu der skal laves på den måde.
Avatar billede jochke Nybegynder
24. juni 2004 - 11:32 #3
Nåe jeg har fundet noget færdigt script her: http://www.rolator.dk/downloads/scripts/detaljer.php?script_id=156

Har siddet og leget lidt med det. Når jeg prøver at lave et underpunkt vil det ikke helt som jeg vil. Se mit tilpassede her: http://www.jochke.dk/eksperten/treemenu.html
Nogen der kan knække den?
Avatar billede roenving Novice
24. juni 2004 - 16:56 #4
Du nester ulovligt, prøv i stedet:

<span style="font-style:normal;color:#7bb500;cursor:hand;font-weight:bold;" id="menu_domain_1" onmouseout="menu('out','menu_domain_1')" onmouseover="menu('over','menu_domain_1')" onclick="lag('lag_menu_domain_1',document.images['img_menu_domain_1'])"><img src="miniplus.png" id="img_menu_domain_1" alt="" />&nbsp;domæne.dk</span><br />
<div id="lag_menu_domain_1" style="display:none;">
  <table cellpadding="0" cellspacing="0" id="test">
    <tr>
      <td>&nbsp;<span style="font-style:normal;color:#7bb500;cursor:hand;font-weight:bold;" id="konti_domain_1" onmouseout="menu('out','konti_domain_1')" onmouseover="menu('over','konti_domain_1')" onclick="lag('lag_konti_domain_1',document.images['img_konti_domain_1'])"><img src="miniplus.png" id="img_konti_domain_1" alt="" />&nbsp;Konti</span>
        <table id="lag_konti_domain_1" style="display:none;">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">mig</a><br />
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">dig</a><br />
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">vito</a><br /></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td>&nbsp;<span style="font-style:normal;color:#7bb500;cursor:hand;font-weight:bold;" id="alias_domain_1" onmouseout="menu('out','alias_domain_1')" onmouseover="menu('over','alias_domain_1')" onclick="lag('lag_alias_domain_1',document.images['img_alias_domain_1'])"><img src="miniplus.png" id="img_alias_domain_1" alt="" />&nbsp;Alias</span>
        <table id="lag_alias_domain_1" style="display:none;">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">mis</a><br />
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">vuf</a><br />
              &nbsp;&nbsp;&nbsp;&nbsp; <a href="kontrolpanel.email.php?id=MailID">fisk</a><br /><br /></td>
          </tr>
        </table></td>
    </tr>
</table>
</div>
Avatar billede jochke Nybegynder
24. juni 2004 - 17:46 #5
Aha...takker. Og hvad betyder det der nester? Må gerne komme med et svar så du kan få point. :)
Avatar billede roenving Novice
27. juni 2004 - 16:34 #6
Nester er at rumme et element i et andet ...

-- og de eneste element-typer, som er lovlige direkte under et table-tag, er tabel-elementer (<tr> !-)

-- hvis man vil have samlet noget af en tabel sammen, er man, som jeg viser det, nødt til at samle det inden i tabelceller, for man må ikke lægge en div som direkte barn af en table ...

-- og velbekomme '-)
Avatar billede roenving Novice
27. juni 2004 - 19:58 #7
-- tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester