Foros del Web » Creando para Internet » Diseño web »

Problema con un highlight sencillo

Estas en el tema de Problema con un highlight sencillo en el foro de Diseño web en Foros del Web. Buen día compañeros del foro. Estoy creando un pequeño highlight para un código. He comenzado con resaltar las etiquetas para los xml, mostrando el código ...
  #1 (permalink)  
Antiguo 15/08/2010, 02:50
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Problema con un highlight sencillo

Buen día compañeros del foro.

Estoy creando un pequeño highlight para un código. He comenzado con resaltar las etiquetas para los xml, mostrando el código en un div con el siguiente código:

Código PHP:
function highlight(code){
  var 
codeb code.replace(/&/g'&');
  
codeb codeb.replace(/</g'<span class="xmltag">&lt;');
  
codeb codeb.replace(/>/g'></span>');
  
codeb codeb.replace(/n/g'<br/>');
  
document.getElementById('visual').innerHTML codeb;

Y en el CSS, esta línea:

Código:
.xmltag{color:#00f}
Sin embargo, el color puesto en xmltag no es reconocido por el código final. ¿Alguien sabe que puede ser que se me esté escapando?
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #2 (permalink)  
Antiguo 15/08/2010, 11:09
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con un highlight sencillo

Hola DaPhyre

Con tan poca info, es difícil saber qué ocurre o qué influye (sin entrar en la parte de programación, que supongo habrás verificado que genera bien el código html).

Aparentemente en tu regla css no hay error. La falta del espacio en blanco entre el nombre de la clase y la llave /{/ no debería influir, así como la ausencia del /;/ del cierre de la declaración /propiedad:valor/ pues sólo hay una y queda finalizada con el cierre de la regla /}/.

Échale un vistazo al código generado con el firbug o equivalente para ver qué declaración prevalece sobre ella.

Atentamente
  #3 (permalink)  
Antiguo 15/08/2010, 14:48
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problema con un highlight sencillo

¡Muchas gracias por tu respuesta! (Y que alegría verte de nuevo )

Después de analizarlo con la extensión, descubrí que el problema está en el JavaScript. Comienzo sustituyendo todos los < por el código de inicio y luego los > por el código final. El problema es que para este momento, también me transforma todos los > del span, por lo que terminan siendo casi-casi omitags y no se aplican los estilos.

Intente cambiarlos de lugar, pero ahora me ocurre exactamente lo opuesto. Necesito encontrar una forma de cambiar ambos al mismo tiempo o hacer una solución alterna. Ya idearé algo, supongo. Muchas gracias por tu respuesta
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 15/08/2010, 15:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con un highlight sencillo

Lo mismo digo, "del verte", daPhyre.

Me alegra ver que una respuesta desatinada te hizo hallar el origen del problema.
Suerte en su resolución.

Atentamente
  #5 (permalink)  
Antiguo 16/08/2010, 02:45
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problema con un highlight sencillo

Gracias de verdad. Aquí está el resultado de tu cooperación, por si te da curiosidad: http://www.forosdelweb.com/f91/proye...unirse-833796/

Seguimos en contacto ;)
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: highlight, sencillo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:12.