kostenloser Webspace werbefrei: lima-city

Bei Änderung in textarea Button anzeigen.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   christian1603

   

   christian1603 hat kostenlosen Webspace.

   12:19, 7.4.2010

   Hallo LC,
   Ist es möglich einen Button nur anzeigen zu lassen wenn eine Änderung in einer textarea stattgefunden hat?
   Wenn ja wie? ich habe google gefragt aber der wusste auch nichts.
   Wäre cool wenn mir wer Helfen würde.
   LG

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. raubritta

   

   raubritta hat kostenlosen Webspace.

   12:23, 7.4.2010

   das zauberwort heißt Ajax. Ich würde dir bspw. Jquery empfehlen.
   
   Du überprüfst mit einem onblurbefehl der id des Textfeldes eine änderung und lässt den Button dann an einer best. Stelle erscheinen.
4. Autor dieses Themas

   christian1603

   

   christian1603 hat kostenlosen Webspace.

   12:48, 7.4.2010

   Ich habe einen JS gefunden der den Button aktiviert.
   Wie muss der Aussehen damit der Button nicht aktiviert wird sondern dann erst in den vordergrund kommt?
   
   
   Hier mein Code:
   

   <textarea  onblur="if (this.value!='df') document.getElementById('Sender').disabled=''">df</textarea>
                   
   <input id="Sender" type="submit" disabled="disabled" Value="Änderung Speicher">

   
   LG
   Chrissi

5. dustboy

   

   dustboy hat kostenlosen Webspace.

   15:51, 7.4.2010

   Den Button versiehst du mit der style-angabe display bzw. visibility (bei visibility wird er nur ausgeblendet, bei display rücken andere Elemente an den freien Platz, als wäre er nicht da)
   
   Beispiel display:
   

   <textarea onChange="document.getElementById('Sender').style.display = '';">
   <input type="submit" id="Sender" style="display:none">

   
   Beispiel visibility:
   

   <textarea onChange="document.getElementById('Sender').style.visibility = '';">
   <input type="submit" id="Sender" style="visibility:hidden">

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?