¡Hola, desarrolladores!

checo10 — Wed, 17 Nov 2010 05:13:50 +0000

Hola, antes que nada me gustaría presentarme, y de antemano darles las gracias por dedicar un poco de su tiempo en leer mi blog. Mi nombre es Eugenio Cervantes, soy estudiante de Sistemas Computacionales en la Universidad de Monterrey. Me gusta bastante la informática, los sistemas computacionales, la tecnología, el software libre, y en general todo lo que tenga que ver con las computadoras. También me gustaría aclarar que no soy ningún fan del software libre o software propietario, me gustan ambos, creo que tienen pros y contras, como todo en la vida, pero en general estoy abierto a utilizar cualquier tipo de software mientras sea productivo y brinde potencia y utilidad.

Entre los lenguajes de programación que conozco están Java, C#, ActionScript 3.0, Javascript y Php. También conozco algo de Html y CSS, pero no soy el mejor diseñador.

En este blog estaré escribiendo algunos de mis aprendizajes que puedan ser útiles para los que lleguen de alguna manera a este blog, ya sean tareas, ejemplos, pensamientos, dudas, etc… trataré de variar.

Espero disfruten de este blog y podamos aprender juntos.

Controles HTML “dinámicos” con Javascript.

checo10 — Wed, 17 Nov 2010 06:17:10 +0000

Uno de los problemas que más he visto en muchos de nosotros estudiantes que empezamos programando para consola, luego para aplicaciones de escritorio, es que nos cuesta bastante el empezar con la programación web. Creo que el problema es que luego de estar acostumbrados a utilizar un sólo lenguaje (Java, C#, C++, etc…), nos topamos que para la programación web hay que utilizar de todo un poco (Html y Javascript, además del lenguaje de la plataforma que se utilice).

Si no tenemos a alguien que nos guíe, es probable que tengamos algunos problemas para dar los primeros pasos, pero al agarrar un poco el hilo, el aprendizaje se hará cada vez más y más fluido.

Uno de mis primeros problemas fué que necesitaba tener un botón de agregar y que saliera un campo de texto cada que presionaba ese botón, tras buscar y buscar terminé encontrando soluciones a medio andar que no me ayudarón en nada. Luego me dí a la tarea de buscar una página donde se utilizara un control de este tipo y ver el código fuente detrás de la página. Tras ver un poco lo que hacían me vino a la mente una forma un poco rústica de hacerlo, pero que por el momento me ha funcionado bastante bien, el método crear controles HTML en la página de forma normal, luego hacerlos invisibles y gracias a la magia de Javascript hacerlos visibles cada que se presione un botón.

Para no hacerla más de emoción, veamos un poco de código.

Ejemplo

Agregar input

Si copiamos y pegamos este código en un editor de texto y lo guardamos con la extensión .html, luego lo abrimos, podrán ver el funcionamiento. Es bastante útil, y se pueden agregar tantos campos como se deseen, además se puede utilizar para controles de todo tipo, como select, textarea, renglones de una tabla, etc. También pueden ver las opciones del estilo display que pueden utilizar, todo esto lo pueden encontrar en la página de w3cschools.com.

Checo10

¡Hola, desarrolladores!

Controles HTML “dinámicos” con Javascript.