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
- smartBackgroundResize
- Supersized
- jQuery AnyStretch
- 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.
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()
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;
}
});
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;
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.