Brauche Hilfe zu Formularobjekten

O

Ossi

Erfahrenes Mitglied
Da ich noch keine Ahnung bei Formularabjekten habe, hier mein Problem:
Ich baue gerade an einer Seite mit dynamischen Webfonts und möchte mit Formularmitteln eine Möglichkeit zum Test dieser bieten. Die Schriften werden im entsprechenden Format auf den Server geladen.

Ich möchte ein Sprungmenü zur Schriftauswahl und eins für für die Schriftgröße haben. Dann brauche ich ein Textfeld für die Texteingabe. Die Eingaben sollen an den Server geschickt werden (submit-Botton) und unter dem Formular den gewünschten Text entsprechend der Eingaben anzeigen. Eine Möglichkeit zum Löschen des Beispiels und für eine Neueingabe wäre auch nicht schlecht. Das ganze könnte auch in JavaScript sein. Wer kann mir auf die Sprünge helfen?
 
Also so sieht die HTML Datei aus:

PHP: 
...

<form name="formular" action="server-datei.xxx" method="get">
Schriftart auswählen:
<select name="schriftart">
 <option value="Schriftart1">Schriftart 1</option>
 <option value="Schriftart2">Schriftart 2</option>
 <option value="Schriftart3">Schriftart 3</option>
 <option value="Schriftart4">Schriftart 4</option>
 <option value="Schriftart5">Schriftart 5</option>
</select>

Schriftgrösse auswählen:
<select name=schriftgroesse">
 <option value="Schriftgroesse1">Grösse 8</option>
 <option value="Schriftgroesse2">Grösse 12</option>
 <option value="Schriftgroesse3">Grösse 15</option>
 <option value="Schriftgroesse4">Grösse 16</option>
 <option value="Schriftgroesse5">Grösse 20</option>
</select>
</form>

<br>
Text zum Testen eingeben
<input name="testtext">

<input type="submit" value="Text anzeigen!">
<input type="reset" value="Alles neu eingeben">
...

Das verwalten der Ausgabe geht nur sehr schwierig bis garnicht, weil die Ausgabe ja über die Server-Datei geschieht.

Mach halt dieses Formular dann nochmal zusätzlich in die Ausgabe der Datei aufm Server und beim nächsten Klick auf OK wird wieder nur ein Beispiel angezeigt
 
Das sieht schon sehr gut aus. Das mit den Schriften auf dem Server soll nicht das Problem sein, die werden per CSS definiert. Ich brauche nur noch die Definition für die Darstellung des Beispieltextes, wobei die Einstellungen von Schriftart, Größe und Textbeispiel übernommen und dargestellt werden.

Hier ist eine Beispielseite, die leider nicht mehr richtig funktioniert: http://www.truedoc.com/webpages/samples/samples_l4.html

(unter dem linken Sprungmenü "Type Your Own" wählen), so ähnlich möchte ich das machen.
 
PHP: 
...

<style type="text/css">
#eigenertext {
 visibility: hidden;
}
</style>

<script language="JavaScript">

function abfrage() {
 aktiv = window.document.formular.wie.selectedIndex;
 auswahl = window.document.formular.wie[aktiv].value;
 if (auswahl = "owntext") {
  if (document.all) {
   eigenertext.style.visibility = "visible";
  } else
   window.document.eigenertext.visibility = "visible";  
  }
 } else {
  if (document.all) {
   eigenertext.style.visibility = "hidden";
  } else
   window.document.eigenertext.visibility = "hidden";  
  }
 }
}

</script>

</head>
<body>

<form name="formular" ...>
<select onChange="abfrage()" name="wie">
 <option value="vorg1">Vorgabe 1</option>
 <option value="vorg2">Vorgabe 2</option>
 <option value="vorg3">Vorgabe 3</option>
 <option value="vorg4">Vorgabe 4</option>
 <option value="owntext">eigener Text</option>
</select>
<br>
<input id="eigenertext">
</form>

...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück