Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 5%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 392 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

1 Zum Seitenanfang

Dienstag, 31. Mai 2005, 20:24

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »gaby*« (31. Mai 2005, 20:28)

 

treo

Super Moderator

Dabei seit: 16.09.2002

Beiträge: 3 669

 

2 Zum Seitenanfang

Dienstag, 31. Mai 2005, 20:51

wenn du jedem einzeln zu versteckenden absatz eine eigene ID gibst,
dann kann man das script so umarbeiten das es läuft :D
mom, ich machs grad mal, und poste gleich den link dahin

Edit: nein doch zu faul, widme mich lieber dem irc :D

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 :D
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)

 

Gimli

Kaiser

Dabei seit: 12.02.2003

Beiträge: 1 375

 

3 Zum Seitenanfang

Dienstag, 31. Mai 2005, 21:24

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')"

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
 

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

 

4 Zum Seitenanfang

Dienstag, 31. Mai 2005, 21:49

Faules Pack ... *kicher*

Hier Gaby, hab das mal für dich gemacht ....

Gruß

Seven
»SevenofNine« hat folgende Datei angehängt:
  • gaby.rar (1,2 kB - 107 mal heruntergeladen - zuletzt: 16. Mai 2012, 18:00)
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
 

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

5 Zum Seitenanfang

Dienstag, 31. Mai 2005, 22:10

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
 

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

6 Zum Seitenanfang

Dienstag, 31. Mai 2005, 22:25

Zitat

Original von SevenofNine

Hier Gaby, hab das mal für dich gemacht ....


Moment, da muß ich mir erstmal das passende winzip runterladen und installieren. :)

Grüße
gaby
 

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

 

7 Zum Seitenanfang

Dienstag, 31. Mai 2005, 22:28

Musst du nicht ... winrar kann auch zip´s erstellen.

Gruß

Seven

Nachtrag:

Für Gabyyyyyyyyyyy tu ich alles.....*sing*
»SevenofNine« hat folgende Datei angehängt:
  • gaby.zip (1,32 kB - 74 mal heruntergeladen - zuletzt: 17. März 2012, 05:26)
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
 

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

8 Zum Seitenanfang

Dienstag, 31. Mai 2005, 22:44

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

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. :D

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »gaby*« (1. Juni 2005, 00:07)

 

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

 

9 Zum Seitenanfang

Dienstag, 31. Mai 2005, 22:57

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
»SevenofNine« hat folgende Datei angehängt:
  • gaby1.zip (1,58 kB - 73 mal heruntergeladen - zuletzt: 17. März 2012, 05:26)
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
 

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

10 Zum Seitenanfang

Mittwoch, 1. Juni 2005, 00:00

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. :D
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
 

Gimli

Kaiser

Dabei seit: 12.02.2003

Beiträge: 1 375

 

11 Zum Seitenanfang

Mittwoch, 1. Juni 2005, 16:43

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
 

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

 

12 Zum Seitenanfang

Mittwoch, 1. Juni 2005, 22:22

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



Nicht übel. ;)
Da sieht man mal wieder, was der IE alles nicht kann.


Grüße
gaby
 

Narry

Grünschnabel

Dabei seit: 06.09.2011

Beiträge: 2

 

13 Zum Seitenanfang

Dienstag, 6. September 2011, 10:00

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!
 

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

 

14 Zum Seitenanfang

Dienstag, 6. September 2011, 10:50

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
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
 

Narry

Grünschnabel

Dabei seit: 06.09.2011

Beiträge: 2

 

15 Zum Seitenanfang

Dienstag, 6. September 2011, 11:15

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...;-)
 

stfschaefer

Routinier

Dabei seit: 21.08.2010

Beiträge: 251

 

16 Zum Seitenanfang

Donnerstag, 8. September 2011, 14:31


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.