Text ein- und ausblenden
Hallo JavaScript-Profis,
Heute habe ich mal eine Frage an euch, weil ich mit meinem Kram absolut nicht mehr weiterkomme.
Ich möchte hier bei meinem Text pro Abschnitt unwichtige Zeilen erstmal ausblenden. Der Besucher soll sie sich aber auf Wunsch wieder einblenden können.
Da ich kaum Ahnung von JS habe, habe ich mir das Script von http://de.wikipedia.org/wiki/Wikipedia:Impressum geklaut, ähhh kopiert.
Jeder Detail-Text soll also einzeln ein/ausgeblendet werden können. Es funktioniert aber nur beim ersten Absatz.
http://gaby77.ga.funpic.de/forum/aufklapp.html
Könnt ihr mir bitte sagen, was ich hier noch ändern muß?
Oder habt ihr zufällig ein Script, das genau das macht, was ich möchte? *g*
Grüße
gaby
Heute habe ich mal eine Frage an euch, weil ich mit meinem Kram absolut nicht mehr weiterkomme.

Ich möchte hier bei meinem Text pro Abschnitt unwichtige Zeilen erstmal ausblenden. Der Besucher soll sie sich aber auf Wunsch wieder einblenden können.
Da ich kaum Ahnung von JS habe, habe ich mir das Script von http://de.wikipedia.org/wiki/Wikipedia:Impressum geklaut, ähhh kopiert.
Jeder Detail-Text soll also einzeln ein/ausgeblendet werden können. Es funktioniert aber nur beim ersten Absatz.
http://gaby77.ga.funpic.de/forum/aufklapp.html
Könnt ihr mir bitte sagen, was ich hier noch ändern muß?
Oder habt ihr zufällig ein Script, das genau das macht, was ich möchte? *g*
Grüße
gaby
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »gaby*« (31. Mai 2005, 20:28)
wenn du jedem einzeln zu versteckenden absatz eine eigene ID gibst,
dann kann man das script so umarbeiten das es läuft
mom, ich machs grad mal, und poste gleich den link dahin
Edit: nein doch zu faul, widme mich lieber dem irc
Hier ne kurz beschreibung wie man es macht:
Man gibt einem Element das man ausblenden will eine id.
und macht einen Link der als adresse einen javascript aufruf bekommt.
Diese funktion bekommt noch als parameter welches Element versteckt werden soll,
danach kann man durch das verändern einer Variable am element das Design durch anklicken ändern.
Vllt. findet sich ja jemand der das macht, sonnst werde ich mich morgen warscheinlich mal drum bemühen was zusammen zu schustern, oder das zu finden was ich bereits damit gemacht habe
dann kann man das script so umarbeiten das es läuft

mom, ich machs grad mal, und poste gleich den link dahin
Edit: nein doch zu faul, widme mich lieber dem irc

Hier ne kurz beschreibung wie man es macht:
Man gibt einem Element das man ausblenden will eine id.
und macht einen Link der als adresse einen javascript aufruf bekommt.
Diese funktion bekommt noch als parameter welches Element versteckt werden soll,
danach kann man durch das verändern einer Variable am element das Design durch anklicken ändern.
Vllt. findet sich ja jemand der das macht, sonnst werde ich mich morgen warscheinlich mal drum bemühen was zusammen zu schustern, oder das zu finden was ich bereits damit gemacht habe
ihre DNS Analyse zeigt eine krankhafte Abneigung gegen jegliche Autorität und einen Charakter der zum Gewaltausbrechen neigt....
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »treo« (31. Mai 2005, 21:06)
Weshalb machst du das nicht mit CSS? 
Helfen kann ich dir leider nicht, bzw nicht besser als treo. Oder anders gasagt: Ich konnte mir denken dass man es über die id realisiert, kann es aber mangels Wissen nicht umsetzen
Aber Selfhtaml hat ja auch ne Java-Script-Abteilung.
Ich kann lediglich ein ganz klein wenig helfen. Ich hatte mir mal (als ich noch geringe CSS-Kentnisse hatte) ein JS-Menü zusammenkelaut welches aus und einklappen kann.
aufgerufen hatte ich das damals mit onmouseout="auf_zu('id_des_divs')"
Da kann man immerhin erkennen, wie man das Objekt mit einer bestimmten ID anspricht
den gesammten Code findest du unter http://gimli.gu5.info/menu3.html (zum Glück pflege ich meinen Webspace nicht sonderlich gut, sonst wär das schon lange weg
)
mfg Gimli

Helfen kann ich dir leider nicht, bzw nicht besser als treo. Oder anders gasagt: Ich konnte mir denken dass man es über die id realisiert, kann es aber mangels Wissen nicht umsetzen

Aber Selfhtaml hat ja auch ne Java-Script-Abteilung.
Ich kann lediglich ein ganz klein wenig helfen. Ich hatte mir mal (als ich noch geringe CSS-Kentnisse hatte) ein JS-Menü zusammenkelaut welches aus und einklappen kann.
aufgerufen hatte ich das damals mit onmouseout="auf_zu('id_des_divs')"
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function auf_zu(menu) {
if (document.getElementById) {
if (document.getElementById(menu).style.visibility=="visible") {
document.getElementById(menu).style.visibility="hidden";
}
else {
document.getElementById(menu).style.visibility="visible";
}
}
}
|
Da kann man immerhin erkennen, wie man das Objekt mit einer bestimmten ID anspricht

den gesammten Code findest du unter http://gimli.gu5.info/menu3.html (zum Glück pflege ich meinen Webspace nicht sonderlich gut, sonst wär das schon lange weg
)mfg Gimli
"Linux is evolution, not intelligent design." - Linus Torvalds
Faules Pack ... *kicher*
Hier Gaby, hab das mal für dich gemacht ....
Gruß
Seven
Hier Gaby, hab das mal für dich gemacht ....
Gruß
Seven
Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
Zitat
Original von treo
sonnst werde ich mich morgen warscheinlich mal drum bemühen was zusammen zu schustern, oder das zu finden was ich bereits damit gemacht habe großes Grinsen
Das wäre natürlich super.
Zitat
Original von Gimli
Weshalb machst du das nicht mit CSS?
Weil es mit CSS nur bei MouseOver funktioniert und nicht bei klick.
Außerdem kann es vorkommen, daß der versteckte Text sehr lang ist. Vor allem, wenn er t erst in der Mitte der Seite anfängt, kann man bei Hover nicht mehr alles lesen, weil der Bildschirm dann schon zu Ende ist.

Zitat
Aber Selfhtaml hat ja auch ne Java-Script-Abteilung.
Ja, die habe ich auch schon durchgestöbert, aber es ist halt verdammt schwer, wenn man wenig bis keine JS-Kenntnisse hat.
Zitat
Ich kann lediglich ein ganz klein wenig helfen. Ich hatte mir mal (als ich noch geringe CSS-Kentnisse hatte) ein JS-Menü zusammenkelaut welches aus und einklappen kann.
aufgerufen hatte ich das damals mit onmouseout="auf_zu('id_des_divs')"
Ich probiere es mal aus, ob es auch bei onClick funktioniert.
Danke erstmal für eure Tips.
Ich will mal probieren, ob ich es zusammensetzen kann, hab aber wenig Hoffnung.

Grüße
gaby
Musst du nicht ... winrar kann auch zip´s erstellen.
Gruß
Seven
Nachtrag:
Für Gabyyyyyyyyyyy tu ich alles.....*sing*
Gruß
Seven
Nachtrag:
Für Gabyyyyyyyyyyy tu ich alles.....*sing*
Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
Waaaahnsinn!
Ein
) dickes
) Danke,
) Seven.
)
Den Rest schaffe ich schon.
In meinem Heimatforum hätte ich es nie gewagt, so eine Frage zu stellen. *g*
Da hätte mich der Mod nur angeraunzt, daß ich gefälligst JS lernen soll, wenn ich sowas machen will.
Er hat damit zwar Recht, aber es ist trotzdem nicht schön. *g*
Grüße
gaby
*lol*
Sei vorsichtig mit dem Wort "alles".
Das versprichst du jetzt nur, weil du genau weißt, daß ich dich nicht beim Wort nehmen kann.
Ein
) dickes
) Danke,
) Seven.
)Den Rest schaffe ich schon.
In meinem Heimatforum hätte ich es nie gewagt, so eine Frage zu stellen. *g*
Da hätte mich der Mod nur angeraunzt, daß ich gefälligst JS lernen soll, wenn ich sowas machen will.

Er hat damit zwar Recht, aber es ist trotzdem nicht schön. *g*
Grüße
gaby
Zitat
Original von SevenofNine
Nachtrag:
Für Gabyyyyyyyyyyy tu ich alles.....*sing*
*lol*
Sei vorsichtig mit dem Wort "alles".
Das versprichst du jetzt nur, weil du genau weißt, daß ich dich nicht beim Wort nehmen kann.
Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »gaby*« (1. Juni 2005, 00:07)
RE: Text ein- und ausblenden
Och gabylein ... *nun in deckung geht*
weißt du wenn ich ein Schnitzel will , dann schlachte ich auch kein Schwein, ich geh zum Metzger und hole mir eines , das macht nun mal ein "Gutes Forum" aus ... nicht das dein Heimatforum schlecht ist, nein das nicht aber wenn man doch mal was brauch , wieso dann gleich alles.
Habe mal dein script umgebaut .. auch wenn ich meine meines ist schöner.
Gruß
Seven
weißt du wenn ich ein Schnitzel will , dann schlachte ich auch kein Schwein, ich geh zum Metzger und hole mir eines , das macht nun mal ein "Gutes Forum" aus ... nicht das dein Heimatforum schlecht ist, nein das nicht aber wenn man doch mal was brauch , wieso dann gleich alles.
Habe mal dein script umgebaut .. auch wenn ich meine meines ist schöner.
Gruß
Seven
Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
RE: Text ein- und ausblenden
Zitat
Original von SevenofNine
weißt du wenn ich ein Schnitzel will , dann schlachte ich auch kein Schwein, ich geh zum Metzger und hole mir eines , .. .
Da gebe ich dir im Prinzip natürlich Recht, gerade, wenn du es auf JavaScript beziehst. Das braucht man ja nicht so oft, und warum soll man da das Rad immer wieder selbst neu erfinden?
Anders hingegen ist es mit HTML + CSS. Das sind die Grundlagen, ohne die es nicht geht, und da war unser Mod unerbittlich. *g*
Zitat
Habe mal dein script umgebaut
Och, du hast es ja schon.

Und ich quäl mich gerade damit ab (aber ich war schon nahe dran)
Du bist absolut super!
Ich danke dir.
)Wenn du CSS-mäßig mal etwas brauchst, sag Bescheid.
Zitat
.. auch wenn ich meine meines ist schöner.
... ist es auch. Aber mein Chef will es so haben, wie ich es vorgegeben habe.
Da kann man nix machen. *g*
Grüße + Gute Nacht

Gaby
Zitat
Original von gaby*
Zitat
Original von Gimli
Weshalb machst du das nicht mit CSS?
Weil es mit CSS nur bei MouseOver funktioniert und nicht bei klick.
Außerdem kann es vorkommen, daß der versteckte Text sehr lang ist. Vor allem, wenn er t erst in der Mitte der Seite anfängt, kann man bei Hover nicht mehr alles lesen, weil der Bildschirm dann schon zu Ende ist.
Wenn du auf den IE verzichten kannst, dann geht das schon

Habe das mal gesehen:
http://css.fractatulum.net/sample/experimente2.htm
und direkt zur Demo: http://css.fractatulum.net/sample/css_spec3.htm
mfg Gimli
"Linux is evolution, not intelligent design." - Linus Torvalds
Zitat
Original von Gimli
Wenn du auf den IE verzichten kannst, dann geht das schon
Wenn ich das meinem chef vorschlage, schmeißt der mich raus.
Microsoft, Windows + der IE sind doch das Einzige, was für ihn wichtig ist. :-(
BTW:
Wenn ich etwas mache, dann möchte ich nach Möglichkeit keinen der 5 großen Windows-Browser ausschließen; auch nicht den trotteligen IE, selbst wenn er es 10mal verdient hätte. *g*
Zitat
Habe das mal gesehen:
http://css.fractatulum.net/sample/experimente2.htm
und direkt zur Demo: http://css.fractatulum.net/sample/css_spec3.htm
Nicht übel.

Da sieht man mal wieder, was der IE alles nicht kann.
Grüße
gaby
Ich weiß es ist ein alter verstaubter Thread, aber ich musste ihn trotzdem noch einmal ausgraben...
Ich hab leider so überhaupt keine Ahnung von JS und deshalb muss ich die Frage stellen um mein aktuelles
Problem zu lösen...
Ich habe die Funktion 1 erfolgreich in eine Webseite eingaut, allerdings bräuchte ich diese jetzt umgedreht,
d.h. Wenn die Seite(Startseite eines Shops) geöffnet wird, soll der Text abgeschnitten dargestellt werden und
mit Klick auf "Einblenden" dargestellt werden. Aktuell ist es ja so, dass der Text erscheinet und mit Klick auf
"Ausblenden" unsichtbar gemacht wird...
Die Funktion sollte also genau umgedreht sein...ich hab jetzt schon viele stunden versucht das Script umzubauen,
aber ohne Wissen von JS...;-) wirds nix...
Hier die Seite wo ich es erfolgreich eingebaut habe http://www.silberschmuckwelt.de
Kann mir da jemand weiterhelfen?
Danke im Voraus!
Ich hab leider so überhaupt keine Ahnung von JS und deshalb muss ich die Frage stellen um mein aktuelles
Problem zu lösen...
Ich habe die Funktion 1 erfolgreich in eine Webseite eingaut, allerdings bräuchte ich diese jetzt umgedreht,
d.h. Wenn die Seite(Startseite eines Shops) geöffnet wird, soll der Text abgeschnitten dargestellt werden und
mit Klick auf "Einblenden" dargestellt werden. Aktuell ist es ja so, dass der Text erscheinet und mit Klick auf
"Ausblenden" unsichtbar gemacht wird...
Die Funktion sollte also genau umgedreht sein...ich hab jetzt schon viele stunden versucht das Script umzubauen,
aber ohne Wissen von JS...;-) wirds nix...
Hier die Seite wo ich es erfolgreich eingebaut habe http://www.silberschmuckwelt.de
Kann mir da jemand weiterhelfen?
Danke im Voraus!
wie du richtig bemerkt hast ist der thread uralt.
da sich seitdem einiges getan hat, würde ich dir jquery empfehlen. damit kannst du das ganze sehr einfach bewerkstelligen.
demos findest du hier bei examples:
http://api.jquery.com/toggle/
jperl
da sich seitdem einiges getan hat, würde ich dir jquery empfehlen. damit kannst du das ganze sehr einfach bewerkstelligen.
demos findest du hier bei examples:
http://api.jquery.com/toggle/
jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Danke für die schnelle Antwort jperl
Allerdings wird das wahrscheinlich mit jQuery bei diesem Shopsystem welches auf der Seite verwendet wird nicht klappen, oder höchstenfalls über 1000 Umwege.
Das Shopsyste ist eine Mietshoplösung von Tradoria...da hab ich leider nur bedingt Zugriff auf verschiedene Sachen. Ich bin schon froh das JS zum Laufen gebracht zu haben.
JS funktioniert hier nur mit ausgelagerten Dateien, da Tradoria die eigenen Datenbanksachen mit Variablen ausgibt welche z.B. so aussehen {% pagetitle %}...alles andere was
dann im Code mit geschweifter Klammer steht funktioniert nicht...:-(
Kannst du mir vielleicht trotzdem helfen das Skript umzustellen, ich hoffe das das nicht zu schwer ist, nur ich habe leider gar keine Ahnung von dem Ganzen...und mein
Vido2Brain für JS usw kommt erst noch...;-)
Allerdings wird das wahrscheinlich mit jQuery bei diesem Shopsystem welches auf der Seite verwendet wird nicht klappen, oder höchstenfalls über 1000 Umwege.
Das Shopsyste ist eine Mietshoplösung von Tradoria...da hab ich leider nur bedingt Zugriff auf verschiedene Sachen. Ich bin schon froh das JS zum Laufen gebracht zu haben.
JS funktioniert hier nur mit ausgelagerten Dateien, da Tradoria die eigenen Datenbanksachen mit Variablen ausgibt welche z.B. so aussehen {% pagetitle %}...alles andere was
dann im Code mit geschweifter Klammer steht funktioniert nicht...:-(
Kannst du mir vielleicht trotzdem helfen das Skript umzustellen, ich hoffe das das nicht zu schwer ist, nur ich habe leider gar keine Ahnung von dem Ganzen...und mein
Vido2Brain für JS usw kommt erst noch...;-)
JS funktioniert hier nur mit ausgelagerten Dateien, da Tradoria die eigenen Datenbanksachen mit Variablen ausgibt welche z.B. so aussehen {% pagetitle %}...alles andere was
dann im Code mit geschweifter Klammer steht funktioniert nicht...:-(
Das sind Variablen für Präprozessoren oder anders ausgedrückt. Es sind Masken für Formulare, deren bestimmtee Stellen mit dynamisch erzeugten Werten gefüllt werden.
Ein Beispiel für so ein System ist die smarty-Biliothek, die eine Seite mittels templates aufbaut.


