Ver Mensaje Individual
  #16 (permalink)  
Antiguo 02/08/2011, 04:29
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 15 años, 6 meses
Puntos: 66
Respuesta: ver mas y ver menos

me dejas loco, jejejeje.

mira prueba esto tal cual te lo pongo en un archivo independiente HTML
Código HTML:
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3.     <title>Untitled Page</title>
  4. <script type="text/javascript">
  5. var texto_original = '';
  6. function gestionarTexto(div)
  7. {
  8. //aquí valoramos si hay que expandir o contraer el texto, en función de lo que ponga en el <DIV>
  9. if(div.innerHTML == 'Volver')
  10. {contraer();div.innerHTML='Leer más';}
  11. else
  12. {expandir();div.innerHTML='Volver'}
  13. }
  14. function contraer()
  15. {
  16. //vamos a limitar el texto a 50 caracteres y guardamos el texto original
  17. texto_original = document.getElementById('el_div').innerHTML;
  18. document.getElementById('el_div').innerHTML = texto_original.substring(0,50) + '...';
  19. }
  20. function expandir()
  21. {
  22. document.getElementById('el_div').innerHTML=texto_original;
  23. }
  24. </head>
  25. <body onload="contraer();">
  26.         <div>
  27.            <table width="200px">
  28. <tr>
  29. <td>
  30. <div id="el_div">
  31. uno dos tres cuatro cinco seis siete ocho nueve diez once doce trece catorce quince
  32. dieciseis diecisiete dieciocho diecinueve veinte</div>
  33. <br />
  34. <div style="font-family:Courier New;font-size:8pt;color:Blue;cursor:hand" onclick="gestionarTexto(this);" id="mas">Leer más</div>
  35. </td>
  36. </tr>
  37.         </div>
  38. </body>
  39. </html>

así tal cual te lo he puesto y guardado en un archivo html me funciona bien en IE, FF y Chrome. La verdad no sé qué puede estar dándote error...

bueno, pruébalo eso si quieres y nos cuentas.

saludos