✔ Aufklappen/Zuklappen ?

Status
Nicht offen für weitere Antworten.
2

2Pac

Erfahrenes Mitglied
Hallo ich weiss das es das jetzt sicher schon mehrfach gibt, aber ich möchte mit folgendem script eine neue tabelle aufklappen einklappen. Jedoch sollte dabei der knopf auch wieder zum einklappen benutzt werden wie stelle ich das an?

PHP: 
<script type="text/javascript" language="JavaScript1.2">
function versteckt(status)
{
document.getElementById('ghost').style.display = status
}
</script>

<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td>
     Dieser Bereich ist sichtbar (immer).
	<br><br>Und <a href="#" onclick="versteckt('block')"> hier</a> blenden wir "versteckten" einen Bereich ein!
	</td>
</tr>
<tr>
    <td style="display : none" id="ghost">Dieser Bereich kann ein-/ausgeblendet werden! <a href="#" onclick="versteckt('none')">AUSCHALTEN!</a></td>
</tr>
</table>

MfG 2Pac
 
Hallo!

Schon mal was von Groß- und Kleinschreibung bzw. Satzzeichen gehört? :rolleyes: :p

Also, dein Problem sollte einfach zu lösen sein.
Hier mal der veränderte Code:

Code: 
<html>
<script type="text/javascript" language="JavaScript1.2">
var angezeigt = false;

function versteckt() 
{ 
	if (angezeigt)
	{
		document.getElementById('ghost').style.display = 'none';
		angezeigt = false;
	}
	else
	{
		document.getElementById('ghost').style.display = 'block';
		angezeigt = true;
	}
} 
</script> 
<body>
<table cellspacing="2" cellpadding="2" border="0"> 
<tr> 
    <td> 
     Dieser Bereich ist sichtbar (immer). 
    <br><br>Und <a href="#" onclick="versteckt()"> hier</a> blenden wir einen "versteckten" Bereich ein und aus! 
    </td> 
</tr> 
<tr> 
    <td style="display : none" id="ghost">Dieser Bereich kann ein-/ausgeblendet werden!</td> 
</tr> 
</table>
</body></html>
 
Wie mach ich es wenn ich jetzt für Aufgeklappt und Zugeklappt 2 verschiedene Texte benutzen will und auch 2 verschiedene Bilder z.b ein Kästchen mit einem + oder einem - drinne?

MfG 2Pac
 
In dem du das innerHTML-Attribut von z.B. einem <a>-Tag und das src-Attribut
von einem Bild änderst:
Code: 
if (anzeigt) {
    [...]
    window.document.images['Icon'].src                     = 'minus.png';
    window.document.getElementById('StatusText').innerHTML = 'schließem';
} else {
    window.document.images['Icon'].src                     = 'plus.png';
    window.document.getElementById('StatusText').innerHTML = 'öffnen';
}

<img src="plus.png" style="border-width:0px;" alt="+" name="Icon"><a href=""
     onclick="versteckt(); return false;" id="StatusText">öffnen</a>
 
Hey Leute kann mir jemand helfen? ICh hab nun folgendes Problem:

Ich möchte zu jeder News einen more Teil zum aufklappen haben. Nur meine News werden per PHP aus einer db ausgelesen. Jede News hat ihre id. Die speichere ich in $id. Ich führe eine while schleife aus (es wiederholt sich so oft wie news da sind) Und gebe immer eine News aus.

Ich habe folgendes versucht: (klappt jedoch nicht)

PHP: 
echo "<script type=\"text/javascript\" language=\"JavaScript1.2\">
            var angezeigt = false;

            function versteckt('$id') 
            { 
	     if (angezeigt)
	     {
	      document.getElementById('$id').style.display = 'none';
              angezeigt = false;
	     }
	     else
	     {
	      document.getElementById('$id').style.display = 'block';
	      angezeigt = true;
	     }  
            } 
            </script>";

und dann die ausgabe des more teils:

PHP: 
echo "<br><font size='1' face='Verdana' color='#000000'>[<a href=\"Javascript: versteckt('$id')\"><font size='1' face='Verdana' color='#000000'><b>more</b></font></a>]<br><br></font></td>
                   <td width='10'></td>
                 </tr>
                 <tr>
                  <td width='10'></td>
                  <td width='408' style='display : none' id='$id'><font size='1' face='Verdana' color='#000000'>$tex28<br>&nbsp;</font></td>
                  <td width='10'></td>
                 </tr>
                 <tr>
                  <td width='10'></td>
                  <td width='408'><font size='1' face='Verdana' color='#000000'>by <b>$poster</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='kommentare.php?id=$id'><font size='1' face='Verdana' color='#000000'>Kommentare($koments)</font></a></font><br></font></td>
                  <td width='10'></td>
                 </tr>
                </table>
               </td>
              </tr>";
Jemand eine Idee was da falsch is bzw. wie ich es anders lösen könnte? :)

MfG 2Pac
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück