kostenloser Webspace werbefrei: lima-city

textarea vergrößern bei klick

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

1. Autor dieses Themas

   my-free-farm

   my-free-farm hat kostenlosen Webspace.

   19:45, 14.3.2012

   hallo zusammen,
   
   könnt ihr mir sagen wie ich das anstellen kann, wenn man auf das textarea klickt das es sich dann vergrößert.
   
   eine lösung mit css wäre gut aber ich nehme auch andere möglichkeiten

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

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

3. m*****z

   19:58, 14.3.2012

   Meinst du sowas?
   http://jsfiddle.net/URkWu/
   Die Lösung wäre allerdings mit Javascript und Jquery.
   

4. m******************r

   20:03, 14.3.2012

   Hallo!
   
   Rein in CSS:
   
   

   textarea
   {
   	width: 100px;
   	height: 100px;
           transition: width 0.5s;
   	-webkit-transition: width 0.5s;
           -moz-transition: width 0.5s;
           -ms-transition: width 0.5s;
           -o-transition: width 0.5s;
   }
   
   textarea:focus
   {
   	width: 500px;
   }

   
   
   Die transition-properties sind nur für einen langsameres "wachsen" und nicht notwendig!
   
   LG
   
   
5. Autor dieses Themas

   my-free-farm

   my-free-farm hat kostenlosen Webspace.

   13:31, 15.3.2012

   danke markus-niederburger
   
   die idee hatte ich auch schon nur hab mmich gewundert warum sie nicht funktioniert: denkfehler ich habe focus davor geschrieben

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

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

Dir gefällt dieses Thema?