|
 |
  |
| Autor |
Nachricht |
Malli
User [User]
Anmeldung: 03.02.08
Beiträge: 19
Wohnort: Berlin
|
 Verfasst am: 24.07.2008, 08:46 Titel: Nur ein Textelemt aufklappen... |
 |
|
Hallo!
Wie bekomm ich es hin, dass man per Javascript nur ein Element mit Aufklappfunktion anzeigen kann?
In meinem Beispiel geht es um eine Beschreibung, die erst in kurzer Form angezeigt wird und durch einen Klick komplett angezeigt werden soll. Kann mir jemand helfen??
| Code: |
<TABLE CLASS="standard" BORDER="1" style="border-color:#616E87; border-style:dotted;" CELLSPACING="1" CELLPADDING="1" WIDTH="100%">
<TR>
<TD CLASS="heads" ALIGN="center"><FONT CLASS="headssmall">Beschreibung:</FONT></TD>
</TR>
<TR>
<TD CLASS="standard">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="1" WIDTH="100%">
<TR>
<FONT CLASS="small"></FONT> <a id="da2" style="display:inline;text-decoration:none;" href="javascript:show2()" class="small">Langbeschreibung</a><a id="nd2" style="display:none;text-decoration:none;" href="javascript:weg2()" class="small">Schliessen</a>
</TR>
<tr>
<script language="JavaScript" type="text/javascript">
<!--
function show1() {
if(document.getElementById) document.getElementById("ve1").style.display = "inline";
if(document.getElementById) document.getElementById("da1").style.display = "none";
if(document.getElementById) document.getElementById("nd1").style.display = "inline";
}
function weg1() {
if(document.getElementById) document.getElementById("ve1").style.display = "none";
if(document.getElementById) document.getElementById("da1").style.display = "inline";
if(document.getElementById) document.getElementById("nd1").style.display = "none";
}
function show2() {
if(document.getElementById) document.getElementById("ve2").style.display = "inline";
if(document.getElementById) document.getElementById("da2").style.display = "none";
if(document.getElementById) document.getElementById("nd2").style.display = "inline";
}
function weg2() {
if(document.getElementById) document.getElementById("ve2").style.display = "none";
if(document.getElementById) document.getElementById("da2").style.display = "inline";
if(document.getElementById) document.getElementById("nd2").style.display = "none";
}
//-->
</script>
<body bgcolor="FFFFFF" text="#000000">
<tr>
<td>
<div id="da2"><br>
Kurze Beschreibung
</div>
<div id="ve2" style="display:none"><br>
Lange Beschreibung
</div>
</td>
</tr>
</td>
</tr>
</TABLE>
</TD>
</TR>
</TABLE>
|
In dem Beispiel klappt es ja schon fast, nur soll beim Klick auf die Langbeschreibung die Kurzbeschreibung automatisch ausgeblendet werden.
Würde mich freuen, wenn mir jemand helfen könnte!
|
|
| Nach oben |
|
 |
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
