Archivo para la categoría 'Javascript'
CKEditor es un increíble editor wysiwyg , de altisima integración en páginas web, en este post simplemente voy a comentar como cambiar la apariencia por defecto, y setear su toolbar que trae por defecto, a mi gusto demasiadas herramientas: 1- Editar ckeditor/config.js con un editor de textos cualquiera. 2- Reemplazar su contenido por este: CKEDITOR.editorConfig […]
Conjunto de funciones javascript para validar email, nif, cif telefono fijo y telefono movil
Aquí pongo un conjuntito de funciones javascript que sirven para validar NIF, CIF, Email, Telefono celular, telefono movil: /** libreria de funciones javascript para validaciones de forms **/ /** Diego Di Camillo – diegodicamillo@diegodicamillo.com.ar **/ function EsEmail(w_email) { var test = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; var emailReg = new RegExp(test); return emailReg.test(w_email); } function EsTelefonoFijo(tel) { var test […]
En ciertas ocasiones cuando usamos IE7 o IE6 (esos cachibaches que causan dolores de cabeza) al intentar inyectarle HTML a una capa o DIV ejemplo: document.getElementById(‘contenedor’).innerHTML = ‘hola’; Obtenemos un error que indica «Error desconocido en tiempo de ejecucion» y esto se debe a que en cualquier otro explorador salvo estos dos, funciona bien el […]
Gracias a SAN JQUERY han colocado una función de compatibilidad para la función $(…) está disponible en Jquery desde la versión 1.0 Como usarlo, es simple: …… Lo que hice es activar la propiedad noConflict y luego los $(..) son reemplazados por Jquery(…) EN TODOS LADOS DONDE APAREZCA. Eso hace que los $(…) de prototype […]
Un recurso muy interesante que viene nativo en javascript es la posibilidad de especificar la cantidad de decimales que queremos mostrar para un flotante. Utilizamos el método toFixed de cualquier variable con formato numerico (flotante). //si no hay parte decimal, agrega ceros , en este caso 2 ceros. var num = 10; var result = […]
No se si es interesante, pero en una oportunidad, necesitaba que el botón de cerrar de lightbox2 (version prototype, scriptacoulous) se displaye arriba y no abajo de la / las fotos. El cambio que se debe hacerse es muy sencillo: 1.-Editar tu archivo lightbox.js con un editor de textos, como notepad 2.-Reemplaza las lineas 134 […]
Una técnica muy usada y muy valorada por los usuarios, de editar un campo sobre la misma pagina, solo con un clic, sin recargar la página es la de Edit-In-Place. Aquí un ejemplo Lo primero es descargar las librerias js scriptaculous y editinplace.js Luego incluimos las librerias js en nuestro HTML dentro de la etiqueta […]
Si quieres limitar la longitud de un textarea mientras se escribe, aquí les presento un pequeño código js muy facil de usar: Y en el campo textarea que coloques en tu página coloca lo siguiente: Observa que se setea la longitud maxima a 40 , y ahi puedes cambiar a otra para limitar la entrada.
Si estas buscando algo para tratar fechas con JS y no te convence el objeto Date a continuación muestro una excelente libreria para realizar un sinnumero de operaciones con fechas , de muy facil instalación, sin incompatibilidades y sintaxis clara. Los podés descargar desde aquí También tiene ejemplo y documentación completa. Que lo disfruten!
Cuando utilicé LightBox en una aplicacion donde el archivo php cliente de lightBox no estaba en el mismo directorio, no se mostraban correctamente las imagenes close.gif y loading.gif. Para corregir esto realicé lo siguiente: Abrir el archivo lightbox.js y edité las lineas 49 y 50 siguientes: fileLoadingImage: ‘images/loading.gif’, fileBottomNavCloseImage: ‘images/closelabel.gif’, y las reemplcé por estas: […]
Si querés identificar los togglers del acordion porque son imagenes ( por ejemplo ) y no textos, deberás colocar en cada div del toggler un id como por ejemplo id=»t1″ , para el toggler 1, id=»t2″ , para el toggler 2 y así… y en el javascrip del Accordion los identificas asi: window.addEvent(‘domready’, function(){ togglers […]
Con javascript podemos agregar o quitar un atributo a un campo HTML. Por ejemplo al cliquear sobre un checkbox podemos hacer que otro campo se habilite o deshabilite, esto es a veces util en los formularios. Definimos una funcion js: function changeState(check, element){ if(!check.checked){ element.setAttribute(‘disabled’,’disabled’); //atributo y valor }else{ element.removeAttribute(‘disabled’); //el atributo } } Y […]
TripTracker es un visor de fotos al estilo de ligthbox, con una botonera en el pie para controlar el slide de fotos. Ademas, muestra las fotos automaticamente con un leve movimiento lateral que lo hace muy atractivo. Es un excelente y muy poco intrusivo foto viewer. Para instalarlo: 1.- Descargar el archivo slide.js aqui:: slider […]
SmoothGallery es un slide espectacular de fotos. Dispone de varias formas de mostrar el slide o transicion de fotos, con la posibilidad de agregar titulos y descripciones a cada una de ellas y de visualizar todas las fotos de la galeria en un marco desplegable. Esta desarrollado como extension de Mootools-Core 1.11 y Mootools-More. Podés […]
El paquete COOLjsMenu es un framework que nos permite generar menús (y submenús) desplegables a traves de javascript. Para esto simplemente contamos con un archivo js de configuración de colores, textos, enlaces y formas de mostrar el menú (en forma vertical y en forma horizontal). Además, para navegadores IE, podemos agregarles efectos fade, pixeled, transparencia, […]
