Caracteres HTML en Javascript

chicohot20 · #1 (**permalink**) 12/09/2009, 10:08

Hola chicos.

Tengo el siguiente Codigo:

Código HTML:

<code id="codigo">
<input type="text" value="€&lt;&quot;&gt;'&amp;" />
</code>

<script>
alert(document.getElementById("codigo").innerHTML);
</script>

En la siguiente Imagen estan las pruebas(al ejecutar el código):

Porque se ve diferente en IE? porque cambia el value del input?
COMO PUEDO TRATAR LOS CARACTERES ESPECIALES HTML EN JAVASCRIPT?

zerokilled · #2 (**permalink**) 12/09/2009, 15:03

es bastante curioso y todavia no lo tengo muy claro. parece que los navegadores tienen sus preferencia en como mostrar el codigo fuente y especificamente cuando tiene entidades. por ejemplo, las entidades sigma, copyright y registered se muestran como un caracter simple (comprobado en Fx3, iexplorer7, y chrome2) en innerHTML en lugar de la entidades ∑ © ®

Adler · #3 (**permalink**) 12/09/2009, 15:39

Hola

¿Has probado a usar su número en vez de su nombre? Separo el amp para que no se ejecuten

€& #60;& #34;& #62;'& #38;

Suerte

zerokilled · #4 (**permalink**) 12/09/2009, 16:56

¡sigo pensando que es bastante intrigante esta cuestion! en el siguiente codigo he usado la sugerencia de Adler. fijense las entidades dentro del input y fuera, especialmente en iexplorer. me hace pensar si tiene algo que ver con que el atributo value es CDATA o si son simples capricho de cada navegador. nota: quitar los guiones en las entidades.

Código:

<!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"><head><title>CDATA</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>

<body>
<p id="code">&lt; &gt; &-#060; &-#062; &-#038; &amp; &-#174; &-#169; &reg; &copy;
<input value="&lt; &gt; &-#060; &-#062; &-#038; &amp; &-#174; &-#169; &reg; &copy;" /></p>
<script type="text/javascript">
alert(document.getElementById('code').innerHTML);
</script>
</body></html>

el resultado que obtuve

Adler · #5 (**permalink**) 13/09/2009, 07:15

Algo mas aproximado a lo que buscamos sería esto

Cita:

<%
Dim caracteres
caracteres = "< > &-#060; &-#062; &-#038; & &-#174; &-#169; ® ©"
%>
<p id="code">
<input type="text" value="<%=Server.HTMLEncode(caracteres)%>" /></p>
<script type="text/javascript">
alert(document.getElementById('code').innerHTML);
</script>

Claro está usamos lenguaje del lado del servidor(ASP). Digo al mas aproximado por que esto

&-lt;

quedaría como

&amplt;

Suerte

chicohot20 · #6 (**permalink**) 13/09/2009, 10:19

Bueno chicos les agradezco a todos por sus respuestas, pero definitivamente no le encuentro solucion a esto. Al ingresar datos a mi BD desde una pagina web, hay cinco caracteres especiales que los transformo a HTML: & ' < > " --- & ' < > " Estoy usando Jquery para una tabla dinamica, utilizo el innerHTML para cargar contenido dinamico, éste innerHTML es el problema, por ejemplo el < lo cambia a < y no lo carga en el otro contenedor tal como es(Esto solo pasa con IE).

Ejemplo:

<div id="origen">
<input type="text" value="Juan "> Perez" />
</div>

Tengo el div origen, y cargo su contenido en el div destino y lo pasa así:

<div id="destino">
<input type="text" value="Juan "> Perez" />
</div>

Obviamente hay un error en este codigo.

Tendré que buscar otras opciones.

America|UNK · #7 (**permalink**) 13/09/2009, 10:46

y si el & lo reemplazas por & ?

Código javascript:

Ver originalorigen.replace("&","&amp;");

o desde el servidor.

Adler · #8 (**permalink**) 13/09/2009, 13:53

Hola

Pensando en voz alta

¿Y si usar el value del text en vez de innerHTML?. Veamos, la idea sería esconder el div destino, ante el evento que sea darle valor al text y mostrar el div

Cita:

document.getElementById("destino").value = "Juan "> Perez";

<div id="destino">
<input type="text" value="" />
</div>

Suerte