[Erledigt] Zeigen Und verstecken durch ein Klick

errox · 02.06.2008, 20:54

Hallo ich hätte folgende Frage. Ist es möglich Objekte ( wie bei einem Spoiler bei manchen boards ) zu Verstecken und wieder zu Zeigen? Wenn ja, wie?

Also um das zu verschaulichen hab ich ein Beispiel:

Hier sind meine Objekte

Zitat:

TV
Handys
Waschmaschienen

Und wenn ich jetzt Z.b. auf TV Klick sieht es so aus:

Zitat:

TV
Samsung
Sony
Toshiba
...
Handys
Waschmaschienen

Diese Subkategorieren sollen mit Hyperlinks versehen sein

Natürlich soll es für mein Projekt dienen. Das sind nur beispiele

Danke im Vorraus

Lg errox

P.S. Da ich nicht wusste was ich in google eingeben soll wie das rauskommt, hab ich es gelassen. mit Klick zeigen verstecken kommt nichts gescheites

Montellese · 02.06.2008, 21:00

Du musst einfach alle Subkategorien z.B. in ein <div> einpacken und diesem eine eindeutige ID geben und das CSS-Attribut "display" auf "none" setzen, sprich z.B.

PHP-Code:

  <div id="tvs" style="display: none">

. Und beim Link bei der Überschrift machst du dann z.B. folgendes:

PHP-Code:

  <a href="#" onclick="document.getElementById('tvs').style.display = 'block'">TVs</a>

Damit wird das Attribut display der Subkategorien auf "block" gesetzt und somit sichtbar. Wenn du möchsten, dass man das togglen kann, musst du beim Link eine Funktion aufrufen, die zuerst überprüft, welchen Wert "display" momentan hat und dementsprechend ändert.

errox · 02.06.2008, 21:17

Code:

<script language="javascript">
function set()
{
if(document.getElementById('tvs').style.display == 'block')
{
document.getElementById('tvs').style.display = 'none';
}
else
{
document.getElementById('tvs').style.display = 'block';
}
}

</script>

<a href="#" onclick="set()">TVs</a>
<div id="tvs" style="display: none">
dasdfsdf
</div>

Danke!!

Chriz · 04.06.2008, 05:38

Prototype JavaScript framework: Element.toggle

Montellese · 04.06.2008, 11:14

Naja nur wegen zwei drei toggelnden Elementen würde ich definitiv nicht gleich ein ganzes Framework einbinden. Ein ziemlicher Overkill meiner Ansicht nach.

agrajag · 04.06.2008, 16:21

Zitat:

Zitat von Montellese

Naja nur wegen zwei drei toggelnden Elementen würde ich definitiv nicht gleich ein ganzes Framework einbinden. Ein ziemlicher Overkill meiner Ansicht nach.

Klar ist es im Prinzip overkill. Andrerseits wirst du sicher noch mehr "JavaScript-Features" einbauen.
Ich finde den Mehrwert eines Frameworks wie jquery, mootools oder prototype ist es ein bißchen "overkill" wert.

Jquery hat nur 16kb, prototype um die 20-30kb. Da komprimierst du ein Bild ein bißchen besser oder lässt eines Weg dann hast du das wieder rausgeholt

Manko10 · 04.06.2008, 16:28

Es geht ja nicht nur um den Traffic. Ein JavaScript muss auch noch in den Speicher geladen werden und je mehr du davon hast, desto langsamer baut die Seite sich auf. Vor allem, wenn man die JavaScript-Dateien im Kopf der Seite und nicht im Fuß einbindet.

Chriz · 05.06.2008, 08:30

Wenn ich mir den Code von errox angucke ist der Einsatz eines Frameworks das allemal Wert. Fueg noch ein bisschen mehr Logik hinzu und du blickst in solchen Skripten garnicht mehr durch. Das mag uebertrieben sein, aber ich ziehe in letzter Zeit Uebersicht der hypothetischen Performance vor.

cycap · 05.06.2008, 09:05

Diese Diskussion wird jedes mal wieder geführt... oh man

Chriz · 06.06.2008, 06:03

Welche?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input inhalt bei klick ändern	jar3d	HTML, Usability und Barrierefreiheit	3	10.01.2008 16:33
JS: Mit einen Link boxen sichtbar und unsichtbar durch klick	scooter	Beitragsarchiv	3	11.03.2006 19:34
[Erledigt] Downloads schützen bzw. URL verstecken		PHP-Fortgeschrittene	11	27.02.2006 21:07
[erledigt] Abfrage langer Listen und deren Anzeige		PHP Tipps 2005-2	9	26.08.2005 13:09
[Erledigt] Link verstecken		HTML, Usability und Barrierefreiheit	12	13.08.2005 01:17
Bildwechsel beim Klick		HTML, Usability und Barrierefreiheit	1	12.07.2005 23:49
Mit Klick auf Zelle eine Textarea sichtbar machen	Igäl	HTML, Usability und Barrierefreiheit	0	28.06.2005 11:18
klick auf swf -> fenster öffnen		HTML, Usability und Barrierefreiheit	6	26.04.2005 15:46
Domain verstecken ???	Kenshin	HTML, Usability und Barrierefreiheit	12	21.03.2005 12:03
[Erledigt] Letzten Klick speichern		PHP-Fortgeschrittene	6	11.03.2005 14:05
Text in Input per Klick hinzufügen, bei erneutem Klick lösch	18inch	HTML, Usability und Barrierefreiheit	2	05.03.2005 14:01
ADCELL Vermarktung zu 75% Pay per Klick Kampagnen		Beitragsarchiv	0	18.10.2004 12:37
Input Tag Werte erhalten bei Link klick		PHP-Fortgeschrittene	8	13.10.2004 11:09
2 Links auf einen Klick	Beatbox	HTML, Usability und Barrierefreiheit	2	06.10.2004 23:10
[Erledigt] in der taskleiste einen task verstecken		Off-Topic Diskussionen	1	04.07.2004 13:57


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.06.2008, 21:00
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Du musst einfach alle Subkategorien z.B. in ein <div> einpacken und diesem eine eindeutige ID geben und das CSS-Attribut "display" auf "none" setzen, sprich z.B. PHP-Code: `<div id="tvs" style="display: none">` . Und beim Link bei der Überschrift machst du dann z.B. folgendes: PHP-Code: `<a href="#" onclick="document.getElementById('tvs').style.display = 'block'">TVs</a>` Damit wird das Attribut display der Subkategorien auf "block" gesetzt und somit sichtbar. Wenn du möchsten, dass man das togglen kann, musst du beim Link eine Funktion aufrufen, die zuerst überprüft, welchen Wert "display" momentan hat und dementsprechend ändert.

04.06.2008, 05:38
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Prototype JavaScript framework: Element.toggle __________________ "Nuschel ich?" - "Was?"

04.06.2008, 11:14
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Naja nur wegen zwei drei toggelnden Elementen würde ich definitiv nicht gleich ein ganzes Framework einbinden. Ein ziemlicher Overkill meiner Ansicht nach.

04.06.2008, 16:28
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Es geht ja nicht nur um den Traffic. Ein JavaScript muss auch noch in den Speicher geladen werden und je mehr du davon hast, desto langsamer baut die Seite sich auf. Vor allem, wenn man die JavaScript-Dateien im Kopf der Seite und nicht im Fuß einbindet.

05.06.2008, 08:30
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Wenn ich mir den Code von errox angucke ist der Einsatz eines Frameworks das allemal Wert. Fueg noch ein bisschen mehr Logik hinzu und du blickst in solchen Skripten garnicht mehr durch. Das mag uebertrieben sein, aber ich ziehe in letzter Zeit Uebersicht der hypothetischen Performance vor. __________________ "Nuschel ich?" - "Was?"

05.06.2008, 09:05
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Diese Diskussion wird jedes mal wieder geführt... oh man

06.06.2008, 06:03
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Welche? __________________ "Nuschel ich?" - "Was?"