Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.07.2008 um 17:17 (UTC)    
Titel: Tabellen Teile Ausklappen

Wie geht es, das wenn ich auf einen Link in einer Spalte klicke, sich ein Teil einer Tabelle unter der Spalte mit dem Link öffnet.

So wie bei Wikipedia mit dem Inhaltsverzeichnis. Man kann es ein und ausklappen. Ich hoffe es ist das selbe sonst wie das hier:
Bei der Episodenliste
Beitrag26.07.2008 um 17:55 (UTC)    
Titel: gfd

Einfach:

function showText() {
document.getElementById('textFeld').style.display = "none";
}

<a href="javascript:showText();">Link</a>
<div id="textfeld">
TEST-TEXT
</div>

Ad aCTa!
______________
[swf width=400 height=70]http://www.hak-on.de/content/flash/3.swf[/swf]
Beitrag27.07.2008 um 02:18 (UTC)    
Titel:

Ich habe auch mal so ein Script geschrieben.

Code:
<script language="javascript" type="text/javascript">
var i = 0;

function doit() {
var ausklappinterval = setInterval("klappaus()", 5);
}

function klappaus () {
document.getElementById("ausklappbar").style.top = i + "px";
if(i == 100) {
clearInterval(ausklappinterval);
}
i++;
}

function backit() {
var einklappeninterval = setInterval("einklapp()", 5);
}

function einklapp() {
document.getElementById("ausklappbar").style.top = i + "px";
if(i == 0) {
clearInterval(einklappeninterval);
}
i--;
}

</script>


Es kann einen Teil der Seite ausklappen und das sogar ein wenig animiert.
Auf meiner Seite habe ich das Script genauer beschrieben. Es ist eigentlich nicht so kompliziert so das man es bestimmt leicht anpassen könnte.
Beitrag27.07.2008 um 12:57 (UTC)    
Titel:

Das erste geht nicht, was hab ich falsch gemacht:

Zitat:
<html>

<head>
<title>Auklapptest</title>
</head>


<!--JavaScript!-->

<script language="javascript" type="text/javascript">

function showText() {
document.getElementById('textFeld').style.display = "none";
}

</script>

<table border="1">
<tr background="#C0C0C0">
<td>


<a href="javascript:showText();">Ausklappen</a>
</td>
</tr><tr>
<td>
<div id="textfeld">
LoL-1.1
</div>
</td>
</tr>
</talbe>

</html>


<html>

<head>
<hr />
</head>

</html>


<html>

<!--JavaScript!-->

<script language="javascript" type="text/javascript">

function showText() {
document.getElementById('textFeld').style.display = "none";
}

</script>

<table border="1">
<tr background="#C0C0C0">
<td>

<a href="javascript:showText();">Ausklappen</a>
</td>
</tr>
<div id="textfeld">
<tr><td>LoL-1.1</td></tr>
</div>

</talbe>

</html>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de