PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Tabellen auf- & zuklappen

boardster
08.01.2004, 22:02
Die Möglichkeit, unbenötigte Tabellen in der Forenansicht zu minimierien (zuklappen) ist eine äußerst praktische Funktion und wird von den Besuchern in meinem Forum auch gerne genutzt.

Leider wurde diese Idee von den vBulletin-Entwicklern nicht konsequent durchgesetzt und so fehlen bei abgeschaltenem DHTML-Menü die Zuklapp-Schalter für die Anzeigeoptionen, Forenwerkzeuge und "aktive Benutzer Anzeige".

Wie ließe sich diese Funktion nachträglich einbauen?
Jannefant
08.01.2004, 23:05
Schön, dass du die Wünsche deiner Nutzer umsetzen willst :) Die nerven da ja auch schon :p

Schau mal eigentlich ist das garnicht soooo schwer:

http://www.jannefant.de/klapptabelle/index.htm

Ich packe die index.htm und die beiden Bilder auf.gif und zu.gif als Attachment an diesen Post ...

Hier noch der Code:



<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function ToggleBoxaufzu (obj, img)

{
if (obj.style.display == "block")
{
obj.style.display = "none";
img.src = "auf.gif";
}
else
{
obj.style.display = "block";
img.src = "zu.gif";
}
}


//-->
</SCRIPT>

<META>
</HEAD>

<BODY text=#000000 bgcolor=#ffffff leftmargin=0 topmargin=0 marginheight="0" marginwidth="0">

<p>&nbsp;</p>

<TABLE width=200 border=0 align="center" cellPadding=3 cellSpacing=0>
<TD valign=center align=left width=200>

<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>
<TR>
<TD bgcolor="#666666"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Boxtitel</strong></font></TD>
</TR>

</TABLE></TD></TR>

<TD valign=center align=left width=200>

<TABLE id=IDauf cellSpacing=0 cellPadding=0 width=200 border=0 name="IDauf">

<TR>
<TD valign=top align=left width=200>

<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>
<TR>
<TD width=200 align=left valign=center bgcolor="#CCCCCC">Hier
ist der Inhalt der Box ... durch das dr&uuml;cken auf die
Grafik unten wird die Box ge&ouml;ffnet oder halt geschlossen
... hier musst du dann den entsprechenden Inhalt ausgeben
... </TD>
</TR></TABLE></TD></TR>

</TABLE></TD>

<TR>
<TD valign=center align=left width=200>
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TR>
<TD width=200 align=middle valign=center bgcolor="#666666">

<div align="center">
<a href="javascript:ToggleBoxaufzu(IDauf,%20IDzu)">
<IMG src="zu.gif" name=IDzu border=0 align="absmiddle"></A>
</div>

</TD></TR></TABLE></TD></TR></TABLE>



Viel Spass!
Jannefant
09.01.2004, 00:22
Ups das Attachment vergessen ...
boardster
09.01.2004, 13:14
Hi Jannefant - so sieht man sich wieder ;)

Vielen Dank für den Code. Ich habe ihn noch nicht getestet, denn das Beispiel (http://www.jannefant.de/klapptabelle/index.htm) scheint nur auf dem IE so zu funktionieren. Und die von mir angepeilte Lösung sollte auch auf so exotischen Browsern wie "Galeon" funktionieren :eek:

Mit welchem Code hat das vBulletin-Team die Klapptabellen realisiert, oder anders gefragt, in welchen Dateien müsste ich nach dem JS suchen?
daFish
14.01.2004, 11:08
Original geschrieben von boardster
Hi Jannefant - so sieht man sich wieder ;)

Vielen Dank für den Code. Ich habe ihn noch nicht getestet, denn das Beispiel (http://www.jannefant.de/klapptabelle/index.htm) scheint nur auf dem IE so zu funktionieren. Und die von mir angepeilte Lösung sollte auch auf so exotischen Browsern wie "Galeon" funktionieren :eek:

Mit welchem Code hat das vBulletin-Team die Klapptabellen realisiert, oder anders gefragt, in welchen Dateien müsste ich nach dem JS suchen?

Die JS Informationen findest du in der vbulletin_global.js welche sich im clientscript Verzeichniss befindet.

Gruss Fish