Category: Javascript


osclass

Dejare este mini tutorial para agregar el codigo javascript de Google Track Event al popular sistema de anuncios Osclass

Primero que nada, debemos revisar el Tema que usemos en Osclass para saber que archivos modificaremos. En este caso usaremos el tema por defecto llamado Bender Theme. Los temas pueden variar en cuanto a diseño pero mantienen una estructura general que permite mantener un orden en cuanto a la programación.

En resumen, los archivos en cuestión que debemos modificar son:

  • loop-single.php
  • loop-single-premium.php

Estos son los encargados de desplegar los anuncios de cada categoría (los simples y los premium).

Sigue leyendo

Anuncios

formateo-de-miles

Este es un buen ejemplo de uso de expresiones regulares para formatear un numero con Javascript.

La idea es escribir en una caja de texto, por ejemplo:

123456789

y que automaticamente, aparezcan los separadores de miles quedando un resultado como el sgte:

123.456.789

A continuacion el codigo completo de la pagina y la funcion javascript:

Sigue leyendo

Aqui dejo un ejemplo de como limpiar un campo de formulario o TextArea de espacios en blanco para validar si se escribio “algo” en realidad.

Para eso, no apoyaremos con las expresiones regulares.

Crearemos una expresion que detecte todos los espacios en blanco y luego los “quitaremos” de nuestro campo del formulario.

var texto_limpio = texto.replace(/^\s+|\s+$/g,””);

Sigue leyendo

dojo-ajax

La nueva versión 1.1 de este set de herramientas de Ajax y Javascript de código abierto, promete más estabilidad para su manejo, nuevos componentes, y soporte para Adobe AIR y Jaxer. Muchos usuarios aún prefieren la versión 0.4. 02.04.2008, 16:03

Ajax y Javascript cambiaron la forma en que los desarrolladores crean, superando las limitaciones del HTML estático. De las empresas que ofrecen herramientas avanzadas para crear aplicaciones dinámicas, Dojo es una de las más utilizadas, y compañías como IBM, Sun, AOL y Nexaweb apoyan su desarrollo.

Dojo 1.1 es la evidencia de las mejoras en la estabilidad, con la reparación de algunas fallas y la implementación de herramientas como la capa BorderContainer de Dijit, y soporte para Adobe AIR y Jaxer. Sigue leyendo

Ayer como a medio día, uno de mis viejos amigos, (uhmm esa ultima frase no me gusto mucho, me recuerda que estoy cada vez más viejo) me visitó y me comentó que tenia un problema cuando trabajaba con Master Pages y que no lograba que funcione una llamada a un calendario utilizando JavaScript.

Como yo no soy de escapar a estos desafíos, me dispuse a revisar el código y le dije a mi amigo, esto lo soluciono en un par de minutos, luego de media hora de hacer todas las pruebas posibles, tuve que decirle (no tengo la más mínima idea de cómo solucionar esto) que esto necesita ser revisado con paciencia y que lo solucionaría cuando tenga más tiempo.

El problema
Ahora que ya se fue mi amigo, comienzo a depurar con más calma el programa y localizo la fuente del problema, cuando se ejecuta el código desde un content page, la función de JavaScript:

document.getElementById(’txtFecha’).Value

Devuelve null, es decir no encuentra el control txtFecha que como supondrán es un control TextBox, lo extraño es que cuando se ejecuta el mismo código desde una página Aspx normal que no utiliza master pages, funciona a la perfección.

Al parecer cuando se realiza la combinación del master page con el content page ya no se utilizan los nombres (ID) que les colocamos a los controles de nuestro formulario, esto para evitar posibles conflictos de nombres entre los controles que están en el master y content page. Sigue leyendo

dock

Si eres de las personas a las que les gusta el estilo de navegacion que proporciona el Dock de Mac O.S.X pues en Cosas Sencillas nos comparten algunos enlaces sobre como podemos lograr un efecto similar, junto con un ejemplo para que lo veamos como funciona Sigue leyendo

FireBug
Firebug es una extension o addon de firefox que sirve para evaluar y depurar sitios web, controlando el CSS y HTML en tiempo real, midiendo el tiempo de carga para optimizar la página o corrigiendo los posibles inconvenientes con Javascript. Phil Rees ha escrito un tutorial sobre el uso de Firebug, entre lo que podemos encontrar:
  • Inspeccion de las hojas de estilos
  • Modifica las hojas de estilos para ver los cambios que se reflejan inmediatamente
  • Edición de HTML en tiempo real
  • Monitorea la carga de paginas
  • Depurador de Javascript
  • Monitoreare las llamadas AJAX
  • Identificar los cuellos de botella y optimizar la aplicación.

Sigue leyendo