Problemas con "Ver Mas" usando JavaScript

dark_17 · #1 (**permalink**) 27/12/2012, 04:18

Creo que el titulo lo dice todo, necesito que al hacer clic en "Ver Mas" se desglose toda la informacion del mensaje. Estoy haciendo primero un ejemplo pequeño para despues adecuarlo a mi BD pero no me sale por mas que lo intento les dejo el codigo que por cierto es muy pequeño:

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script type="text/javascript">
  function MostrarTodo(texto){
  var elemento = document.getElementById('texto_original');
  elemento.innerHTML = texto;
  
}
</script>
</head>

<body>
<?php
$texto= "
Alguna idea de como hacer el  en una lista en donde muestro varias columnas y en la columna mensaje, quiero que solo me muestre un determinado numero de palabras y que me bote un link que lalalala bombom lalala bom
Alguna idea de como hacer el  en una lista en donde muestro varias columnas y en la columna mensaje, quiero que solo me muestre un determinado numero de palabras y que me bote un link que 
";
		If (strlen($texto)>100){
$texto = substr($texto,0,100).'...<a href="javascript:void(0);" onclick="MostrarTodo('."'".$texto."'".');" > Ver mas </a>';
												
			print '<div id="texto_original">'.$texto.'</div>';
		}
?>
</body>
</html>

Es simple pero creo que estoy fallando en alguna comilla simple o doble ya que al probarlo en firefox con la consola web me sale este error:

[05:12:11.575] SyntaxError: unterminated string literal

Ayudenme :(

David · #2 (**permalink**) 27/12/2012, 05:48

Más bien los saltos de línea te darán problemas.

Te resultará más fácil tener el contenido en un elemento oculto y con Javascript mostrarlo nada más.

dark_17 · #3 (**permalink**) 27/12/2012, 13:00

Lo que pasa es que o extraigo ese mensaje de una base de datos, Y como vera no podria ocultarlo todo, solo una parte y para eso necesito una funcion php que me cuente los caracteres y que cuando llegue a 100 se corte y aparezca un link "Ver Mas"

En este ejemplo lo hice sin BD para que la ayuda sea mas simple, solo quiero que funcione de esta forma y lo puedo adecuar asignando la variable al contenido de mi BD.
Please en donde esta el error que no lo puedo encontrarlo :(

truman_truman · #4 (**permalink**) 27/12/2012, 13:14

Código PHP:

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
 
<script type="text/javascript"> 
  function MostrarTodo(id){ 
  document.getElementById(id).style.display = 'block'; 
   
   
} 
</script> 
</head> 
 
<body> 
<?php 
$texto= " 
Alguna idea de como hacer el  en una lista en donde muestro varias columnas y en la columna mensaje, quiero que solo me muestre un determinado numero de palabras y que me bote un link que lalalala bombom lalala bom 
Alguna idea de como hacer el  en una lista en donde muestro varias columnas y en la columna mensaje, quiero que solo me muestre un determinado numero de palabras y que me bote un link que  
"; 
        if (strlen($texto)>100){ 
$texto = substr($texto,0,100).'...<a href="javascript:void(0);" onclick="MostrarTodo(\'div_1\');" > Ver mas </a>'; 
                                                 
            print '<div id="texto_original" id="div_1" style="display:none">'.$texto.'</div>'; 
        } 
?> 
</body> 
</html>

dark_17 · #5 (**permalink**) 27/12/2012, 13:52

Esta mal men... no le pongas display-none
me oculta todo.. yo no quiero que me oculte todo.. :/
se ve la pagina en blanco, a mi codigo le falta o le sobra algo
solo eso.. :/

truman_truman · #6 (**permalink**) 27/12/2012, 13:59

TU código esta mal planteado ya te lo dijo David

Cita:

Iniciado por David

Más bien los saltos de línea te darán problemas.

Te resultará más fácil tener el contenido en un elemento oculto y con Javascript mostrarlo nada más.

dark_17 · #7 (**permalink**) 28/12/2012, 15:58

no me importa si respeta los saltos de linea solo quiero que funcione :(