Javascript - Agrandar campo de texto segun texto introducido
Códigos Javascript
El ejemplo muestra un campo de texto de formulario, el cual se ajusta al tamaño del texto que es introducido.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <html>
- <head>
- <title></title>
- <script type="text/javascript">
- function grande(max_carac)
- {
- if( (document.form1.agranda.value == null ) || (document.form1.agranda.value == "" ) )
- document.form1.agranda.size = size;
- if( (document.form1.agranda.value.length >= size) && (document.form1.agranda.value.length <= max_carac) )
- document.form1.agranda.size = document.form1.agranda.value.length + 1;
- else document.form1.agranda.size = size; }
- </script>
- </head>
- <body>
- <form name="form1" action="#">
- <input type="text" name="agranda" maxlength="30" size="5" onChange="setInterval('grande(document.form1.agranda.maxLength)', 1)">
- </form>
- <script type="text/javascript">
- var size = document.form1.agranda.size;
- </script>
- </body>
- </html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Agrandar campo de texto segun texto introducido" href="http://www.tutores.org/codigo/1442/" target="_blank">Agrandar campo de texto segun texto introducido</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Agrandar campo de texto segun texto introducido" href="http://www.tutores.org/codigo/1442/" target="_blank">Agrandar campo de texto segun texto introducido</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS