textarea ansprechen

[momo]

Hallo!

Ich hab eine textarea:

<textarea>
Hier steht ein Default Text
</textarea>

und ich möchte bei onFocus, dass der Default Text verschwindet - bloss, wie spreche ich das an?

lg
momo

[David Tibbe]

Hallo momo,

und ich möchte bei onFocus, dass der Default Text verschwindet

Mach das bitte nur, falls dein Default-Text darin steht.

bloss, wie spreche ich das an?

Baue dir eine Funktion, die das kann. Du könntest der Textarea eine ID verpassen und es dann per getElementById() ansprechen oder der Funktion einen Parameter "object" verpassen und im Funktionsaufruf (also im onfocus-Event) ein "this" übermitteln, also zB onfocus="myFunction(this)"

Grüße
  David

[TheAngel]

hi,

soweit ich weis is der text ein Childnode des textfeldes.

also: document.getElementById('textfeld').firstChild.data = '';

MfG, TheAngel

[Cheatah]

Hi,

bloss, wie spreche ich das an?

wie würdest Du es bei einem <input type="text"> machen?

Cheatah

[momo]

wie würdest Du es bei einem <input type="text"> machen?
Cheatah

Hi Cheatah,
einen <input type="text"> spreche ich mit "value = ''" an - aber bei der textarea..?
lg
momo

[David Tibbe]

Hallo momo,

einen <input type="text"> spreche ich mit "value = ''" an - aber bei der textarea..?

Eine Textarea ist genauso ein Formularelement wie ein Input vom Typ "text".

Grüße
  David

[TheAngel]

falsch.

ein input hat den eingegebenen text in einer eigenschaft (value) gespeichert.

bei einem textfeld ist der text als KinderKnoten gespeichert (du schreibst ja auch nicht <textarea value="voreintrag"> ;) )

also wie ich schon gesagt hab musst du mit [objekt].firstChild.data auf den inhalt zugreifen (geht nur wenn ein inhalt existiert, du also nicht <textarea></textarea> geschrieben hast, sodern irgendwas dazwischen ist.

MfG, TheAngel

[momo]

also wie ich schon gesagt hab musst du mit [objekt].firstChild.data auf den inhalt zugreifen (geht nur wenn ein inhalt existiert, du also nicht <textarea></textarea> geschrieben hast, sodern irgendwas dazwischen ist.

MfG, TheAngel

Hi Angel,

das hab ich schon versucht, funktioniert aber auch nicht :(

lg
momo

[Siechfred]

Hallo.

bei einem textfeld ist der text als KinderKnoten gespeichert (du schreibst ja auch nicht <textarea value="voreintrag"> ;) )

Das Objekt hat sehr wohl die Eigenschaft value. Bringe bitte nicht HTML-Attribute und Objekteigenschaften durcheinander, siehe http://de.selfhtml.org/javascript/objekte/elements.htm#value.

Dieser Code funktioniert tadellos:

<textarea onClick="if(this.value=='Testtext')this.value=''">Testtext</textarea>

Die if-Abfrage ist nötig, damit nicht beim Klicken nachdem Eingaben vorgenommen wurden, diese entfernt werden.

Freundschaft!
Siechfred

[momo]

Eine Textarea ist genauso ein Formularelement wie ein Input vom Typ "text".
Grüße
  David

Hi David,

also, angenommen, ich hab:

<textarea id="TEXT" onFocus="Leeren()">
Default
</textarea>

...dann hätte ich folgende function:

function Leeren()
{
 if (document.getElementById('TEXT').value == 'Default';
  document.getElementById('TEXT').value = '';
}

bloss geht das natürlich nicht mit "value"....

lg
momo

[TheAngel]

Eine Textarea ist genauso ein Formularelement wie ein Input vom Typ "text".
Grüße
  David
Hi David,

also, angenommen, ich hab:

<textarea id="TEXT" onFocus="Leeren()">
Default
</textarea>

...dann hätte ich folgende function:

function Leeren()
{
 if (document.getElementById('TEXT').value == 'Default';
  document.getElementById('TEXT').value = '';
}

bloss geht das natürlich nicht mit "value"....

lg
momo

da is noch ein anderer fehler drin, dadurch kann es garnicht gehen - der text ignoriert nicht die zeilenumbrüche - dadurch is die if-abfrage immer negativ.

probiers mal mit

function Leeren()
{
 if (document.getElementById('TEXT').value == 'Default';
  document.getElementById('TEXT').firstChild.data = '';
}

und

<textarea id="TEXT" onFocus="Leeren()">Default</textarea>

[TheAngel]

sorry, du musst natürlich beide .value ersetzen, also:

function Leeren()
{
 if (document.getElementById('TEXT').firstChild.data == 'Default';
  document.getElementById('TEXT').firstChild.data = '';
}

warum gibts hoier blos keine edit-funktion :(

[momo]

if (document.getElementById('TEXT').firstChild.data == 'Default';
  document.getElementById('TEXT').firstChild.data = '';

Hi,
genau das hab ich jetzt gemacht und es funktioniert nicht... :(
momo

[Utz]

Hallo Momo,

ach komm, den Syntaxfehler in der if-Abfrage, den wir seit dem OP mitschleppen, findest du doch (oder?

Grüße,
Utz

[momo]

Hallo Momo,

ach komm, den Syntaxfehler in der if-Abfrage, den wir seit dem OP mitschleppen, findest du doch (oder?

brrr- ja ;))

jetzt funkts bestens! vielen lieben dank euch allen!
lg
momo

[TheAngel]

lool man sieht den wald vor lauter bäumen nicht ;)

peinlich peinlich...

[molily]

if (document.getElementById('TEXT').firstChild.data == 'Default')

Dafür gibt es http://de.selfhtml.org/javascript/objekte/elements.htm#default_value.