Archivo de la categoría: Javascript

¿Cómo crear un slider con jQuery?

Los sliders son la nueva tendencia en diseño web, una forma espectacular de transición y animación en las imágenes de su sitio web. Un método eficaz de captación y enganche del usuario, otra estrategia más para mejorar la competitividad de su empresa. En este artículo aprenderemos a cómo crear un slider con jQuery.

slider con jquery

Diseños innovadores y especiales tanto para blogs como para páginas web simples, que atraen a los clientes alterando e influyendo en la decisión de compra de un producto, el resultado es sin duda una clara captación visual del visitante de nuestra página, tanto es así que los usuarios prefieren el producto con solo ver las imágenes.

Una de las formas más sencillas para crear y personalizar un slider en nuestro sitio web es haciendo uso de diferentes librerias y plugins. A continuación veremos como crear un slider con jQuery.

Sigue leyendo

¿Qué son los plugins en jQuery?

Primeramente si eres novato antes de conocer que son los plugins en jQuery necesitas conocer que es jQuery por lo que te recomendamos leer el siguiente artículo ¿Qué es jQuery?.

plugins en jQuery

Los Plugins en jQuery expanden las posibilidades del framework

Los plugins son la utilidad que pone jQuery a disposición de los desarrolladores para ampliar las funcionalidades del framework. Por lo general servirán para hacen cosas más complejas necesarias para resolver necesidades específicas, pero las hacen de manera que puedan utilizarse en el futuro en cualquier parte y por cualquier web.

En la práctica un plugin no es más que una función que se añade al objeto jQuery (objeto básico de este framework que devuelve la función jQuery para un selector dado), para que a partir de ese momento responda a nuevos métodos. Como ya sabemos, en este framework todo está basado en el objeto jQuery, así que con los plugins podemos añadirle nuevas utilidades.

Voy a poner un ejemplo un poco abstracto para ver si podemos llegar a la idea de cómo es un plugin. Imagina que necesitas que los elementos de la página “bailen” (parpadeen, se muevan, interactuen con el usuario de una manera concreta, o lo que sea que necesites), pues creas una función para hacer eso. Haces que esa función sea un plugin llamado “bailar” y a partir de entonces cualquier elemento de la página que lo desees podrá bailar. Para ello simplemente invocas ese método del objeto jQuery sobre el elemento o elementos que selecciones.

Sigue leyendo

¿Cómo escribir solo números en input text?

Cualquier sitio o sistema web requerira bajo ciertas circunstancias de cajas de texto que permitan que a los visitantes escribir solo números en input text, lamentablemente aun con lo poderoso que es el HTML5 todavía no se logra esta funcionalidad por sí solo.

Para forzar a nuestros visitantes a escribir solo números en input text haremos uso de un plugin muy poderoso de jQuery, hablo del jquery.numeric

Sigue leyendo

¿Qué es jQuery?

jQuery es una biblioteca o libreria de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web.

¿Qué es jQuery?

La libreria es software libre y de código abierto, permitiendo su uso en proyectos libres y privativos. Al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.
Sigue leyendo

¿Cómo establecer un formato numérico desde el lado del cliente en ASP.NET?

Bueno después de una pesada tarde de trabajo e investigando una forma adecuada de dar formato a un valor numérico en un control TEXTBOX y después de explorar múltiples opciones con JQUERY y también utilizando código del lado del servidor los cuales lamentablemente no pudieron resolver mi problema como es debido, pude encontrar y personalizar mi propio script para dar un formato de contabilidad con separadores decimales y separadores de milésimas.

Lo mejor de este código es que funcionara para ASP, ASP.NET, PHP o simple HTML y de hecho ni siquiera utiliza JQUERY

La idea de esta función es que al escribir un valor numérico en un control TEXTBOX por ejemplo 123456.789 el texto se formatee y se muestre de esta otra forma 123,456.78.

Sigue leyendo

Carrusel de Imagenes con WOW Slider

La tendencia más fuerte y popular del diseño Web en los últimos dos años es la de paneles horizontales deslizantes, también conocidos como Rotadores o Carruseles. Es un método muy eficaz para aumentar la facilidad de uso del sitio Web y atraer al usuario

WOW Slider nos proporciona una interfaz gráfica mediante la cual podemos seleccionar imágenes que desiamos colocar un rotador o tambien llamado carrusel; adicionalmente podremos agregar efectos, textos, animaciones, estilos, modificar tamaños entre otras funcionalidades.

WOW slider utiliza la liberira JQUERY, para ver mas información sobre JQUERY podemos entrar en el siguiente enlace: Qué es Jquery?

Primeramente debemos descargar el instalador desde la página web del autor en el siguiente enlace: http://wowslider.com/es/

Sigue leyendo

Galeria de Imagenes con html y jquery

En esta oportunidad mostrare como crear una sencilla gallería de imagines con HTML y JQUERY.

Cabe mencionar que ya es posible crear una galería de imágenes utilizando únicamente HTML5 pero que desde mi punto de vista todavía no es 100% factible por incompatibilidad de navegadores además de otros detalles como pesos de las imágenes, de igual forma si quieren echar un vistazo acá dejo el enlace: Galería de Imagenes con HTML5

Bien inicialmente crearemos el código HTML que será el esqueleto de nuestra página y mostrara la información e imágenes que tendrá nuestra galería.

Sigue leyendo