Codigoweblibre: JavaScript

Mostrando entradas con la etiqueta JavaScript. Mostrar todas las entradas

sábado, 22 de junio de 2013

Ir arriba Animado (aparece y desaparece) - jQuery

Interesante codigo con el que podemos implementar la opcion de "Ir Arriba" o "Ir al Cielo".

Cuando nuestras página o aplicaciones web, generan mucho scroll, se hace molesto al momento, de volver al inicio de la página.

La solución implementar la opción "Ir Arriba".

Implementación

La importacion de la libreria Jquery y los estilos se copian en el <head></head> del documento, el código HTML y el código Jquery se copian justo antes de la etiqueta </body>

miércoles, 27 de marzo de 2013

Registrar Datos por POST con AJAX

El el siguiente tutorial aprenderemos a registrar informacion en una base de datos MySQL, con AJAX, los datos seran enviados por POST.

El patron de diseño sera MVC (Modelo - Vista - Control), los datos que enviemos en nuestra vista, seran enviados al controlador, del controlador realizamos la peticion, en este caso, registrar en la base de datos, y todo esto lo instanciamos, del modelo, que tiene una clase llamada Registrar, le creamos un objeto e invocamos a su metodo registrarPersona() en el controlador.

En antoriores tutoriales hemos explicado mas a fondo como enviar datos por POST, así que no entraremos tanto a fondo. La aplicación es parecida a la que ya realizamos Registrar Datos por GET con AJAX, logicamente lo que cambia es la forma en que enviamos los datos, de GET a POST.

Juego Triqui o Tres en Rayas en JavaScript

En el siguiente tutorial que consta de 2 videos de nuestro canal oficial de youtube codigoweblibre, explicamos como se realizo el juego Triqui o Tres en rayas en JavaScript.

Parte 1

Enviar datos por POST utilizando AJAX, PHP, Javascript y HTML

En el siguiente videotutorial veremos como enviar datos por POST, a un archivo php, utilizando AJAX. Ademas también utilizaremos Javascript y HTML.

Por medio de AJAX podemos enviar datos, sin recargar la página, ademas también se pueden enviar datos por GET, que en otro tutorial explicaremos como hacerlo.

Video por codigoweblibre:

Enviar datos por GET utilizando AJAX, PHP, Javascript y HTML

En el anterior tutorial vimos, como enviar datos, por POST utilizando AJAX; Ahora veremos como enviar datos, pero por GET.

Aquí el video:

Eliminar elementos HTML (campos, botones, labels, select y muchos más) con javascript

En el anterior articulo habíamos aprendido ha crear elementos HTML, como Botones de tipo (type) "Button" y "Submit" campos de texto, campos de tipo password, radio, select, checkbox, color, file, textarea, label. En este articulo ademas de crearlos ahora los vamos a eliminar o remover.

La función de JavaScript que nos permite hacer esto es removeChild(elemento).

¿Cómo funciona? Es sencilla y simple de utilizar, el parámetro que recibe es el elemento que vamos a eliminar un campo, un botón, un select ... entre otros. Pero como todos sabemos, nuestro campo tiene un identificador (id), y ese lo obtenemos con el document.getElementById(id_elemento); antes de pasarlo a la función removeChild(elemento), debemos primero saber cual es el padre del nodo o elemento, que vamos a eliminar y para eso utilizamos la función parentNode.

Crear elementos text, label y Muchos más con JavaScript

Crear las principales etiquetas o elementos HTML, con las diferentes funciones que nos ofrece JavaScript.

Las principales funciones que utilizaremos serán createElement, appendChild, createTextNode todas de JavaScript.

Función createElement(): Con esta función como su nombre lo indica creamos elementos, el cual recibe un parámetro, y es el tipo de elemento que vamos a crear, en este tutorial le pasamos como parámetro input o directamente le pasamos como parámetro el nombre de la etiqueta que crearemos.

Codigoweblibre

sábado, 22 de junio de 2013

Ir arriba Animado (aparece y desaparece) - jQuery

Implementación

miércoles, 27 de marzo de 2013

Registrar Datos por POST con AJAX

Juego Triqui o Tres en Rayas en JavaScript

Parte 1

Enviar datos por POST utilizando AJAX, PHP, Javascript y HTML

Enviar datos por GET utilizando AJAX, PHP, Javascript y HTML

Eliminar elementos HTML (campos, botones, labels, select y muchos más) con javascript

Crear elementos text, label y Muchos más con JavaScript

Post Recomendado

Envio de Correos con PHPMailer 5.5 y PHP 7

Post Destacados