[Erledigt] Javascript Aufklappen/Zuklappen

12.12.2005, 18:58

Hallo, ich hab im Internet folgendes Javascript gefunden:

Code:

<script language="Javascript" type="text/javascript"> 
function clip (id) {
if (document.getElementById("span_" + id).style.display == 'none') {
document.getElementById("img_" + id).src = "gfx-page/minus.gif";
document.getElementById("span_" + id).style.display = "block"; }
else {
document.getElementById("img_" + id).src = "gfx-page/plus.gif";
document.getElementById("span_" + id).style.display = "none"; } } 
</script>

Das Script ist an für sich nicht schlecht, denn damit kann man Text ausblenden oder einblenden. Nun hab ich aber das Problem mit der ID. Kann man denn Javascript irgendwie sagen das es in dem <span> Tag das Script anwendet, ohne eine ID verwenden zu müssen? Mit diesem Script müsste ich immer <span id="span_1"> usw eingeben. Das will ich aber nicht. Es gibt doch bei Javascript auch eine Funktion (this) oder?

Vielen Dank für Hilfe im vorraus.

12.12.2005, 20:07

Schau dir mal document.getElementByType an

12.12.2005, 21:46

Ja es gibt this. Aber wenn du das bei einem Link anwendest, ist ja der Link gemeint. Und wenn du auf das span-Element klickst und this verwendest, gilt das zwar für das span-Element aber danach isses futsch und du bekommst es nicht wieder her. Wo ist das Problem, deinen Spans ids zu geben? Dafür sind die ja schließlich (unter Anderem) da.

imported_Ben · 12.12.2005, 22:01

Schau mal hier rein:

http://forum.developers-guide.net/showthread.php?t=689

12.12.2005, 23:16

Danke Ben, für den Link. Werd ich mir mal anschaun.

@Michigras:

Das Problem ist einfach, das ich einen Text, den ich in einer MySQL Datenbank per PHP abrufe, Tags beinhaltet wie [test] Text... [/test], die dann so ausgegeben werden sollen, das zum Beispiel [test] Text1 [/test] der Link für das darauffolgende [Test2] Test2... bisschen Mehr [/Test2] sein soll, das am Anfang versteckt ist (also Test2 is versteckt) und beim Klick auf "test" Link jeweils dann aufgehen soll. Deswegen sind IDs, die ich beim preg_replace o.ä. bei PHP nich aufeinanderfolgend definieren kann, unangebracht. Oder kann ich das doch irgendwie?

Hoffe das ist verständlich. *g*

13.12.2005, 14:06

Gibt es zu diesem Tooltip auch ein Tutorial o.ä. ? Ich komme damit nicht zurecht und weiss nicht wie ich einen Link definieren muss, damit bei Mausklick auf dem Link, darunter ein Text erscheint, und bei nochmal draufklicken der Text wieder weg ist.

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
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
Lange Verarbeitungszeiten - Zuviel JavaScript?	[-UFO-]Melkor	HTML, Usability und Barrierefreiheit	2	15.06.2007 23:54
http user mit Javascript abfrage	tennessee	HTML, Usability und Barrierefreiheit	3	31.10.2006 13:18
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Ist JavaScript OOP sinnvoll?	HStev	HTML, Usability und Barrierefreiheit	2	26.01.2006 12:11
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
2 javascript fragen	Rotti	HTML, Usability und Barrierefreiheit	4	03.08.2005 11:40
[Erledigt] Mit PHP prüfen ob JavaScript beim Browser aktiviert ist?		HTML, Usability und Barrierefreiheit	3	21.07.2005 12:43
Php soll Javascript beschleunigen		PHP Tipps 2005	4	17.04.2005 12:56
Javascript ON/OFF	Connar	PHP Tipps 2005	3	03.04.2005 09:47
[Erledigt] JavaScript +mehrereFenster		HTML, Usability und Barrierefreiheit	5	03.02.2005 15:08
Formulare mit arrays mit php und gleichzeitig mit JavaScript		PHP-Fortgeschrittene	2	14.10.2004 15:33
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

12.12.2005, 18:58
Gast Beiträge: n/a	[Erledigt] Javascript Aufklappen/Zuklappen Hallo, ich hab im Internet folgendes Javascript gefunden: Code: <script language="Javascript" type="text/javascript"> function clip (id) { if (document.getElementById("span_" + id).style.display == 'none') { document.getElementById("img_" + id).src = "gfx-page/minus.gif"; document.getElementById("span_" + id).style.display = "block"; } else { document.getElementById("img_" + id).src = "gfx-page/plus.gif"; document.getElementById("span_" + id).style.display = "none"; } } </script> Das Script ist an für sich nicht schlecht, denn damit kann man Text ausblenden oder einblenden. Nun hab ich aber das Problem mit der ID. Kann man denn Javascript irgendwie sagen das es in dem <span> Tag das Script anwendet, ohne eine ID verwenden zu müssen? Mit diesem Script müsste ich immer <span id="span_1"> usw eingeben. Das will ich aber nicht. Es gibt doch bei Javascript auch eine Funktion (this) oder? Vielen Dank für Hilfe im vorraus.


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

12.12.2005, 20:07
Gast Beiträge: n/a	Schau dir mal document.getElementByType an

12.12.2005, 21:46
Gast Beiträge: n/a	Ja es gibt this. Aber wenn du das bei einem Link anwendest, ist ja der Link gemeint. Und wenn du auf das span-Element klickst und this verwendest, gilt das zwar für das span-Element aber danach isses futsch und du bekommst es nicht wieder her. Wo ist das Problem, deinen Spans ids zu geben? Dafür sind die ja schließlich (unter Anderem) da.

12.12.2005, 22:01
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	Schau mal hier rein: http://forum.developers-guide.net/showthread.php?t=689 __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

12.12.2005, 23:16
Gast Beiträge: n/a	Danke Ben, für den Link. Werd ich mir mal anschaun. @Michigras: Das Problem ist einfach, das ich einen Text, den ich in einer MySQL Datenbank per PHP abrufe, Tags beinhaltet wie [test] Text... [/test], die dann so ausgegeben werden sollen, das zum Beispiel [test] Text1 [/test] der Link für das darauffolgende [Test2] Test2... bisschen Mehr [/Test2] sein soll, das am Anfang versteckt ist (also Test2 is versteckt) und beim Klick auf "test" Link jeweils dann aufgehen soll. Deswegen sind IDs, die ich beim preg_replace o.ä. bei PHP nich aufeinanderfolgend definieren kann, unangebracht. Oder kann ich das doch irgendwie? Hoffe das ist verständlich. g

13.12.2005, 14:06
Gast Beiträge: n/a	Gibt es zu diesem Tooltip auch ein Tutorial o.ä. ? Ich komme damit nicht zurecht und weiss nicht wie ich einen Link definieren muss, damit bei Mausklick auf dem Link, darunter ein Text erscheint, und bei nochmal draufklicken der Text wieder weg ist.