Mostrar texto al pulsar un enlace

germanpr · #1 (**permalink**) 02/03/2006, 04:08

Hola, estoy intentando hacer una cosilla en una web y es la siguiente.

Tengo una tabla con dos columnas. La primera columna tiene varias filas y llevan un texto, la segunda columna tiene solo una celda que en un principio esta vacía. Mi idea es que al pulsar sobre algunos de los enlaces de texto, se cargue en la celda vacía una información que en concreto seria una imagen y un texto descriptivo de esa imagen.

Me dijeron algo de utilizar el ID de la celda pero no tengo ni idea de como puede hacerse.

Un saludo

JavierB · #2 (**permalink**) 02/03/2006, 04:36

Hola germanpr

Prueba este código:

Código:

<html>
<head>
<script type="text/javascript">
function mostrar(ima,texto) {
  document.getElementById('im').src = ima;
  document.getElementById('txt').innerHTML = texto;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td onclick="mostrar('imagen1.gif','Hola tú')">Texto 1</td>
<td onclick="mostrar('imagen2.gif','Hasta pronto')">Texto 1</td>
<tr>
<tr>
<td><img id="im" src="" /><span id="txt">&nbsp;</span></td>
</tr>
</table>
</body>
</html>

Saludos,

germanpr · #3 (**permalink**) 02/03/2006, 04:45

funciona de maravilla, muchas gracias :P

germanpr · #4 (**permalink**) 09/03/2006, 11:34

hace unos dias puse este post y me resolvieron la duda que tenia, pero el problema que tengo ahora es el siguiente.

He mezclado el script que puso el compañero javierB con php tal que saco una serie de textos de una BD mediante PHP. La cosa es que pongo lo siguiente:

<?php
//saco todos los datos
$texto = mysql_result($result,$i,"texto");
?>

A la hora de poner el texto para que al pulsarlo me aparezca el texto hago lo siguiente
<td onclick="mostrar('<?php echo nl2br($texto_)')">MostrarTexto Largo</td>

Y despues para mostrar el texto pongo

<span id="txt"> </span>

La funcion es la misma pero un poco retocada:

<script type="text/javascript">
function mostrar(texto) {
document.getElementById('txt').innerHTML = texto;
}
</script>

La cosa es la siguiente:

Si la variable $texto es un texto pequeñito lo muestra sin ningun problema pero cuando la variable es un texto mas grande, no me hace nada.

Por que puede ser?

Un saludo.

jahepi · #5 (**permalink**) 09/03/2006, 11:44

Hola germanpr!

No se si sea un error de escritura aquí en el foro o en realidad tu código esta así pero fíjate en esta línea:

Código PHP:

 
<td onclick="mostrar('<?php echo nl2br($texto_))">MostrarTexto Largo</td>

No cierras la etiqueta <?php, tendría que ser así:

Código PHP:

 
<td onclick="mostrar('<?php echo nl2br($texto_) ?>')">MostrarTexto Largo</td>

Un saludo!

germanpr · #6 (**permalink**) 09/03/2006, 11:52

ha sido un error de escritura en el foro, la etiqueta de verdad esta bien cerrada.

jahepi · #7 (**permalink**) 09/03/2006, 12:01

Cita:

Iniciado por germanpr

ha sido un error de escritura en el foro, la etiqueta de verdad esta bien cerrada.

ahh, OK, me lo suponía

Bueno, mmmm..., ya checaste en el código fuente si la función nl2br te esta devolviendo el texto correctamente en donde no te aparece?

Un saludo!

germanpr · #8 (**permalink**) 09/03/2006, 12:04

uuumm he descubierto que el problema esta en que el texto en si tiene saltos de linea, es decir, tiene varios parrafos. La funcion nl2br la usaba para que php me mostrara estos parrafos tal y como son, pero se ve que con javascript no se acepta bien esta funcion o algo, asi que no se que es lo que pasa...

alguien me puede ayudar?

jahepi · #9 (**permalink**) 09/03/2006, 12:35

Cita:

Iniciado por germanpr

uuumm he descubierto que el problema esta en que el texto en si tiene saltos de linea, es decir, tiene varios parrafos. La funcion nl2br la usaba para que php me mostrara estos parrafos tal y como son, pero se ve que con javascript no se acepta bien esta funcion o algo, asi que no se que es lo que pasa...

alguien me puede ayudar?

Hola de nuevo!

Podrías eliminar esos saltos de línea usando la función preg_replace de php:

Código:

echo preg_replace('/\n/', '', $texto);

Espero que te resuelva el problema.

Un saludo!

germanpr · #10 (**permalink**) 09/03/2006, 13:37

Pues, esa solucion no estaria nada mal, pero yo quiero que el texto me lo muestre con todos los saltos que tiene.