Jquery

Background size 100 % crossbrowser

Les dejo enlaces de 4 opciones que pueden utilizar con jQuery para esa tarea tan revoltosa de poner background a la pagina, eso claro al 100% del largo.

La primera forma es solo para browsers con webkit y modernos, este metodo simplemente nos apoyamos de las instrucciones nativas de CSS3

background-size: 100%;

Funciona para:  iE9, firefox, chrome, safari, opera. (no les pongo version porque desde la version 3.6 es soportada, ademas los webkit se actualizan continuamente y son una bendicion del creador, por el otro lado, la cosa esa puras fallas, verdad del creador...)

jQuery BackStretch

Les pongo la liga para que lo consulten y lo utilizen, este actualmente lo estoy ocupando en algunos sitios y me ha demostrado una compatibilidad desde iE8, aunque en la pagina garantizan la funcionalidad desde ie7

La instruccion es muy sencilla, solo una linea de codigo, muy ecologico por cierto.

  $.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");


Enlace
http://srobbin.com/jquery-plugins/backstretch/

En un ratito les pongo los demas, no me acuerdo de sus paginas web, pero siquieren googlear aqui les dejo los nombres

  1. smartBackgroundResize
  2. Supersized
  3. jQuery AnyStretch
  4. jQuery Fullscreen background   Enlace aqui

Esos tambien los ocupe alguna vez, pero tienen sus detalles con iexplorer, quizas las versiones mas recientes ya las tengan solucionadas.

 

Comment (0) Hits: 3122

Reloj digital con javascript

Ahi les dejo un codigo para que realizen su reloj digital con javascript, lo unico de jQuery que aqui se utiliza es la funcion HTML, con la que yo asigne el reloj a cierto div, pero eso ya ustedes lo pueden cambiar a donde gusten y manden.

Nos apoyaremos para este codigo de la funcion Date() de javascript y sus variantes,  getMinutes(), getSeconds()

Read More Comment (0) Hits: 4797

Solo numeros en textbox

Una funcion que podria ayudarles en sus validaciones

$("tu_selector").keydown(function(event){
   if(event.keyCode < 48 || event.keyCode > 57){
       return false;
   }
});

Comment (0) Hits: 4953

Redireccionar pagina con Jquery

Facil y directo:

url = "http://mirrorlinux.net";
$(location).attr('href',url);

Este evento lo pueden meter dentro de una función o directamente despues del document ready, no lo olviden, es:

$(document).ready(function(){

//Argumentos

});

La manera clasica es:

window.location = "http://www.google.com";  < -- en ocaciones nos da lata con iEtZplorer, para variar; 

Comment (1) Hits: 21409

Ajax usando Jquery

Hoy voy a dar una mini explicacion de la funcionalidad que podemos obtener para contenidos dinamicos usando jQuery.

La funcion del dia es  $.ajax( ), asi de simple es lo que requerimos para obtener contenidos dinamicamente, esto nos ahorra trabajo de servidor, refresco de paginas entre otras cosas.

Si no estas involucrado con ajax date un paseo por AQUI, en la wikipedia.

Para quienes ya estamos relacionados en el ambito del ajax, o minimo tenemos las nociones de como funciona, no te tomara mas de 10 minutos en lo que terminas de leer este post.

Read More Comment (0) Hits: 4784