BlackBoard | Druckvorschau: Formular

Geschrieben von Krieger am 13.12.2002 um 19:58:

Formular

hi

kann mir jemand ein formular schreiben das mir eine mail sendet in der das steht das der user eingegeben hat. ich brauchs für einen memberzone auf meiner page. das muss rein:

Name:
Gebrutsdatum:
E-mail:
Passwort:

das mit dem dreamweaver klappt net. also ich hoffe jemand von euch schreibt mir eins. das alles sollte dann an severicom@yahoo.de geschickt werden.

danke

Geschrieben von CDW am 13.12.2002 um 21:00:

etwa so müsste es gehen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<HTML>

    </HEAD>
<BODY bgColor=#1e036c>
<FORM action=mailto:severicom@yahoo.de encType=text/plain method=post 
name=form1>  

            Name
            <INPUT name=Name size=27> <br>
            Nochwas:
            <INPUT name=Nochwas size=27><br>
<INPUT  type=submit value=Absenden> 
            
</BODY> 
</HTML>

hab mit Mozilla getestet: läuft...
musst es halt noch erweitern, wie du es haben willst (Passowrtfeld usw) + Design, sonst müsste aber funktionieren, falls du dazu fragen hast, schau am besten in der SelfHTML nach... (http://selfaktuell.teamone.de)

Geschrieben von Compuholic am 13.12.2002 um 21:34:

Hab das Beispiel schnell noch mal um ein JavaScript und einem Beispielformular erweitert:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>JavaScript Mailer</title>
  <meta http-equiv="content-type"
  content="text/html; charset=ISO-8859-1">
</head>
<body>
     
<form action="" onsubmit="CreateAction(this)" 	method="post" encType="text/plain">   
   Empfänger:<input type="text" name="empfaenger"><br>
   Betreff:<input type="text" name="betreff"><br>
   Nachricht:<input type="text" name="message"><br>
<input type="submit"> 
</form>
<script language="JavaScript">
function CreateAction(MyEmailForm)
{
	MyEmailForm.action = "mailto:" + MyEmailForm.empfaenger.value + "?subject=" + MyEmailForm.betreff.value + "&body=" + MyEmailForm.message.value;
}
  </script>
         
</body>
</html>

Damit sollte das Prinzip klar werden. Die benötigten Felder kannst Du ja selbst hinzufügen. Das Formular wirst Du wohl auch anpassen müssen. Das hab ich einfach mal auf die Schnelle gemacht. Es soll ja auch nur zeigen, wie es funktioniert. Die Arbeit wollen wir Dir ja nicht abnehmen

Geschrieben von CDW am 14.12.2002 um 21:06:

und ich hab die Javascript aus dem beispiel genommen, damits übersichtlicher wirkt

naja, nicht schlimm, aber es läuft auch ohne Javascript, über Browser, hab das beispiel vom eurocreativhaus.de genommen, was aber nicht schlimm ist, weil das Formular von mir kommt

Geschrieben von ColdFire am 15.12.2002 um 19:40:

Formular

Hey ich kann dir ca 10 beistpiele schickn nur ist dir klar dass du wennst du ein formular haben willst einen CGI script einbaun musst der vom server aceptiert werden muss??

soll ich dir beispiele schicken ???
wb xodos

Geschrieben von max1mus am 15.12.2002 um 19:57:

geht auch mit php

Geschrieben von ZeRo am 17.12.2004 um 19:44:

Zitat:

Original von Compuholic
Hab das Beispiel schnell noch mal um ein JavaScript und einem Beispielformular erweitert:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>JavaScript Mailer</title>
  <meta http-equiv="content-type"
  content="text/html; charset=ISO-8859-1">
</head>
<body>
     
<form action="" onsubmit="CreateAction(this)" 	method="post" encType="text/plain">   
   Empfänger:<input type="text" name="empfaenger"><br>
   Betreff:<input type="text" name="betreff"><br>
   Nachricht:<input type="text" name="message"><br>
<input type="submit"> 
</form>
<script language="JavaScript">
function CreateAction(MyEmailForm)
{
	MyEmailForm.action = "mailto:" + MyEmailForm.empfaenger.value + "?subject=" + MyEmailForm.betreff.value + "&body=" + MyEmailForm.message.value;
}
  </script>
         
</body>
</html>

Damit sollte das Prinzip klar werden. Die benötigten Felder kannst Du ja selbst hinzufügen. Das Formular wirst Du wohl auch anpassen müssen. Das hab ich einfach mal auf die Schnelle gemacht. Es soll ja auch nur zeigen, wie es funktioniert. Die Arbeit wollen wir Dir ja nicht abnehmen

sowas hab ich geshucht !

Hab ich nur noch 2 Fragen...

Wie kann ich einstelln, dass gewisse felder "required" sind und dass, wenn diese nich ausgefüllt sind n alert kommt '?'
Wie kann ich einstelln, dass betreff und ziel-email definiert sind und nicht vom benuter angegeben werden können?

Geschrieben von LX am 17.12.2004 um 23:23:

Zitat:

Wie kann ich einstelln, dass gewisse felder "required" sind und dass, wenn diese nich ausgefüllt sind n alert kommt '?'

Dazu sollte eine kleine Änderung im JavaScript ausreichen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<form action="" name="formular" onsubmit="CreateAction(this)" 	method="post" encType="text/plain">   
   Empfänger:<input type="text" name="empfaenger"><br>
   Betreff:<input type="text" name="betreff"><br>
   Nachricht:<input type="text" name="message"><br>
<input type="submit"> 
</form>
<script type="text/javascript">
function CreateAction(MyEmailForm)
{
  if (window.document.formular.empfaenger.value == '' || window.document.formular.betreff.value == '' || window.document.formular.message.value == '')
  {
    alert("Bitte alle Felder ausfuellen!");
    return false;
  }
  else
  {
    MyEmailForm.action = "mailto:" + MyEmailForm.empfaenger.value + "?subject=" +  MyEmailForm.betreff.value + "&body=" + MyEmailForm.message.value;
    return true;
  }
}
</script>

Zitat:

Wie kann ich einstelln, dass betreff und ziel-email definiert sind und nicht vom benuter angegeben werden können?

Entweder indem du die Eingabefelder mit einem Defaultwert belegst und auf readonly stellst, oder indem du im Script die Werte bereits fest verankerst und die entsprechenden Eingabefelder ganz weglässt.

Geschrieben von COCYHOK am 18.12.2004 um 00:05:

Aber das nur clientseitig zu machen ist nicht schön. Damit hat der Enduser nur Probleme. Ich zum Beispiel nutze keinen E-Mail-Client. Und wenn ich dann da auf Abschicken klicken würde, würde mir son hässlicher Mozilla- oder Outlook-Express-Client angeboten. Das hab ich schon durch, dass ich mir von der Seite den Quelltext angeguckt hab, um rauszufinden, an welche Adresse ich welche Information schicken muss.
Effektiver wäre es, wenn du einfach die Adresse hinschreiben würdest und der User dann nur noch Copy'n'paste machen müsste. Oder halt mit PHP. Da ersetzt du nur noch — nachdem du das PHP-Skript geschrieben hast — im oben entwickelten Formular action=mailto:servericom@yahoo.de durch action=http://meinewunderhübschepräsenz.qwe/skripte/abschicken.php.

Geschrieben von ZeRo am 18.12.2004 um 09:02:

Zitat:

Original von LX

Zitat:

Wie kann ich einstelln, dass gewisse felder "required" sind und dass, wenn diese nich ausgefüllt sind n alert kommt '?'

Dazu sollte eine kleine Änderung im JavaScript ausreichen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<form action="" name="formular" onsubmit="CreateAction(this)" 	method="post" encType="text/plain">   
   Empfänger:<input type="text" name="empfaenger"><br>
   Betreff:<input type="text" name="betreff"><br>
   Nachricht:<input type="text" name="message"><br>
<input type="submit"> 
</form>
<script type="text/javascript">
function CreateAction(MyEmailForm)
{
  if (window.document.formular.empfaenger.value == '' || window.document.formular.betreff.value == '' || window.document.formular.message.value == '')
  {
    alert("Bitte alle Felder ausfuellen!");
    return false;
  }
  else
  {
    MyEmailForm.action = "mailto:" + MyEmailForm.empfaenger.value + "?subject=" +  MyEmailForm.betreff.value + "&body=" + MyEmailForm.message.value;
    return true;
  }
}
</script>

Zitat:

Wie kann ich einstelln, dass betreff und ziel-email definiert sind und nicht vom benuter angegeben werden können?

Entweder indem du die Eingabefelder mit einem Defaultwert belegst und auf readonly stellst, oder indem du im Script die Werte bereits fest verankerst und die entsprechenden Eingabefelder ganz weglässt.

danke....

mein problem is jedoch, dass dann das outlook fenster erscheint... ich will jedoch, dass man gar nich sieht, an welche email man es verschickt, bzw. man einfach auf abschicken klickt und damit schon alles erledigt ist...

Geschrieben von LX am 18.12.2004 um 10:53:

Zitat:

Original von ZeRo
ich will jedoch, dass man gar nich sieht, an welche email man es verschickt, bzw. man einfach auf abschicken klickt und damit schon alles erledigt ist...

Das geht dann nicht clientseitig mit JavaScript, sondern nur via beispielsweise PHP (was dein Webspace auch unterstützen muss). Unter dem Stichwort "Formmailer" solltest du da mit Google fündig werden, wie man sowas macht.

Geschrieben von ZeRo am 18.12.2004 um 13:39:

doch, ich hab mal sowas gesehn war auch java man musste nur die felder ausfülln und auf abschicken und im "hintergrund" wurden die daten an die mail geschickt

Geschrieben von LX am 18.12.2004 um 13:42:

Glaube mir, clientseitig (was JavaScript ja ist) geht's ohne installierten Mailclient nicht

Geschrieben von ZeRo am 22.12.2004 um 09:44:

*glaub* ^^

finde jedoch beim besten willen keinen anständigen formmailer anbieter ohne werbung und anderen spam

Geschrieben von COCYHOK am 22.12.2004 um 23:07:

http://xdn.de