onclick in Textarea

[Kerubis]

Hiho,

ich habe nen kleines Problem mit onclick in der Textarea.

HTML-Teil:

  
<div id="pic_text">  
 <form action="link" method="POST">  
  <textarea id="pic_text_area" name="new_pic_text"  onclick="pic_text_button()" >  
  </textarea>  
  <input type="hidden" value="on" name="write_pic_text">  
  <input id="pic_text_button" type="submit" value="Senden" style="display:none;">  
 </form>  
</div>

JavaScript-Teil:

  
function pic_text_button()  
{  
 document.getElementById('pic_text_button').style.display = 'block';  
}  

So nun zu meinem Problem:
Die Funktion wird nicht aufgerufen.
Jedoch:
Wenn ich das onclick-Argument einfach ausschneide und in die div stell funktioniert es.
Wenn ich anstatt der Funktion ein alert('Test') aufrufe funktioniert es ebenfalls.

Ich hoffe es ist verständlich erklärt, bitte nachfragen wenn etwas unklar ist.

MfG Kerubis

[Gunnar Bittersmann]

@@Kerubis:

nuqneH

Die Funktion wird nicht aufgerufen.

Die Fehlerkonsole sagt was?

Scheint keine gute Idee zu sein, denselben Bezeichner für Element-ID und Funktion zu verwenden.

Ohne JS bekommt man keinen Button zu sehen.

Warum überhaupt JS? Möchtest du vielleicht sowas:

<textarea id="pic_text_area" name="new_pic_text" [link:http://www.w3.org/TR/html5/forms.html#the-required-attribute@title=required]></textarea>  
<input type="hidden" value="on" name="write_pic_text">  
<input id="pic_text_button" type="submit" value="Senden">

  
#pic_text_area[link:http://www.w3.org/TR/css3-ui/#pseudo-validity@title=:invalid] [link:http://www.w3.org/TR/css3-selectors/#general-sibling-combinators@title=~] #pic_text_button { display: none }  

Qapla'

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

Ohne JS bekommt man keinen Button zu sehen.

Soll heißen: Wenn du man Button nur per JS sichtbar machen kann, dann sollte er auch initial mit JS unsichtbar gemacht werden, nicht per CSS. (Und schon gar nicht inline per @style-Attribut.)

Jedenfalls nicht nur per CSS, sondern:

.js #pic_text_button { display: none }

und

<script>[code lang=javascript]document.documentElement.className += " js";</script>[/code] im head. (Erübrigt sich, wenn Modernizr eingesetzt wird.)

Qapla'

[Kerubis]

Hi,

danke für die Hilfe, war der Bezeichner der Funktion/Elements.
Werde mir das ganze mittels CSS zu machen mal überlegen ;)

MfG Kerubis