[GastForen Programmierung/Entwicklung JavaScript JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

4. Apr 2012, 18:56
Beitrag # 1 von 6
Bewertung:
(3919 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Zusammen,

ich möchte gerne dieses Script von scriptiny verwenden:
http://www.scriptiny.com/...ascript-fade-in-out/

Es klappt auch wunderbar, wenn der Vorgang genau bei einem Element auf der Seite ausgeführt werden soll.

Nun möchte ich aber das Script modifizieren und mehrere Elemente einbauen, die ein- und dann wieder ausgeblendet werden sollen.

Wie muss ich das Script umschreiben, dass Element 1, Element 2 ... jeweils getrennt von einander ein und aus geschaltet werden können?


Kann ich mehrere Scripte einbinden, die sich nicht gegenseitig stören und diese den jeweiligen Elementen zuordnen?

Wer hat eine Idee?

Vielen Dank schon einmal fürs Mitdenken ;o)

(Ich hatte das Thema zuerst fälschlicherweise im Dreamweaver Forum gepostet.)

fp
X

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

8. Apr 2012, 15:10
Beitrag # 2 von 6
Beitrag ID: #493168
Bewertung:
(3876 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Diese URL ist nicht korrekt: http://www.scriptiny.com/...ascript-fade-in-out/
kannst du sie nochmals posten? evtl. mit einem Tool wie https://bitly.com/

(Vermutlich ein HDS Forum Bug beim kürzen von allzu langen URLs)


als Antwort auf: [#492998]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

8. Apr 2012, 22:04
Beitrag # 3 von 6
Beitrag ID: #493176
Bewertung:
(3849 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
http://www.scriptiny.com/...ascript-fade-in-out/

Sollte der Link nicht weiterleiten, dann auf der Seite scriptiny rechts den Pfad JavaScript Fade Tutorial - Fading Elements In/Out folgen.

Lg, fp


als Antwort auf: [#493168]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

13. Apr 2012, 10:58
Beitrag # 4 von 6
Beitrag ID: #493352
Bewertung:
(3785 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hmm, das ist reichlich veraltet und unnötig kompliziert. Versuch's mal mit jQuery:
http://api.jquery.com/category/effects/fading/

Im HTML selber sollte wenn möglich kein "inline" Javascript stehen, das sollte alles im JS selber definiert sein, wir haben schliesslich 2012 :-)


als Antwort auf: [#493176]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

13. Apr 2012, 11:05
Beitrag # 5 von 6
Beitrag ID: #493354
Bewertung:
(3780 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hmm, hab's nochmals angeschaut: einfach in der Funktion den DIV-Namen ändern: Hier ein einfaches Beispiel mit zwei weiteren DIVs: http://www.sendspace.com/file/9dxaba


als Antwort auf: [#493352]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

14. Apr 2012, 07:15
Beitrag # 6 von 6
Beitrag ID: #493388
Bewertung:
(3734 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi ganesh,

danke erst einmal für Deine Antworten. jQuery werde ich auf jeden Fall ausprobieren. Auch den zweiten LINK http://bit.ly/HQAQvG werde ich testen. :o)
sonnige Grüße fp


als Antwort auf: [#493352]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
09.09.2021 - 17.12.2021

Digicomp Academy, Zürich
Donnerstag, 09. Sept. 2021, 13.00 Uhr - Freitag, 17. Dez. 2021, 19.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von Publishing NETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: 6'300.– zzgl. 7.7% MWST
Dauer: 18 Tage(ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch