2: expresion regular y getAttribute('style') trae en RGB :(

monoswim · #1 (**permalink**) 25/01/2009, 12:13

Hola gente, tengo una expresión regular

": [^;]*;"

que me toma perfecto cuando un string tiene

:#FFFFFF;

pero no funciona cuando el string tiene

: rgb(0, 102, 153);

y debería funcionar, si le estoy diciendo que capture todo lo que no sea punto y coma...

Gracias de antemano !

Saludos
PD: El problema se origina al usar getAttribute('style') en FF trae el color en formato RGB cuando en verdad lo tengo en #FFFFFF. ¿alguien sabe como traer directamente el código en #FFFFFF ? eso me solucionaría todo el problema

Panino5001 · #2 (**permalink**) 25/01/2009, 13:13

Así funciona:

Código:

<script>
var exp=': rgb(0, 102, 153);';
var pat=new RegExp('(:[^;]*);')
alert(exp.match(pat)[1])
</script>

No sé si es lo que querías.

Fernand0 · #3 (**permalink**) 25/01/2009, 13:39

Código javascript:

Ver originalfunction toHex(R, G, B)
        {
            var Lets='ABCDEF';
            var R=rHex(toLet(R).m)+rHex(toLet(R).p);
            var G=rHex(toLet(G).m)+rHex(toLet(G).p);
            var B=rHex(toLet(B).m)+rHex(toLet(B).p);
            
            var Ret=('#'+R+G+B).toUpperCase();
            return(Ret);
            
            function toLet(Ch4r)
            {
                var c0nd=/\./;
                for(var i=0; i<=15; ++i)
                {
                    var tCh4r=((Ch4r-i)/16).toString();
                    if(!tCh4r.match(c0nd)) return{ m: tCh4r, p: i };
                }
            }
            function rHex(Ch4r)
            {       
                for(var i=0; Lets[i]; ++i) { if(Ch4r==(10+i)) return(Lets[i]); }
                return(Ch4r.toString());
            }
        }

No me funciona el cerebro en este momento como para pensar en una forma mas corta... lo tengo hace mucho eso... seguro hay una forma mas corta... despues la subire... pero que funciona funciona..

monoswim · #4 (**permalink**) 25/01/2009, 20:20

Cita:

No sé si es lo que querías.

Es exactamente lo que quería, igual probando tu código me di cuenta que el mio no funcionaba por un simple espacio en blanco

A fernand0, gracias por el código, pero no entiendo ni J...además no quiero colocar códigos raros, mejor lo fácil y standard

Saludos y gracias a ambos...
PD: Si alguien sabe como traer el atributo style sin formato RGB se los agradecería mucho !

caricatos · #5 (**permalink**) 26/01/2009, 01:21

Hola Esteban

:

Aunque no es exactamente lo que quieres (no sé si tiene respuesta), se puede definir una función "rgb" con los 3 componentes como parámetro...

Código:

<script type="text/javascript">
 var _h = "0123456789ABCDEF";
function rgb(rr, gg, bb) {
 _RGB = "#" + _h.charAt(rr / 16) + _h.charAt(rr % 16);
 _RGB += _h.charAt(gg / 16) + _h.charAt(gg % 16);
 _RGB += _h.charAt(bb / 16) + _h.charAt(bb % 16);
 return _RGB;
}
</script>

Y como ejemplo:

<body style="color: #eeeeaa" onload="c = document.body.style.color;
alert((c.charAt(0) == '#') ? c:eval(c));">

No me gusta usar eval, pero este caso es una excepción...

Saludos

Fernand0 · #6 (**permalink**) 26/01/2009, 03:21

monoswim.. es una function para pasar rgb a HEX(#FFF).. pero bastante "tonta".. ahi caricatos te paso la forma "inteligente"..

monoswim · #7 (**permalink**) 26/01/2009, 06:11

Disculpen mi falta de información, el tema es que mediante la función getAttribute('style') estoy tomando los estilos de los tags para editarlos...

me toma todos los estilos en un string y me los coloca en un input text para editarlos...

Por eso no se como pasarlo a #, no tengo directamente un estilo, sino varios y hasta puede aparecer en color, background, border y todas las propiedades que definan algún color...

Saludos y gracias a todos por ayudarme...

caricatos · #8 (**permalink**) 26/01/2009, 09:08

Hola:

Cita:

Iniciado por Fernand0

monoswim.. es una function para pasar rgb a HEX(#FFF).. pero bastante "tonta".. ahi caricatos te paso la forma "inteligente"..

Cuando vi tu código me trabé un poco por la complejidad, pero ahora veo que hace lo mismo que el mío, aunque no termino de entenderlo... te comento una anécdota de cuando estudiaba formación profesional (la carrera: técnico especialista en informática de gestión)... mi profe nos enseñó su manera de convertir un número en su "string"... ya sabes, en Pascal, que es "fuetemente tipado"... y nos desarrolló un rollazo con un switch case que aburría, y en el siguiente exámen preguntó justamente eso..., y mi respuesta fué una función recursiva de 4 líneas que al corregirla la pasó por alto y me suspendió... claró que reclamé, y usó su número de pruebas para (comprobar que mi código "tenía" que fallar) y en conclusión, terminó aprendiendo de su alumno...

Cita:

Iniciado por monoswim

Disculpen mi falta de información, el tema es que mediante la función getAttribute('style') estoy tomando los estilos de los tags para editarlos...

me toma todos los estilos en un string y me los coloca en un input text para editarlos...

Por eso no se como pasarlo a #, no tengo directamente un estilo, sino varios y hasta puede aparecer en color, background, border y todas las propiedades que definan algún color...

Saludos y gracias a todos por ayudarme...

Esteban: No tengo idea de tu intención, pero también puede estar en un input esa función, pero si quisieras editar colores, se te complicaría un poco la aplicación... de todos modos, en la página de mi perfil hay un destripador y un inspector DOM donde se pueden editar estilos y atributos... si fuese algo más complejo no dudes en plantearlo que en este foro hay unos pocos "maestros"...

Saludos

Fernand0 · #9 (**permalink**) 26/01/2009, 10:18

monoswim
O sea.. vos queres obtener el color en HEX directamente... que yo sepa no se puede directamente obtenerlo... porque automaticamente cuando vos lo seteas el browser lo pasa a RGB...

Lo que podes hacer es usar split(u otra herramienta que maneje texto) para obtener los valores de RGB de la obtencion del color(el getAttri)....
Una vez que obtenes los 3 colores los pones en la function que puso caricatos.. y te va a devolver el color en HEX

caricatos
Ahm.. no entendi bien la relacion(lo que me quisiste decir) de la anecdota.. pero interpreto intencion de motivacion... pense mi function en base al calculo de hex a rgb... e hice lo inverso... pero la hice hace mucho tendria que cambiarla bastante
gracias

monoswim · #10 (**permalink**) 26/01/2009, 11:20

ok, gracias a ambos, creo que terminaré usando la función de pasaje de RGB a HEX...será un poco más de código pero bueno, tampoco tanto...

Saludos