mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 28.03.2020 09:21 Benutzername: Passwort: Auto-Login

Thema: Text im Formular formatieren vom 10.08.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Text im Formular formatieren
Autor Nachricht
MiaMaus1987
Threadersteller

Dabei seit: 10.08.2014
Ort: Bonn
Alter: 32
Geschlecht: Weiblich
Verfasst So 10.08.2014 19:26
Titel

Text im Formular formatieren

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 11.08.2014 09:14
Titel

Re: Text im Formular formatieren

Antworten mit Zitat Zum Seitenanfang

MiaMaus1987 hat geschrieben:
... ich habe heute eine Aufgabe bekommen ...
... Leider verstehe ich nichts von JavaScript etc. ...

Au weia! 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 Hmm...?!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Adobe Acrobat Formular: Text formatieren
Text formatieren im PDF-Formular (LiveCycle Designer)
Acrobat Formular - aktuelles Datum formatieren
Präformatierten Text formatieren mit CSS
Text nach Indesign importieren: Automatisch formatieren?
Text beim Ausfüllen von PDF-Formularfeld formatieren?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.