jQuery

Eliminar un DIV con jQuery

Eliminar un DIV con jQuery

noviembre 13, 2023 |

Eliminar un DIV con jQuery. Hoy veremos como eliminar elementos dentro de nuestra página web de manera sencilla con jQuery. función remove() Con la función remove() de jQuery podemos eliminar cualquier elemento del DOM, su contenido, además de sus hijos y el contenido de los mismos si los hubiera. Eliminar elemento con jQuery En este tutorial aprenderemos cómo podemos eliminar un elemento con jQuery sin actualizar la página. Vamos a implementar 3 pasos simples. a) Integrar la Librería jQuery Debemos de agregar esta línea de código dentro de la etiqueta <head> de nuestro fichero HTML <script src=»https://code.jquery.com/jquery-3.7.1.min.js»></script> b) Etiquetas HTML Para este ejemplo usaremos un botón y un div. veamos el ejemplo. <header> <button type=»buton» id=»btnEnviar»>Borrar</button> <hr> <div id=»divBotones»>Soy un DIV</div> </header> c) Funciones jQuery Por ultimo debemos de agregar las funciones predeterminadas de jQuery para que puedan eliminar la etiqueta DIV al presionar el botón. <script> $(document).ready(function() { $(‘#btnEnviar’).click(function(e)…    read more 

Abrir modal Bootstrap con jQuery

Abrir modal Bootstrap con jQuery

julio 11, 2023 |

Abrir modal Bootstrap con jQuery. En este tutorial vamos a ver cómo activar una ventana modal con jQuery que se muestre en forma de ventana flotante al cargar la web. Por lo tanto, iremos directo al ejemplo. ¿Qué es una ventana modal BootStrap? Una ventana modal, es una ventana de diálogo que se muestra en pantalla por encima del resto de los contenidos. Sin embargo, las ventanas modales bloquean el acceso al resto de los contenidos de la página hasta que se interactúa con ellas de algún modo. Su uso reemplaza los mensajes de alerta alert() de cualquier navegador, de forma que se obtenga una ventana más profesional y personalizable usando el framework BootStrap. ¿Que se requiere para que una ventana modal funcione? Se requiere que se incluya el framework BootStrap y la librería jQuery en tu proyecto y luego sigue los pasos que ves a continuación. Veamos un ejemplo….    read more 

Detectar Checkbox Marcados JavaScript

Detectar Checkbox Marcados JavaScript y jQuery

mayo 29, 2019 |

Detectar Checkbox Marcados JavaScript. Este es un tutorial realizaremos un script sobre cómo detectar cada vez que una casilla de verificación ha sido marcada o desmarcada por el usuario en un formulario HTML. Sin embargo, para lograr tal objetivo usaremos JavaScript y jQuery para detectar eventos en una determinada casilla de verificación (CheckBox). Este tipo de procedimientos es muy requerido para forzar al usuario por ejemplo a marcar una casilla para aceptar términos y condiciones en un determinado servicio por internet, por ejemplo: YouTube, Google, Facebook, entre otro servicios gratuitos en internet. Detectar Checkbox Marcados JavaScript A continuación, veremos 2 formas de lograr el objetivo final de detectar eventos de una casilla de verificación. Primera Forma: Detectar casilla usando JavaScript En el lenguaje JavaScript usaremos una función llamada «terminos_cambio» que será declarada en la etiqueta head dentro de nuestro fichero HTML. Sin embargo, también tenemos que usar esa función en…    read more 

Validar Checkbox PHP, JavaScript y jQuery

Validar Checkbox PHP, JavaScript y jQuery: Ejemplos

mayo 28, 2019 |

Validar Checkbox PHP, JavaScript y jQuery. Cuando estemos programando un sistema y/o página web siempre nos encontraremos con formularios y por ende con validaciones en algún campo. Precisamente, en este artículo hablaremos de la validación de un CheckBox (Casilla de verificación). Además, las validaciones de formularios nos permiten recibir la información correcta acerca de los usuarios que visitan nuestra plataforma online. Validar Checkbox PHP, JavaScript y jQuery A continuación, validaremos un CheckBox HTML, también en el lenguaje JavaScript y jQuery con ejemplos completos. ¿Qué es un CheckBox? Los CheckBox o Casilla de Verificación son etiquetas del lenguaje HTML que interactúan con el usuario final a través de un formulario, son elementos que sirven para estructurar formularios y son muy útiles por ejemplo aceptar los términos y condiciones de servicio. Primer método: Usando el lenguaje JavaScript Siguiendo con nuestro ejemplo básicamente lo que haremos es verificar si este se encuentra seleccionado…    read more 

Desactivar vínculos jQuery y CSS Ejemplos Completos

Desactivar vínculos jQuery y CSS: Ejemplos Completos

mayo 23, 2019 |

Desactivar vínculos jQuery y CSS: Ejemplos Completos. En este Post aprenderemos a desactivar o deshabilitar (links, vínculos, enlaces) usando CSS y el lenguaje jQuery. Por lo tanto, existen ocasiones en que tenemos que desactivar el acceso a ciertos vínculos. Para lograr tal objetivo tenemos que usar varios métodos y conseguir que la aplicación se comporte de la manera que deseamos. A continuación, detallaremos 3 formas de cómo podemos desactivar vínculos. Desactivar vínculos jQuery y CSS: Ejemplos Completos Primera Forma: Desactivar vínculos con CSS Esta opción puede ocurrir en cualquier etapa de desarrollo de una plataforma web o en la sección configuración. Sin embargo, pueden existir ciertos enlaces que no queremos que funcionen como tal y deseamos que se muestren desactivados. Veamos un ejemplo aplicando una clase CSS a un enlace HTML tipo «HREF«. .enlace_desactivado { pointer-events: none; cursor: default; } A continuación, tenemos que declarar esta clase en la etiqueta…    read more 

Redireccionar página web con jQuery

Redireccionar página web con jQuery: Ejemplo completo

abril 30, 2019 |

Redireccionar página web con jQuery. En este artículo veremos cómo re direccionar de una página a otra página diferente usando el lenguaje jQuery. Sin embargo, si observamos hay grandes compañías que usan la redirección en el mundo de la programación. En este ejemplo nos basaremos en usar jQuery y/o JavaScript para hacer este trabajo. A continuación, veremos 2 formas para realizar este trabajo. Redireccionar página web con jQuery o JavaScript Redireccionar página web: Usando JavaScript plano Para este ejemplo el jQuery no será necesario. Por lo tanto, simplemente usaremos el siguiente método «window.location.replace«, que realizara la redirección al cargar la página web. // Simula un comportamiento similar como una redirección HTTP window.location.replace(«https://hotmail.com»); // simula un comportamiento similar al hacer clic en un enlace window.location.href = «https://hotmail.com»; Redireccionar página web: Usando jQuery Recordemos que el lenguaje jQuery es una variante del lenguaje JavaScript. Por lo tanto, tiene más ventajas que su…    read more 

Cómo redirigir con jQuery a otra pagina

Cómo redirigir con jQuery a otra pagina

junio 29, 2018 |

Cómo redirigir con jQuery a otra pagina. Se puede redirigir a otra página web utilizando JQuery, la respuesta es un sí, n nuestras páginas web ya sean formularios o algún otro apartado tarde o temprano necesitaremos el uso de este método, redirigir ya sea a otra página o a otro dominio web. Veamos ejemplos de cómo hacerlo de una manera muy sencilla. Si somos programadores de páginas web o desarrollamos sistemas web llegaremos a este punto y necesitaremos realizar un re direccionamiento de una página a otra, ya sea para recargar, para hacer una llamada o para forzar una precarga. En realidad, es muy sencillo y no es otra cosa que JavaScript, pero como utilizamos en el ejemplo JQuery para dar ejemplos en este artículo. Para re direccionar una página web utilizando jQuery se utiliza la siguiente línea de código: ejemplo. $(location).attr(‘href’,ENLACE_WEB); Su utilización en nuestros formularios, específicamente en un…    read more