Forum Doku Wiki Blog

Forumsarchiv 2009, Januar
Einladungskarte

archivierte Beiträge lesen

  1. (JAVASCRIPT) Einladungskarte von domi, 24. 01. 2009, 10:04

Einladungskarte

Der folgende Beitrag wurde am 24. 01. 2009, 10:04 Uhr von domi veröffentlicht.

Hallo
Ich heirate schon bald und für alle diejenigen, denen wir keine Karte persönlich geben können, möchten wir eine per Mail(wenn möglich) verschicken oder sie auf die Homepage packen.
Es wäre cool wenn es nicht nur bilder wären sondern wenn man sie öffnen kann, wie eine richtige einladungskarte eben.
Ich habe leider keine Ahnung wie ich so etwas anstellen muss und habe auch nirgends ein Tutorial oder so gefunden. Kann mir jemand helfen, irgendweine Starthilfe oder den Link zu einem tutorial?
mfg

Einladungskarte

Der folgende Beitrag wurde am 24. 01. 2009, 10:42 Uhr von LX veröffentlicht.

Wir wissen nicht, was Du mit "öffnen" meinst. Wenn Du einen Aufklapp-Effekt meinst, wirst Du Flash, Silverlight oder bei einem "vereinfachten" Klappen zumindest JavaScript bemühen müssen.

Ich würde folgendes empfehlen: Schreibe am Besten eine Einladung, die ähnlich wie das Original aussieht, in HTML und schicke Deinen Bekannten einfach den Link dorthin.

Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes

Einladungskarte

Der folgende Beitrag wurde am 24. 01. 2009, 13:11 Uhr von domi veröffentlicht.

Besten dank fürden vorschlag jürgen
geht das auch in einer email, wo ich ja html brauchen kann. geht das auch mit javascript??
oder gienge es nur bei einer Seite??
wie könnte ich die breite den kleiner machen??mfg

Einladungskarte

Der folgende Beitrag wurde am 24. 01. 2009, 13:33 Uhr von JürgenB veröffentlicht.

Hallo domi,

> Besten dank fürden vorschlag jürgen
> geht das auch in einer email, wo ich ja html brauchen kann. geht das auch mit javascript??

ich glaube nicht. Z.B. mein e-Mail-Programm lässt so etwas nicht zu. Du kannst aber den Gästen eine Mail mit dem Link schicken.

> wie könnte ich die breite den kleiner machen??mfg

hier mal ein paar Links zur Doku:

Zugriff auf ein Element:
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id

Ändern von CSS-Eigenschaften, z.B. der Breite (width):
http://de.selfhtml.org/javascript/objekte/style.htm

Zugriff auf Bilder und deren Eigenschaften:
http://de.selfhtml.org/javascript/objekte/images.htm

Zeitverzögerter Aufruf von Funktionen, damit das Aufblättern langsam geht:
http://de.selfhtml.org/javascript/objekte/window.htm#set_interval
http://de.selfhtml.org/javascript/objekte/window.htm#clear_interval

Und vergiss nicht, denen, die ohne Javascript surfen, die Einladung unter- oder nebeneinander zu zeigen (<noscript>)


Gruß, Jürgen

Einladungskarte

Der folgende Beitrag wurde am 24. 01. 2009, 13:00 Uhr von JürgenB veröffentlicht.

Hallo domi,

nur eine Idee:

du legst die zweite Seite der Einladung als Hintergrundbild in ein entsprechend großes Div. Die erste Seite kommt dann z.B. als Bild in den Vordergrund, so dass die Zweite Seite verdeckt wird. Per Javascript kann dann nach Mausklick die Breite der ersten Seite langsam gegen Null gehen und so die zweite Seite freigeben und ein Aufblättern vortäuschen. Wenn es mehr als zwei Seiten sind oder keine Bilder in Frage kommen, könntest du auch mehrere Divs absolut positioniert übereinanderlegen.

Gruß, Jürgen

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4