Ich habe vollgendes, für vermutlich viele, simples Problem. Ich wollte auch ein Div erstellen was bei druck auf einen Button/Link öffnet und schließt. Allerdings möchte ich 3 Container nebeneinander machen und jedesmal wenn jemand bsp Container 1 offen hat, soll er an einer Stelle als Infobox erscheinen. Nun soll aber wenn er Infobox 2 öffnet die 1. geschlossen werden, da die Infos an der gleichen Stelle stehen sollen.
Mein Code:
[html]
[/html]Der Aufruf in der HTML ist folgender:
[html]
<div class="infotext" id="infos_1">
<table class="abstand2" style="position: absolute; top:700px; left: 75px;" border="2" cellpadding="0" cellspacing="0">
<tr>
<th>Event</th>
<td>JATAKA (indoor)</td>
</tr>
<tr>
<th>Ort</th>
<td>offen</td>
</tr>
<tr>
<th>Datum</th>
<td>13.März 2009</td>
</tr>
<tr>
<th>Uhrzeit</th>
<td>22:00 Uhr</td>
</tr>
</table>
</div>
<div class="geschlossen" style="position: absolute; top:550px; left: 250px; width: 310px;">
<img src="../bilder/huitaka_ersatzflyer.jpg" style="height: 100px;" title="" alt="" />
<br />
<div class="anzeigen" onclick="klapp(2);" id="plusminus_2">
Informationen anzeigen
</div>
</div>
<div class="infotext" id="infos_2">
<table class="abstand2" style="position: absolute; top:700px; left: 309px;" border="2" cellpadding="0" cellspacing="0">
<tr>
<th>Event</th>
<td>HUITAKA<br /> OA 3rd</td>
</tr>
<tr>
<th>Ort</th>
<td>offen</td>
</tr>
<tr>
<th>Datum</th>
<td>22.August 2009</td>
</tr>
<tr>
<th>Uhrzeit</th>
<td>22:00 Uhr</td>
</tr>
</table>
</div>
[/html]Bitte nicht an den CSS Einstellungen stören. Die habe ich erstmal damit irgendwas funzt so genommen.
Der Link zur Seite wenn jemand Optisch sehen will was ich meine ist:
Vielleicht hat ja jemand einen Tip. Im Kopf weiß ich mal wieder, wie immer, wie es funktionieren müsste. Leider reicht das Wissen an Möglichkeiten dazu nicht aus.
Liebe Grüße
Quaacks ^^