Problema con el innerHTML

silentdeepvm · #1 (**permalink**) 06/05/2011, 09:54

Hola, tengo un problema con el innerHTML al quere colocar un valor de B&B. Debido a que luego que lo coloco el resultado que me muestra es el siguiente B. Al parecer me elimina todo lo que viene despues del &. No entiendo debido a que. Si seria tan amables de explicarme y darme una solucion. Aqui les dejo el codigo para que me entiendan. A y este problema solo me da en el IE en el Chrome si me funciona con normalidad
Saludos

<html>
<head>
<title>Probando</title>
<script type="text/javascript" language="JavaScript">

function color(campo){

document.getElementById("lblcantidad").innerHTML=c ampo.value;

}

</script>
</head>
<body>
<h2>Problema con el B&B</h2>
<form name="form">
<input type="text" name="txtprueba" value="B&B" onblur="color(this)" />
<br />
<label id="lblcantidad"></label>
</form>
</body>
</html>

zerokilled · #2 (**permalink**) 06/05/2011, 10:28

buenas,
lo que sucede es que estas usando innerHTML. recuerda que esta propiedad acepta codigo html y el navegador debe analizarlo. de modo que ciertos caracteres en html tienen un significado especial para el analizador. el ampersand (&) es uno de ellos el cual se utiliza para introducir entidades. en este caso el navegador entiende que has intentado introducir una entidad, pero como no exsite entonces no muestra nada. en algunos navegadores, si la entiendad no se encuentra entonces introduce el texto de forma literal. si quieres mostrar dicho caracter, debes usar la entidad que representa a este, &

silentdeepvm · #3 (**permalink**) 06/05/2011, 11:53

Gracias por tu respuesta zerokilled. Bueno necesito que me llegue ese valor a si esque modifique el codigo. Si alquien lo necesita aqui lo pongo. Gracias por tu ayuda. Saludos

<html>
<head>
<title>Probando</title>
<script type="text/javascript" language="JavaScript">

function color(campo){
var nuevo="";
var longitud=campo.value;
var numero=longitud.length;
for(var i=0;i<numero;i++){
valor=longitud.charAt(i);
if(valor=="&"){
nuevo+="&";
}else{
nuevo+=valor;
}
}
document.getElementById("lblcantidad").innerHTML=n uevo;

}

</script>
</head>
<body>
<h2>Problema con el B&B</h2>
<form name="id">
<input type="text" name="txtprueba" value="B&B" onblur="color(this)" />
<br />
<label id="lblcantidad"></label>
</form>
</body>
</html>

_cronos2 · #4 (**permalink**) 06/05/2011, 14:15

También con regexps:

Código Javascript:

Ver originalstr = str.replace(/&/g, '&amp;');

Saludos (: