Gracias por tu visita, tus comentarios son muy importantes

viernes, 7 de octubre de 2011

Problemas con Zend PDT y Aptana Studio 3

Hoy me encontraba intentando integrar Aptana Studio 3 en mi Zend PDT pero al momento de agregar la dirección del plugin de Aptana y una vez finalizada la instalación y reiniciar el IDE, resulto con un error en los editores y dejo de funcionar el highlight del código.

Buscando en muchos sitios la manera de solucionar este problema, me molesto que no encontraba la solución y me di a la tarea de pensarle un poco el por que de ese problema. La lógica me salió y fué determine que el Aptana Studio instala el edito de PHP pero, ¿para qué instalar el editor si el PDT ya lo tiene integrado? entonces con el simple hecho de ir a la carpeta de instalación y dirigirme al directorio de los plugins, eliminé todo lo relacionado con Aptana y PHP y Voila. El IDE inicio sin problemas y con el plugin de Aptana funcionando.

Si les ayudo este post comenten, saludos...

lunes, 12 de septiembre de 2011

Detectar Click fuera de un Elemento con jQuery

El otro día de encontraba con un compañero de trabajo que estaba batallando para manipular un evento en un dropdown menú que habia hecho,
y el problema era que quería que una vez que le daba click en el menú y se expadía al hacer click fuera de este elemento este se volviera
a colapsar. Hay muchos lugares que presentaban un solución aparente pero aqui muestro un código que puede funcionar para muchos casos.



El código es muy simple pero la magía que hace jQuery es genial. Si se le da click en un html cualquiera se va a esconder el menú, así que para evitar esto
en nuestro elemento detenemos esta acción con stopPropagation(). Aquí lo que estamos haciendo en realidad es que estamos manipulando eventos.

El primer evento que sucede es el click de nuestro selector 'html', entonces si le damos click en '#dropList' el primer evento en responder es el de mayor jeraquía que es 'html', entonces se corre el metodo de esconder el menú.

En el segundo evento si le damos click en '#dropList' se va a esconder aunque este no se encuentre visible y para indicarle que este elemento es el que queremos usar, detenemos la ejecución de eventos padre con stopPropagation() y ejecutamos el de nuestro elemento '#dropList'.

No hay mucha ciencia pero si se desea mas informacrion de stopPropagation() pueden consultarla aquí. :D

Error 500 internal server error !

The other day I was working on a site and encounter with this error, thinking myself that this was from the server admin I complained to him, since he didn't find the error I got myself to work and found a solution, this may not work to everyone but I did to me. This was the error that I get:



I solve this problem by changing the permission to the file where I was having the error to 0644 and then everything worked like a charm.

Just to add a few comments of this. I made this mistake when I was updating a file with the Aptana Studio 3, It results that I changes the permission and you have to be aware when you upload you files.

domingo, 10 de julio de 2011

Crear un Dialogo simple con jQuery UI

Como pueden leer en la parte de arriba, les voy a mostrar como hacer un dialog simple de jquery. El dialogo consta de un título, un simple mensaje y el boton de aceptar.

Conforme los usuarios vayan opinando ire mostrando opciones para poder manipular el dialogo, pero las mas comunes y que voy a usar aqui es que el dialogo se muestre en forma Modal. ¿Qué significa esto? que al mostrar un dialog en la forma Modal este ocupara toda la pantalla del navegado hasta que el usuario lo cierre. Aquí el ejemplo.

  • Mostrar Dialogo


  • y el código que nos produce este resultado es el siguiente:



    El código de arriba es lo que hace la magia con jQuery, y estamos diciendo que sea modal, con un tamaño de 250x250 pixeles y que tenga un posición de 150x150 pixeles con respecto a nuestro explorador, ya que el dialogo aparece en posición absoluta.

    Pero falta de mencionar algo. ¿En donde esta esa información que aparece en el dialogo? La respuesta es muy simple. Es un codigo html que ponemos dentro de una "div" el cual contiene el ID al cual vamos a hacer la referencia con jQuery, el Título de nuestro dialogo y finalmente el contenido que deseemos con un lindo boton. El html es escondido por jQuery UI y se mostrará cuando uno se lo indique. El codigo html es el siguiente:



    Si tienen alguna duda respecto al código no duden en ponerla, recuerden que pueden encontra mas informacion del Dialogo en aquí

    Este es un simple dialogo hecho con jQuery, yeah !!

    No olvides dejar tus comentarios :D