K
knastmoench
Mitglied
Thread Starter
- Dabei seit
- 04.11.2008
- Beiträge
- 59
- Reaktionspunkte
- 2
Servus,
Habe ein Problem, beidem ich wirklich zu keiner Lösung komme.. (sitze schon die ganze Nacht dran)
Eigentlich eine ganz einfache Sache aber irgendwie wills nicht klappen..
Also:
Ich habe eine einfache html Tabelle, In der Überschrift, Datum + ein kurzer Text steht. Beim klicken auf "mehr" bzw. auf die ganze Tabelle soll ein zusätzliches <td> erscheinen indem mehr Informationen stehen. beim klicken auf "weniger" soll das ganze wieder verschiednen.
Bis aufs verschwinden klappt das auch ganz gut. Habe dazu einfach das <td> mit dem Text angelegt, es im CSS auf display:none; gesetzt und ein OnClick="element.style.display='inline'" eingebaut. (was auch komisch war: display='inline' geht, display='display' nicht :O )
Zum "verschwinden lassen" hab ich das ganze dann einfach wiederholt und in OnClick="element.style.display='none'" abgeändert..
EIGENTLICH sollte das element doch jetzt wieder "verschwunden" sein oder?
Wenn ich display='none' durch z.B opacity='0.0' ersetze funktioniert das auch.. aber ich will es nicht unsichtbar machen, sondern es garnicht erst anzeigen lassen.. eben display:none
Hier mal mein Code dazu:
Wäre super wenn mir da jemand helfen könnte..
LG
Habe ein Problem, beidem ich wirklich zu keiner Lösung komme.. (sitze schon die ganze Nacht dran)
Eigentlich eine ganz einfache Sache aber irgendwie wills nicht klappen..
Also:
Ich habe eine einfache html Tabelle, In der Überschrift, Datum + ein kurzer Text steht. Beim klicken auf "mehr" bzw. auf die ganze Tabelle soll ein zusätzliches <td> erscheinen indem mehr Informationen stehen. beim klicken auf "weniger" soll das ganze wieder verschiednen.
Bis aufs verschwinden klappt das auch ganz gut. Habe dazu einfach das <td> mit dem Text angelegt, es im CSS auf display:none; gesetzt und ein OnClick="element.style.display='inline'" eingebaut. (was auch komisch war: display='inline' geht, display='display' nicht :O )
Zum "verschwinden lassen" hab ich das ganze dann einfach wiederholt und in OnClick="element.style.display='none'" abgeändert..
EIGENTLICH sollte das element doch jetzt wieder "verschwunden" sein oder?
Wenn ich display='none' durch z.B opacity='0.0' ersetze funktioniert das auch.. aber ich will es nicht unsichtbar machen, sondern es garnicht erst anzeigen lassen.. eben display:none
Hier mal mein Code dazu:
HTML:
<div id="termine_item">
<table width="100%" OnClick="element.style.display ='inline';">
<tr>
<td style="font-size: 12px;"> <b> Überschrift </b>
<td colspan="2" style="font-size: 12px;"> Datum
<td OnClick="element.style.display ='none';"> (X)
<tr><tr><tr><tr>
<td width="100" valign="top"> <img width="100" src="link"></img>
<td width="5">
<td> Unter-überschrift
<tr>
<td id="element" style="display: none;" colspan="3" OnClick="this.style.display= 'none'"> dieser Text soll erscheinen/verschwinden
<input id="more_buttom" type="button" name="Text 2" value="weniger" OnClick="element.style.display ='none';"></input>
</table>
</div>
Wäre super wenn mir da jemand helfen könnte..
LG