Salvar comillas con innerHTML

[_teseo_]

Hola a todos.

Estoy haciendo una web que tiene un sencillo foro. El foro, tiene para cada post, un boton para citar a ese post. Cuando se pincha el botón en cuestión, justo encima del TEXTAREA para escribir un mensaje en el foro aparece un DIV con el texto del mensaje citado.

Para escribir el mensaje citado en dicho DIV, hago:

Código Javascript:

document.getElementById('respondiendo').innerHTML="<P>"+texto_mensaje+"</P>";
 

Siendo texto_mensaje lógicamente la variable que contiene el texto del post a citar.

El problema está cuando ese texto tiene comillas, entonces sólo escribe hasta que aparece la primera comilla, el resto no aparece. ¿Cómo puedo salvar las comillas?

Un saludo

[Maganius]

Puedes replazar las comillas escapandolas para que no se te corte la consulta.

frase = texto_mensaje.replace(/[']/g,"\'");
alert(frase);

No lo probe supongo que funcionara

[IsaBelM]

es correcto lo que te exponen. también puedes reemplazarla por su entidad html

[zerokilled]

buenas,
me pregunto si no sería más sencillo clonar el elemento y pegarlo en el div. a no ser que el texto citado sea parte del mensaje a redactar por el usuario.

[_teseo_]

Pues he probado poniéndolo de todas formas posibles, y no funciona, no se si tengo algun error en la sintaxis. He probado:

texto_mensaje = texto_mensaje.replace(/["]/g,"\'");
texto_mensaje = texto_mensaje.replace(/\"/g," ");
texto_mensaje = texto_mensaje.replace(/\"/g,""");

... e incluso ya otras sin lógica, por probar, pero ninguna funciona. A ver si so os acurre algo para echarme un cable, que empiezo a desesperarme, no puedo avanzar por esta tontería.

[alexg88]

Vas a tener que darnos más código para poder ver exactamente de donde viene el problema.

[_teseo_]

Pues el código HTML que interviene en el asunto sería:

Código HTML:

<DIV id="responder">
    <P class="dijo">Responder citando a:</P>
    <DIV id="respondiendo">
    </DIV>
</DIV>
 

y el javascript...

Código ASP:

texto_mensaje=texto_mensaje.replace(/\n/g,"<BR>");
frase = texto_mensaje.replace(/["]/g,"\"");
document.getElementById('respondiendo').innerHTML="<P>"+texto_mensaje+"</P>";
document.getElementById('responder').style.display='block';
 

[IsaBelM]

no sería

.innerHTML="<P>"+texto_mensaje+"</P>";

sino

.innerHTML="<P>"+frase+"</P>";

[_teseo_]

Ya, eso no es, eso es porque esa linea la he copia del mensaje anterior. Eso está bien puesto en la web. Por eso no te preocupes ;)

[IsaBelM]

si ese no es el problema, el js no tiene ningún problema. puedes sobreescribir la variable tantas veces como quieras

var texto_mensaje = 'un texto con "entrecomillado" que serán reemplazadas\notro texto con "entrecomillado" que serán reemplazadas';
texto_mensaje=texto_mensaje.replace(/\n/g,"<BR>");
texto_mensaje = texto_mensaje.replace(/["]/g,"\"");
document.getElementById('respondiendo').innerHTML= "<P>"+texto_mensaje+"</P>";

[_teseo_]

jummmm... acabo de darme cuenta que el problema viene de antes pero sigo sin poder solucionarlo.

La función completa de javascript donde pensaba que estaba el problema es esta:

Código Javascript:

function responder_foro(id_mensaje, texto_mensaje)
    {
        mensaje_foro.respuesta.value=id_mensaje;
        texto_mensaje = texto_mensaje.replace(/["]/g,"\"");
        texto_mensaje=texto_mensaje.replace(/\n/g,"<BR>");
        document.getElementById('respondiendo').innerHTML="<P>"+texto_mensaje+"</P>";
        document.getElementById('responder').style.display='block'; 
    }
 

El parámetro llamado "texto_mensaje" que recibe, viene de un campo tipo hidden que contiene dicho texto...

Código HTML:

<INPUT type="hidden" name="texto_mensaje<?php echo $i; ?>" value="<?php echo $fila3['texto_mensaje_foro']; ?>">
 

...donde $fila3['texto_mensaje_foro'] ha sido extraido de la BD.

Puse el campo hidden como tipo text y me di cuenta que es ahi donde está el problema. Es ahí donde no me escribe ya todo lo que hay a partir de las primeras comillas, ni las primeras comillas tampoco, es decir:

Si el texto es este: Probando "esto esta entre comillas"...
... me escribe en el campo: Probando

Comprobé que en la base de datos está el texto completo con las comillas, y que la pagina que guardaba ese valor en la BD pasaba antes el addslashes a la variable.

Aún asi he probado a poner addslashes también cuando escribo el texto en el value del campo:

Código HTML:

<INPUT type="text" name="texto_mensaje<?php echo $i; ?>" value="<?php echo addslashes($fila3['texto_mensaje_foro']); ?>">
 

Pero entonces pasa lo siguiente...

Si el texto es este: Probando "esto esta entre comillas"...
... me escribe en el campo: Probando \

A ver si alguien sabe que estoy haciendo mal, que me está desesperando ya bastante este problema.

PD: Igual habia que cambiarlo de foro ya que este problema ha dejado de ser de javascript...

[Panino5001]

Si tu problema viene de php deberías ensayar una solución en ese lenguaje. Fijate si esto te da una idea:

Código PHP:

  <?php
function js_encode($s){
    $texto='';
    $lon=strlen($s);
    for($i=0;$i<$lon;++$i){
        $num=ord($s[$i]);
        if($num<16) $texto.='\x0'.dechex($num);
        else $texto.='\x'.dechex($num);
    }
    return $texto;
}
$texto=utf8_decode('Este es un texto que tiene
saltos de línea y "comillas". Veremos cómo se ve en javascript.');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="ejemplo"></div>
<script type="text/javascript">
document.getElementById('ejemplo').innerHTML='<?php echo js_encode($texto) ?>';
</script>
</body>
</html>  

Si mirás el código fuente resultante verás cómo realiza el escape la función php. (utf8_decode puede obviarse si tu servidor codifica adecuadamente -no es mi caso-).