| Autor |
Nachricht |
MiaMaus1987
Threadersteller
Dabei seit: 10.08.2014
Ort: Bonn
Alter: 36
Geschlecht: 
|
Verfasst So 10.08.2014 20:26
Titel Text im Formular formatieren |
  |
|
Hallo Zusammen,
ich habe heute eine Aufgabe bekommen, bei der ich Hilfe benötige.
Und zwar: Aufgabe: Erzeuge ein Formular, in dem man beliebigen Text eingeben kann. Mittels Formularelementen (Checkboxen Radiobuttons, Dropdownmenüs,...) soll der eingegebene Text entsprechend formatiert werden können. Verwende zur Umsezung entweder javascript oder php, sowie (mindestens) eine Web-Schriftart.
Leider verstehe ich nichts von JavaScript etc. wie bekomme ich das hin?
Habe soweit das hier:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<br />
<center><textarea name="Formular" rows="10" cols="50" wrap="virtual">Hier kann man etwas reinschreiben...</textarea><br />
<form action="input_radio.htm">
<p>Formatiere den Text:</p>
<p>
<input type="radio" name="Zahlmethode" value="fett"'> Fett<br>
<input type="radio" name="Zahlmethode" value="kursiv"> Kursiv<br>
<input type="radio" name="Zahlmethode" value="unterstrich"> Unterstrichen
</p>
</form>
</body>
</html>
|
|
| |
  |
 |
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: 
|
Verfasst Mo 11.08.2014 10:14
Titel Re: Text im Formular formatieren |
|
|
| MiaMaus1987 hat geschrieben: | ... ich habe heute eine Aufgabe bekommen ...
... Leider verstehe ich nichts von JavaScript etc. ... |
 Ist es dann nicht eher DEINE Aufgabe, etwas daran zu ändern?
Mit einem JS-Framework wie jQuery tust dir bei sowas natürlich gleich leichter, da kannst sowas mit wenigen Zeilen Code umsetzen: | Code: | // Wenn der DOM-Baum geladen wurde (um auf die HTML-Elemente zugreifen zu können) ..
$(function()
{
// Ein Element mit der ID "dingsText"
var $dingsText = $('#dingsText');
// CSS-Selektor on change
$('input[name="Zahlmethode"]').on('change', function() {
// Attribut "value" in Variable speichern
var wert = $(this).attr('value');
if(wert === 'fett') {
// Selbsterklärend
$dingsText.css('font-weight', 'bold');
}
// ...
});
}); |
etc...
Einarbeiten musst dich aber natürlich selbst; deine Arbeit wird hier keiner für dich erledigen - das gibt dir aber vielleicht ne kleine Einstiegshilfe.
Aber wer gibt dir denn eine Aufgabe, ohne dir vorher zumindest irgendwelche Grundlagen beigebracht zu haben 
|
|
| |
|
|
|
Anzeige
|
|
|
| |
|
|
| Ähnliche Themen |
Text formatieren im PDF-Formular (LiveCycle Designer)
Adobe Acrobat Formular: Text formatieren
Acrobat Formular - aktuelles Datum formatieren
Präformatierten Text formatieren mit CSS
Text beim Ausfüllen von PDF-Formularfeld formatieren?
Text nach Indesign importieren: Automatisch formatieren?
|
|
Willkommen auf dem Portal für Mediengestalter
