Desarrollo web. Redes sociales, Herramientas Web y más
Categoría "JQuery"
Crear Tooltips con jQuery y TinyTips
Upload de varios archivos con PHP y Plupload
Plupload es una librería Javascript que permite subir archivos multiples con tecnologías Flash, HTML5, SilverLight y BrowserPlus, pueden escoger a su gusto cual utilizar, o dejar que el script se encargue de detectar cual esta activo en el navegador del usuario, en este tutorial veremos su implementación ...
Insertar Google Maps con jQuery
Si estas utilizando jQuery en tu aplicación web, o intentas incrustar un Google Maps en tu Website este plugin para jQuery nos cae de maravilla, ya que con una pocas instrucciones podemos personalizarlo a nuestro antojo. Google Maps jQuery Plugin es un plugin para jQuery, pesa menos de 10kb y esta liberado bajo licencia GPL, esta testeado en los navegadores más populares como Firefox 2+, IE6+ y Safari 3+.
Lightbox JavaScript con TopUp y jQuery
TopUp es un plugin JavaScript para realizar Lightbox, esta desarrollado con jQuery y la librería jQuery UI los cuales nos brindan la posibilidad de tenerlos en nuestra Web. Actualmente TopUp soporta distintos tipos de lightbox, aparte de realizar la función para imágenes, podemos poner Flash, Videos Youtube, Windows Media, RealPlayer, Quicktime, iframes ...
10 Excelentes plugins jQuery para formularios
jQuery Browser Plugin
Tabs CSS simples con jQuery
Los Tabs CSS son una forma popular de navegación que permiten mostrar distintas areas de contenido al usuario mediante la selección de una pestaña. Este tutorial de Soh Tanaka nos mostrara como crear tabs sencillos con CSS y jQuery, para comenzar tenemos que tener la ultima version de jQuery(1.3.2).
Uploadify: upload multiple con jQuery
Su implementación es muy sencilla y aquí. explico como se realiza:
Primero descargamos el plugin aquí. Despues de haberlo descomprimido en una carpeta del servidor local pasaremos a crear un archivo upload.html en el cual agregaremos las librerías javascript y css necesarias dentro del head ...topLink con jQuery
topLink es un plugin creado por David Walsh utilizando jQuery.
Cuando tenemos una pagina muy extensa nos vemos en la necesidad de bajar con el scroll, este plugin nos facilita un link cuando lo necesitemos, aparecera y desaparecera segun la posicion en que nos encontremos.
Para tener esta opcion en nuestra web solo tenemos que realizar estos simples pasos:
Crear el CSS para el boton
Esto lo pondremos dentro del head de nuestra pagina.
#top-link { display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none; border:1px solid green; background:Lightgreen; padding:10px; }Ahora debemos incluir la libreria jQuery 1.2.6 y el plugin ScrollTo dentro del head
<script type="text/javascript" src="jquery-1.2.6.js" ></script> <script type="text/javascript" src="jquery.scrollTo.js" ></script>Seguido colocaremos el plugin topLink dentro del ...
ShiftCheckbox – jQuery Plugin
shiftcheckbox permite a los usuarios para seleccionar el rango de casillas de verificación, haga click en una casilla y, a continuación, SHIFT + click en la última casilla de verificación deseada. Todas las casillas entre la primera y la última se seleccionaran.
Para este ejemplo tendremos que descargar el plugin e incluirlo en el head de nuestra pagina.
<script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery.shiftcheckbox.js"></script>Luego incluimos el código que relizara todo el proceso mediante el class del checkbox.
$(document).ready ( function () { $.shiftcheckbox.init('shiftchk'); });Ahora tendremos que poner el class 'shiftchk' a las casillas de verificación.
<input name="chk1" value="1" class="input shiftchk" type="checkbox">1 Item<br> <input name="chk1" value="1" class="input shiftchk" type="checkbox">2 Item<br> <input name="chk1" value="1" class="input shiftchk" type="checkbox">3 Item<br> <input name="chk1" value="1" class="input shiftchk" ...
Soy