Diego Di Camillo

Voy a mostrar un ejemplo de integración de pago utilizando la pasarela PAYPAL, configurada como “Pagos en Sitio Web” en una cuenta EMPRESA. ACLARACION La integración propuesta en este post no es para CARRITOS DE COMPRA propios o de terceros como VIRTUEMART , OS-COMMERCE, MAGENTO o cualquier otro. Este post muestra un ejemplo para pagar [...]

Filed under: configuraciones, Frames php, General, HTML, Nuevas Tecnologias, PHP, Productos open source, Web 2.0 | 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

CKEDITOR es un excelente editor WYSIWYG , pero tiene una pequeña falencia (no asi su primo FCKEditor) que es el upload de fotos/imagenes desde tu PC al servidor para incrustar en los textos. Para solucionar esto de manera natural y sin tocar el codigo de CKEDITR, te propongo usar ese plugin muy bueno: 1- Descarga [...]

Filed under: configuraciones, General, Nuevas Tecnologias, PHP, Productos open source, Web 2.0 | 10 Comments

La siguiente es un excelente plugin para subir archivos mediante AJAX, sin recargar la pagina. Entre sus caracteristicas, este plugin permite: – Subir varios archivos a la vez – Subir archivos con solo arrastrar y soltar (drug & drop) en FF y Chrome – No requiere recargar pagina – Accion a realizar post-subida archivo (por [...]

Filed under: configuraciones, General, HTML, Nuevas Tecnologias, Productos open source, Web 2.0 | 7 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

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

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

Si nos encontramos en la necesidad de mudar nuestra pagina, pero no queremos perder el PR de google, uno de los artilugios que estan permitidos en el standard de HTML es utilizar en el Header una redireccion permanente codigo 301 o temporal codigo 302. Si queres saber si una URL utiliza este mecanismo de redireccion [...]

Filed under: HTML, Joomla!, PHP, Web 2.0 | No Comments

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

Filed under: Javascript, Nuevas Tecnologias, Web 2.0 | No Comments

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

Filed under: General, Javascript, Web 2.0 | 1 Comment