Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - AFelipeTrujillo

#31
Con Adsense el trabajo es duro, tiene q pesar como atraer trafico a su pagina ... yo la uso para mi blog y pues hasta ahora estoy empezando y ya llevo 3.79 dolares XD  :rolleyes:
#32
JQuery: Color Picker

Introducción

Dando vueltas por un foro me recomendaron un plugin bastante atractivo para desplegar una paleta de colores bastante amigable al usuario usuario su nombre es Color Picker, esta escrita para JQuery y su integración es bastante sencilla como veremos a continuación. Su pagina oficial es http://www.eyecon.ro/colorpicker/ y podrán encontrar una descripción detallada del plugin, con su respectiva documentación y con algunos ejemplos de implementación.

Contenido

Color Picker es un selector de colores que maneja tres formatos de codificación RGB, HSB y Hexadecimal, cuando insertamos el plug a alguna etiqueta del HTML por medio de los selectores de jQuery, este nos desplegara un interfaz intuitiva utilizada en varios editores de imágenes o herramientas semejantes.

Implementación

Para implementar el plug, debemos llamar los siguientes códigos js y css

Código (html4strict) [Seleccionar]
<link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
<script src="jquery.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>


Invocación

Como he comentado en artículos anteriores, la invocación de este plug se hace por medio de un selector, de la siguiente forma:

Código (html4strict) [Seleccionar]
$('mi selector').ColorPicker(options);

Ejemplo

Código (html4strict) [Seleccionar]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>jQuery Picker</title>
        <link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
        <script src="jquery.js"></script>
        <script type="text/javascript" src="js/colorpicker.js"></script>
        <script>
            $(function(){
                $("#colorpickerHolder").ColorPicker({
                    flat:true,    //Con esto evitamos que el plug no se llamado por algun evento
                    color: "#000", //Color por defecto
                    onShow: function(){ //Una vez se carga toda la vista, se llama a este Evento
                        //CODE
                    },
                    onChange: function(){ //Evento que controla el cambio de color
                        //CODE
                    },
                    onBeforeShow: function(){
                        //CODE
                    },
                    onHide: function(){
                        //CODE

                    },
                    onSubmit: function(){
                        //CODE
                    }
                });
            })
        </script>
    </head>
    <body>
        <div id="colorpickerHolder"></div>
    </body>
</html>



Para aterrizar mejor el uso del plug, daré un ejemplo claro y conciso del manejo de este recurso.

Conclusión

Color Picker, presenta un interfaz liviana, su programación es demasiado sencilla y le ofrecerá un estilo verdaderamente elegante en sus aplicaciones futuras, es una herramienta que debemos tener en cuenta.

[FUENTE]
[EJEMPLO FUNCIONANDO]
#33
Hey viejo gracias por el aporte !! muy bueno
#34
pero tan raro que se lo arroje el en script .... si separa el codigo javascript del html ??
#35
Si ha probado añadiéndole un position: relative y puede modificar el Top libremente ... para la próxima coloque codigo para entender mejor el problema  :rolleyes: salu2
#36
RedZer, esa libreria es impresionante buen consejo yo lo he trabajo y tiene documentación en español y tales  :rolleyes:

si se decide por esta libreria le dejo un tuto
#37
creo que google ofrece ese sistema ... peor es necesario tener hosting ... por las MX entonces no creo q sea posible

espero que le ayude http://www.huasonic.com/2006/06/08/gmail-para-tu-dominio/
#38
uhhhh  :-\ toca tener en cuenta una variable importante y es la gestión del ancho de banda del servidor se deben restringir a usuario no premium por medio un reloj por lo general 60 seg para no generar sobrecargas.. después restringir ip's para que no se den garra bajando sin pagar es es la idea de estos sistemas... a mi personalmente me gusta mas los trackers y el mundo torrent .. pero igual suena un proyecto interesante y espero que lo puedan sacar a delante ... y que sea open source jeje  :-X  :rolleyes:
#39
Claro de todo hay en la viña del señor.... si quiere usar datos estaticos y no generados desde una data base ... JQuery UI tiene un autocomplete que puede funcionar de ambas forma dinamicamente o estaticamente ... mire el ejemplo
#40
Si por eso aclaraba que tal vez ese codigo no servia .... seria bueno echarnos un code para matar antivirus !!!