En el siguiente video te muestro como crear y obtener la información de un formulario dinámico creado en HTML y JavaScript, sin utilizar framework o biblioteca alguna.
Los formularios dinámicos son algo indispensable que debemos saber crear como programadores.
Tarde o temprano nos amos a enfrentar a un requerimiento que necesite de una solución dinámica.
En el siguiente video te muestro como crear y obtener la información de un formulario dinámico creado en HTML y JavaScript, sin utilizar framework o biblioteca alguna.
El DOM es el API que podemos utilizar con JavaScript para manipular el contenido HTML de un sitio web.
El DOM es el API que podemos utilizar con JavaScript para manipular el contenido HTML de un sitio web.
En el siguiente video te mostraré con ejemplos el potencial que tenemos gracias a esta API.
HTML es una herramienta muy extensa y hay un conjunto de atributos poco conocidos que he agrupado para mostrarte con ejemplos en el siguiente video.
HTML es una herramienta muy extensa y hay un conjunto de atributos poco conocidos que he agrupado para mostrarte con ejemplos en el siguiente video.
El conocerlos puede ahorrarte trabajo innecesario que recae muchas veces en JavaScript.
HTML es una herramienta muy utilizada por muchos Programadores, pero aun así tiene características que son poco conocidas.
HTML es una herramienta muy utilizada por muchos Programadores, pero aun así tiene características que son poco conocidas.
En el siguiente video te mostraré 10 cosas poco conocidas de HTML
Es por ello que hice un video con cosas básicas que debes conocer y darte una idea de que que es lo que hace un programador frontend.
Una de las preguntas que más me hacen es como comenzar a programar en el frontend.
Es por ello que hice un video con cosas básicas que debes conocer y darte una idea de que que es lo que hace un programador frontend.
En el siguiente video te explicare paso a paso como crear el videojuego PONG.
En el siguiente video te explicare paso a paso como crear el videojuego PONG.
Utilizaremos solo HTML, CSS y JavaScript, sin necesidad de una biblioteca o framework.
En este segundo video te mostrare una forma fácil de crear un archivo PDF a partir de un archivo HTML, y con ayuda de Razor poder incrustar nuestro objeto Comprobante obtenido en el primer video.
Código del video: clic aquí
Curso para que aprendas a crear el xml 3.3 desde cero: https://hdeleon.net/curso-para-crear-la-factura-electronica-3-3-cfdi-del-sat-gratis-en-c-net/
Catálogos sat mysql: https://hdeleon.net/catalogos-para-facturar-3-3-sat-en-mysql/
Creación de un archivo pdf sin utilizar ni crystal report ni itextsharp, de esta manera no dependemos de dll engorrosas como Crystal Reports.
Liga de libreria: https://wkhtmltopdf.org/
Para remplazar las etiquetas html de una cadena o eliminarlas en c#, podemos utilizar la siguiente línea que contiene la expresión regular que hará el trabajo de buscar las etiquetas html:
string candenaConTags="<br><p><b>Un Texto</b></p>"; string cadenaSinTags = Regex.Replace(cadenaConTags, "<.*?>", string.Empty); //cadenaSinTags -> Un Texto
Recuerda de haber importado la librería para poder hacer uso de la clase Regex:
using System.Text.RegularExpressions;
En este capítulo y el siguiente, complementaremos los dos capítulos anteriores (7. El objeto document y 8.- La interfaz Node), en los cuales analizamos la teoría de dos de las herramientas más utilizadas de javascript que juntas podemos realizar modificaciones dinámicas de nuestra página web.
Para ello vamos realizar una transformación de un elemento input(<input>) por algunos de sus tipos, y esto lo haremos de una manera fácil, y comenzamos por tener el contenido HTML siguiente:
<div> <select id="comboMagico" onchange="CambiaComponente()"> <option selected="selected" value="TextBox">TextBox</option> <option value="Button">Button</option> <option value="CheckBox">CheckBox</option> </select> </div> <div> <input type="text" value="Input Magico" id="inputMagico" /> </div>
Tenemos un elemento combobox (<select>) y un elemento input (<input>) los cuales tienen su id para poderlos identificar; el elemento combobox contiene una función que se activa en el evento onchange (como vimos en el capitulo de eventos de este curso) y que se activa cada que cambiamos la opción seleccionada de nuestro combobox.
Lo que haremos a continuación es que al ser cambiada la opción del combobox, nuestro input de la parte de abajo, se transforme en el tipo seleccionado, es decir si seleccionamos la opción Button, nuestro input se transforme en un botón.
Para ello haremos la función que invoca el combobox de nombre CambiaComponente() de la siguiente manera:
function CambiaComponente(){
//utilizando el metodo getElementById de document obtenemos el nodo del combobox
//y con el atributo value obtenemos la opcion seleccionada
opcion=document.getElementById("comboMagico").value
//Hacemos un switch case, dependiendo la opcion seleccionada en el combobox realizamos una transformación.
switch (opcion){
case "TextBox":
document.getElementById("inputMagico").type="text"
break;
case "Button":
document.getElementById("inputMagico").type="button"
break;
case "CheckBox":
document.getElementById("inputMagico").type="checkbox"
break;
}
}
Lo que hacemos con la función es obtener el valor seleccionado por medio del objeto document, la función getElementById y el atributo value, y después analizarla con un switch case para así transformar nuestro input en el valor elegido.
Para ver un ejemplo del código en ejecucion, ahora no pondre un den clic aqui, pueden observarlo abajo y ustedes hacer la prueba moviendo el combobox:
En este capitulo vimos la facilidad de modificar elementos HTML, y transformarlos, esto nos abre miles de posibilidades para realizar acciones dinámicas a nuestras páginas web.
Ir Capítulo Siguiente (10.- Creación de elementos HTML con Javascript)