 Textboxinhalt Markieren
Sie möchten einen Text zum Kopieren anbieten, sei es nun ein Textbaustein, den Quellcode eines JavaScripts oder den Linkcode für ein Banner.
Dieses Beispiel zeigt wie sie innerhalb eines Eingabefeldes Texte per Knopfdruck markieren können. Hier auf dieser Seite können sie z.B. den ScriptCode für dieses Beispiel markieren (neudeutsch: 'highlighten'), dann rechtsklicken und kopieren. Zwei weitere Beispiele zeigen die Möglichkeit einen Songtext oder den Quellcode eines Link zur Kopie anzubieten.
 Anwendungsbeispiel 01 (Songtext) 
Anwendungsbeispiel 02 (Linkbanner)
Quelltext dieses Beispieles
Innerhalb eines Formulars wir ein Textberieich (texarea) und ein Button notiert. Die textarea erhält ein Attribit für den Namen. Hie im beispiel hat die textarea den Namen 'TextFenster'. Auf das Element mit diesem vergebenen Namen beziehen sich die Aktionen, die beim Klicken ausgelöst werden.
Den unten angezeigten Code im Body-Bereich ihres HTML-Dokuments einfügen. Der Code erzeugt ein Textfeld und den Button zum Markieren. Den Beispieltext "text text text" ersetzen sie mit ihrem eigenen Text.
CSS-Formatierung des Textfeldes
Sie können das Textfeld mittels inline-Anweisung formatieren:
style="width:400px;height:250px;border:1px solid #0070C0"
... oder im Head-Bereich eine Unterklasse notieren und die Anweisungen ganz zentral festlegen. Die CSS-Klasse sollte dann als Attribut im <textarea>-Tag eingetragen werden:
<textarea class="textfeld" ... >
.textfeld
{
width:400px;
height:250px;
background-color:#F4FFF4;
border:1px solid #0070C0;
}
|
WWW.WEB-TOOLBOX.NET
ZURÜCK