Hola!!

Navegando por ahi me encontre con un sitio que nos muestra 8 trucos con JQUERY, que nos pueden ser util al momento de crear nuestro Sitio Web.

Chequenlos y pruebenlos!!!!

Les dejo aqui en Enlace.

Desactivar tecla enter con jQuery

Te preguntaras

¿Pa’que chin…. me sirve esto?

A veces suele suceder que estas llenando un formulario y sin querer presionas ENTER y se envían los datos incompletos… y nuevamente debes de en pesar a llenar el form con tus datos. y la verdad se es molesto.

Con este script puedes evitar el enter en formularios con jquery

<script language="javascript" src="js/jquery.js"></script> 
// remplaza el src por la ubicacion de tu jscript 
 
<script language="javascript"> 
$(document).ready(function() { 
 
  $('form').keypress(function(e){    
    if(e == 13){ 
      return false; 
    } 
  }); 
 
  $('input').keypress(function(e){ 
    if(e.which == 13){ 
      return false; 
    } 
  }); 
 
}); 
</script>

Recuerda descargar el Jquery!!

Desactivar seleccionar texto con JS

Con JavaScript es fácil desactivar para la selección de texto de tu web, para poder evitar el fusile de contenidos veamos el código este lo pegarías en tu pagina web.

window.onload = function()
{
     document.onselectstart = function()
     {
          return false;
     } 
// Firefox
     document.onmousedown = function()
     {
          return false;
     }
}

Espero que les ayude en algo!!

Aplicacion web para generar popups

Hola de nuevo!!!

Esta pagina es similar al POST anterior solo que esta es para popUP’s!!

Te es util si no tienes mucha idea de como hacer una Ventana Emergente o popUP’s.

Esta chida la pagina ya que le puede pasar muchos parametros (URL de la ventana, Tamaño, Nombre de la ventana, etc…) y de ahi generar el codigo que aplicaras en tu pagina.

Los chido es que te dice para que te sirve cada parametro.

Les dejo el LINK

Pizarra Web || Editor HTML CSS JS online

Bueno hoy saco de mi baul una herramienta de lujooo..  RENDUR

Por lo general los programadores web estamos acostumbrados a probar nuestras lineas de codigo desde nuestro local pero ups!! no siempre tenemos a nuestro equipo y mucho menos estar en una makina con todo lo elemental que se necesita, bueno ahora les mando una herramienta Web online =S —> RENDUR

En ella podran verificar que sus lineas sean correctas tanto de CSS como javascript y poder ver como quedarian, tan solo deberan poner su codigo… espero les guste !!!

Reseña Alex Aguiar:
Bueno eh probado la aplicacion, y es util, cuando prestamos ayuda rapida a colegas o bien hacer rapidos test de codigo para evitar abrir DW Notepad++ entre otros, o bien si no tenemos estos es muy util usar Herramienta web de Rendur, que es un editor online de XHTML CSS y Javascript, y al estar escribiendo vemos los resultados a un costado en la misma ventana del navegador…. es muy util pruebenla chao!…
PD: Perdon por poner la imagen hasta ahora jeje.

Cargar imágenes con CSS

Hoy en dia es muy comun visitar galerias en internet y nos muestra la tipica imagen de “Cargando” mientras nos muestra la imagen deseada… y se acostumbra el uso de JS… y Ajax para cargar contenidos e imagenes sin necesidad de volver a cargar todo nuestro sitio, pero bueno por que no lo hacemos con CSS? jeje… un truco sencillo y talvez… util para algunos asi que aqui va.

Solo necesitamos un GIF animado o cualquier imagen ligerita que querramos para que se mustre mientras carga nuestra imagen grande.

Codigo HTML para – Cargar imagenes con CSS

<img class="imagen" src="cargando_imagenes_css.jpg" alt="Mostrar &quot;cargando&quot;... en imagenes con CSS" />

Codigo Hoja de Estilos para – Cargar imagenes con CSS

body{text-align:center;background:#000;}
img.imagen{background:#FFF url(load.gif) no-repeat center center;}

Ver demo en linea

Perdon de parte de todos, andamos un pelin liados, y ese es el motivo por el poco movimiento en este blog… pero igual tratamos de dar post nuestros que aprendimos nosotros mismos… y no copiamos y pegamos como otros sitios…