Made with ♥ by homepage.eu
Desktop-Version | Mobile Version
Deutsch | English
 
Navigation
 
Anzeige
 
Anzeige
Textfeld mit veränderbarer Größe

Beschreibung

Mit diesem Javascript kann man mehrere Textfelder erstellen, bei denen man mit gedrückter Maustaste die Größe verändern kann. Als Bezugspunkt zum Größe ändern werden hier drei Schrägstriche rechts unter dem Textfeld verwendet. Die Adresse für das Bild der Schrägstriche lässt sich ganz oben im Javascript einstellen. Das hier verwendete Bild gibt es unter dem Scriptcode zum Kopieren.

Ausführen: Um ein Textfeld zu erstellen, muss man einfach die Zeile von dem Ausführcode dort einfügen, wo das Textfeld dann auch erscheinen soll. Die Angaben in den () Klammern beim Ausführcode müssen danach noch angepasst werden. Die erste Angabe (hier "ein_Formular") trägt den Namen des Formulars, in dem sich der Ausführcode befinden muss. Die zweite Angabe (hier "das_Textfeld") gibt den Namen des erstellten Textfeldes an und die übrigen zwei Angaben (hier 300 und 100) die Abmessungen des Textfeldes. Alle Angaben, außer die Nummern, müssen zwischen zwei " " Anführungszeichen stehen.

Hinweis: Der Scriptcode muss über den Codes zum Ausführen stehen.

 
Technische Details

Mindestvoraussetzungen

  • CSS:
    1.0
  • Javascript:
    1.2/MS
  • Netscape:
    4.0
  • Internet Explorer:
    4.0
  • Firefox:
    1.0
  • Opera:
    7.0
  • Chrome:
    1.0
  • Safari:
    1.2
  • Konqueror:
    3.3

Verwendete intrinsische Funktionen

Methoden

  • Array()
  • if()
  • for()
  • parseInt()
  • unescape()
  • with()
  • write()

Eigenschaften

  • button
  • clientX
  • clientY
  • event
  • height
  • onmousemove
  • onselectstart
  • pageX
  • pageXOffset
  • pageY
  • pageYOffset
  • scrollLeft
  • scrollTop
  • style
  • which
  • width
 
Vorschau
 
Javascript einbinden

Verwendete Bilder

groesse_aendern.png

Größe ändern

142 Bytes


HTML-Code


Code für ein Textfeld

 
Feiertage
 
Tools
 
Toplisten
LINKS2000.DE Webkatalog & Handy Fun
Top18
top18.de
 
Besucher
 
Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020
Valid HTML 4.01 Transitional CSS ist valide!