Tabelle wegklappen

W

Wulfel1992

Gesperrt
Hi Leute,

und zwar gibt es doch bei photoshop, dreamweaver, ... rechts die verscheidenen kataloge und diese kann man doch mit einem Dreieick zusammen und auf klappen kann man sowas auch in html mit einer ganzen Tabelle machen

Lg Wolfel
 
Also in HTML selbst kann man es nicht machen, da HTML statisch ist. Du könntest es aber mit JavaScript/AJAX lösen.
 
Und hier folgt ein möglicher Lösungsansatz:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_Wulfel1992</title>

<style type="text/css">
<!--
a {
display:block;
}

#table_id1, #table_id2 { /* Tabellen sind beim Seitenaufruf sichtbar */
display:block;
}
-->
</style>

<script type="text/javascript">
<!--
function ShowHide(id) {
    obj = document.getElementsByTagName("table");
    if (obj[id].style.display == 'none'){
    obj[id].style.display = 'block';
    }
    else {
    obj[id].style.display = 'none';
    }
}
//-->
</script>

</head>
<body>

<a href="#" onclick="ShowHide('table_id1')">Tabelle 1</a>
<table id="table_id1"><tr><td>Tabelle 1</td></tr></table>

<a href="#" onclick="ShowHide('table_id2')">Tabelle 2</a>
<table id="table_id2"><tr><td>Tabelle 2</td></tr></table>

</body>
</html>
mfg Maik
 
cool kplappt auch alles

nur dieseZeile
HTML: 
    if (obj[id].style.display == 'block'){
verzerrt ide ganze tabelle gibt es eine andere Möglichkeit außer "block" ?
 
Bei mir verzerrt sich dadurch zwar nichts, aber dann suchst du dir eben den für dich passenden Eigenschaftswert der display-Eigenschaft aus - dürfte dann wohl auf den Wert inline hinauslaufen.

Beachte hierbei aber, dass der IE bislang die "Tabellenwerte", wie z.B. table, nicht unterstützt.

mfg Maik
 
ich hab jetzt da einfach leer gelassen also so:

HTML: 
    obj[id].style.display = '';

ist das auch ok oder gibts da schwierigkeiten mit den browsern?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück