Abogado Garza

Abogado Garza

Lawyer Web Page

MuniManantay

MuniManantay

Municipalidad de Manantay

MayaSpace

MayaSpace

Baby Patron | Web Personal

Reaching in to Heaven

Reaching in to Heaven

Artistic Expression

jQuery 1.4 fue liberado recientemente. Esto no es simplemente una versión de mantenimiento, como algunos habían especulado, hay muchas características nuevas, mejoras en el rendimiento incluidas en la version 1,4!.

Hace mas de un año habíamos hablado de este singular problema que
nos topábamos cuando validamos nuestro código HTML

there is no attribute “TARGET”

Ya que TARGET no es un atributo válido en el XHTML estricto por lo cual necesitaba encontrar un método de solucionarlo sin perder la accesibilidad a la pagina.

Hace tiempo encontré la forma mediante Jquery de una forma muy sencilla.

$(document).ready(function(){

$("a[href*='http://']:not([href*='"+location.hostname+"'])").click( function() { 

window.open(this.href); 

return false; 

});

});

En lo se valida que cuando se haga clic en cualquier enlace de la pagina verifique si es un enlace interno mediante location.hostname lo cual provoca en caso que sea un enlace externo que se abra en una nueva ventana y asi evitar estar colocando a todos los enlaces externos target=”_blank”.

Categorizado: Desarrollo Web
Etiquetado: | | | | |
Nov
23

Para obtener el valor (value) de un campo input (text,hidden) con jquery 1.3.2, lo haremos de la siguiente manera:

<input id="identificador" name="name" value="Jose Carlos" />

Así pues, tienes dos formas de recuperar el valor:

#Purito jQuery:
$('#identificador').val();

#jQuery + DOM:
$('#identificador').get(0).value;

(Leer más »)

Categorizado: Desarrollo Web
Etiquetado: |
Feb
24

Ya esta aqui jQuery 1.3.2

Escrito por Carlos Montalvo hace 1 año y 2 semanas

jquery Parece que la nueva versión de jQuery 1.3.2 a pasado desapercibida en varios otros blogs y, por lo tanto, una gran cantidad de desarrolladores todavía no saben de su existencia ni de sus cambios que tiene esta nueva versión. La versión dicha fue libertada el 20 de febrero y se puede descargar aquí:

Minified (gzipped 19KB)

For development (120KB)


Cambios Notables

  • Mejora de la velocidad en los selectores :hidden/:visible
  • Mejora de la velocidad en los métodos .height()/.width()
  • Mejora de la velocidad con los selectores en IE (Internet Explorer)
  • Más
Categorizado: Desarrollo Web
Etiquetado: | |

En SastGroup han recopilado 240 plugins utiles para JQuery categorizado en 25 categorías entre las que resaltan Photos/Images/Galleries, Search Plugins y Form Validation sin duda una colección que ningún webmaster debe obviar.

Los chicos de TheWojoGroup acaban de liberar hace unos dias a simpleCart el cual es un carrito de compras flexible, ligero y fácil de usar sin muchos conocimientos de programación.

Esta escrito íntegramente en JavaScript y con la ayuda de cookies para realizar el seguimiento de las compras y con tan solo 10.5kb es una alternativa tentadora. La proeza de simpleCart es que no requiere base de datos ni un amplio conocimiento de programación, solo se necesita conocer Html básico. Sin embargo la flexibilidad que nos da nos puede permitir añadir funcionalidades extras o integrarlo con una base de datos.

Configuración de Paypal

Primero antes que todo debes tener una cuenta en paypal si no la tienes create una

Agregar simpleCart(js) en tus paginas

Después de descargado los archivos, sólo tiene que añadir este código en la parte superior de cualquier página que desee que el carro se ejecuta.

<script src="simpleCart.js" type="text/javascript"></script>
<script type="text/javascript"><!--
simpleCart = new cart("tu@email.com");
// --></script>

Tendrás que sustituir tu@email.com con la dirección de correo electrónico que utilizaste para registrarte en Paypal.

Agregando productos al carro

En la pagina donde este funcionando simpleCart (JS), se puede añadir productos de la siguiente manera.

<a onclick="simpleCart.add('name=[name]','price=[price]');return false;" href="#">Enlace del producto</a>

Es obligatorio añadir el nombre ([name]) y el precio ([price]) del producto. Sin embargo, se puede agregar otros campos también para que se muestren en la cesta. Si desea una imagen que se vincule al producto, la sintaxis seria la siguiente.

simpleCart.add('name=Shirt','price=6.00','image=images/myImage.png');

Existen algunos campos extras para los productos tales como cantidad, tamaño y color que se pueden añadir de la siguiente manera.

simpleCart.add('name=Shirt','price=6.00','image=images/myImage.png','quantity=5','size=XL','color=Blue');

Visualizar la Cesta

La cesta se actualizará automáticamente utilizando AJAX. Para mostrar los productos en la cesta, usted simplemente necesidad añadir un elemento con la clase simpleCart_items en la página. Este elemento será automáticamente rellenado con todos los productos que usted vaya agregando, el elemento podría ser de la siguiente forma.

<div class="simpleCart_items"></div>

Se puede usar cualquier elemento (div,a,span,p,etc.).

Mostrando totales

Se puede mostrar los totales de precios o cantidad utilizando cualquier elemento con la clase simpleCart_quantity o simpleCart_total de la siguiente manera.

<div class="simpleCart_total"></div>
<span class="simpleCart_quantity"></span> productos

Comprar y limpiar cesta

Se puede tener las opciones de comprar o limpiar la cesta en cualquier parte donde simpleCart (JS) este funcionando. Estas funcionalidades se añaden simplemente con establecer las clases de un elemento de simpleCart_checkout o simpleCart_empty de la siguiente forma.

<a class="simpleCart_checkout" href="#">Comprar</a>

<a class="simpleCart_empty" href="#">Limpiar Cesta</a>

Más Información

Descarga

Demo


Categorizado: Desarrollo Web | Marketing
Etiquetado: | | |

DevSnippets a realizado un listado sobre recursos de ajax entre las cuales podemos encontrar Ajax Daddy, Mini Ajax entre otros con buenos ejemplos y demos de como aumentar la experiencia del usuario.

Oct
22

QuirksMode a desarrollado un script en javascript el cual nos devuelve información del usuario tales como el tipo de navegador, versión que usa y el SO.

El Script

Del objeto BrowserDetect podemos hacer uso de las siguiente propiedades.

  • Nombre del Navegador: BrowserDetect.browser
  • Versión del Navegador: BrowserDetect.version
  • Nombre del Sistema Operativo: BrowserDetect.OS

(Sigue leyendo »)

Categorizado: Desarrollo Web
Etiquetado: | |

Hoy les presento jRails que es un plugin para Rails el cual permite trabajar con JQuery en Rails y que viene hacer una alternativa a las librerías que ya incluye por defecto Ruby on Rails que son Prototype y script.aculo.us, con jRails contaras con los mismos helpers que se incluían en las otras librerías así que ese no será ningún impedimento para usarlas.

Instalarlo

Para instalar el plugin ejecutamos la siguiente linea de codigo

./script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails

Como Usarlo

<script src="/javascripts/jquery.js" type="text/javascript"></script>
<script src="/javascripts/jquery-ui.js" type="text/javascript"></script>
<script src="/javascripts/jrails.js" type="text/javascript"></script>

Y para cargarlo automáticamente

< %= javascript_include_tag :defaults %>

Más info. en jRails

Categorizado: Desarrollo Web
Etiquetado: | |

1stwebdesigner a recopilado más de 300 menús los cuales nos ayudaran a enriquecer la experiencia del usuario implementando una navegación accesible e intuitiva, tenemos de todos los gustos y colores entre los que resaltan el uso de JQuery, Mootools y CSS.