Hilfe bei HTML-Formular

Ryan · 17. Dezember 2008

Hallo Leute!

Ich bräuchte auf die schnelle ein kleines HTML-Formular mit zwei Feldern:

ein einzeiliges, in das der Endbenutzer eine E-Mail Adresse eingibt und
ein mehrzeiliges, in der etwas ausgegeben wird.

Dazu natürlich einen "Generieren"-Button unter dem ersten Feld.

Und folgendes soll geschehen:
Der Benutzer gibt in das erste Feld eine Mail-Adresse ein (E-Mail: [FELD]) und drückt auf Generieren.
Im mehrzeiligen Feld darunter wird nun ein Code ausgegeben, in den die eingegebene Mail-Adresse an einer bestimmten Stelle eingebunden wird.

Das Endergebnis soll dann kopiert (vl. ein "Kopieren"-Button noch dazu???) werden können.

Wäre echt dankbar, wenn mit da jemand hilft.

MfG,
Ryan

Gm.P666 · 17. Dezember 2008

Hi,
hab jetzt alles mit meinen mittelmäßigen JavaScript Kenntnissen gemacht, aber sollte so funktionieren. Aber die Zwischenablage nur im iE, genk ich.

E-Mail Tool

Verwendest du eine serverseitige Programmiersprache wie PHP oder so?

Code

<form name="E-Mail Tool">
<fieldset>
<legend>
Adresse
</legend>
<table>
<tr>
<td>
Ihre Adresse:
</td>
<td>
<input type="text" size="50" maxlength="50" name="adresse">
</td>
</tr>
<tr>
<td>
Senden:
</td>
<td>
<input type="button" name="generieren" value="Generieren" onclick="this.form.textfeld.value= this.form.adresse.value + ' ist Ihre E-Mail Adresse.'">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>
Ergebnis
</legend>
<textarea cols="20" rows="4" name="textfeld"></textarea>
<br />
<input type="button" name="kopieren" value="Kopieren" onClick="window.clipboardData.setData('Text', this.form.textfeld.value)";>
</fieldset>
</form>

Alles anzeigen

Ryan · 17. Dezember 2008

DANKE! ECHT GEIL!

Zu deiner Frage: Ich arbeite mit Drupal, welches ja in PHP geschrieben ist, allerdings kann man sogenannte Blöcke entweder in HTML oder in PHP schreiben.

Ich hab versucht, das Tool etwas an meine Anforderungen anzupassen, aber das einzige, was ich geschafft habe, ist die Länge des E-Mail Feldes zu verändern.
Ist es möglich, dass

beide Felder in einem Rahmen mit der Überschrift E-Mail Tool sind und
die Hintergrundfarbe des Formulars transparent und die Schrift weiß ist (meine Seite ist komplett in dunkelblau gehalten)

???

Ich habe etwas rumexperimentiert und plötzlich haben die beiden Felder irgendwie Platz getauscht

Danke nochmal, echt cool!

Ryan

Gm.P666 · 17. Dezember 2008

Ich empfehle dir www.selfhtml.org.

Aber jetzt noch rumbasteln, um es besser aussehen zu lassen, kannst du auch selbst machen. dafür verwendet man am besten CSS und der <tag> für die Rahmen heißt <fieldset></fieldset> plus den Titel für die Rahmen <legend></legend>.

Viel Spaß noch!

Ryan · 17. Dezember 2008

Danke, dann werd ich mich mal an die Arbeit machen!

Teilen