Diego Di Camillo

Si queremos actulizar las opciones de un select segun algun valor obtenido de otro campo HTML con Jquery la tarea es sumamente sencilla: Supongamos el siguiente HTML : ?Ver código HTML  <select onChange="recargarS2(this.value)" name="s1"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>   <select id="s2" name="s2"> </select> Si definimos la siguiente funcion javascript: ?Ver código HTMLfunction recargarS2(val){   //esperando la [...]

Filed under: configuraciones, Frames php, General, HTML, Javascript, Mysql, PHP | No Comments

Si quieres agregar los últimos tweets a tu blog o a tu web, el proceso es simple: 1- Copia y pega el siguiente código HTML en el lugar donde quieras que aparezca: ?Ver código HTML<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: ‘profile’, rpp: 4, interval: 6000, width: ‘auto’, height: 300, theme: { shell: { [...]

Filed under: configuraciones, Frames php, General, HTML, Javascript, Nuevas Tecnologias, Web 2.0 | 1 Comment

Como siempre IE7 y anteriores versiones nos traen problemas, en este caso un evento onClick=”document.form.submit()” en cualquier campo que no sea un anclaje produce un error en tiempo de ejecucion. Por lo que o bien usas el boton type=”submit” o usas un anclaje del tipo: ?Ver código HTML<a href="javascript:document.form.submit()" …. >enviar</a> IE sos Hooooorribleeeee!!

Filed under: HTML, Javascript | No Comments

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: ?Ver [...]

Filed under: configuraciones, Frames php, General, HTML, Javascript, Nuevas Tecnologias, Productos open source, Web 2.0 | No Comments

Aquí pongo un conjuntito de funciones javascript que sirven para validar NIF, CIF, Email, Telefono celular, telefono movil: ?Ver código JAVASCRIPT/** 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); } [...]

Filed under: General, HTML, Javascript | 2 Comments

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: ?Ver código HTMLdocument.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 [...]

Filed under: General, Javascript, Web 2.0 | No Comments

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: ?Ver código JAVASCRIPT  <script type="text/javascript" src="js/prototype.js"></script> …… <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ jQuery("#slider").easySlider({ numeric: true, continuous: true, auto: true, speed: 1200, pause: 6000 }); [...]

Filed under: General, HTML, Javascript, Web 2.0 | 23 Comments

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). ?Ver código JAVASCRIPT//si no hay parte decimal, agrega ceros , en este caso 2 ceros. var num = 10; var [...]

Filed under: General, Javascript, Web 2.0 | 3 Comments

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 [...]

Filed under: configuraciones, General, Javascript, Nuevas Tecnologias, Productos open source, Web 2.0 | No Comments

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 [...]

Filed under: General, HTML, Javascript, Web 2.0 | No Comments

Si quieres limitar la longitud de un textarea mientras se escribe, aquí les presento un pequeño código js muy facil de usar: ?Ver código JAVASCRIPT<script type="text/javascript">   function ismaxlength(obj){ var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "" if (obj.getAttribute && obj.value.length>mlength) obj.value=obj.value.substring(0,mlength) }   </script> Y en el campo textarea que coloques en tu página coloca lo siguiente: [...]

Filed under: General, HTML, Javascript | 2 Comments

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!

Filed under: General, Javascript, Nuevas Tecnologias | No Comments

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: ?Ver código JAVASCRIPT fileLoadingImage: ‘images/loading.gif’, fileBottomNavCloseImage: ‘images/closelabel.gif’, y las [...]

Filed under: Javascript, Productos open source, Web 2.0 | 2 Comments

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: ?Ver código JAVASCRIPTwindow.addEvent(’domready’, [...]

Filed under: General, Javascript, Web 2.0 | No Comments

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: ?Ver código JAVASCRIPTfunction changeState(check, element){ if(!check.checked){ element.setAttribute(’disabled’,'disabled’); //atributo y valor }else{ element.removeAttribute(’disabled’); //el atributo } [...]

Filed under: Javascript | No Comments