Script acortar texto?

[alvaro0022]

Saludos;

Queria saber si existe algun script para acortar un texto a la cantidad de caracteres que yo quiera.

Aqui dejo un ejemplo como me gustaria que sea.


Se puede?

[maycolalvarez]

existen varias formas, generalmente eso se aplica en el servidor, con php, asp o jsp.

con javascirpt seria simplemente calcular la cantidad de caracteres con string.length y cortar con string.substring

con CSS se puede modificar el overflow, aunque esto no te permite los puntos suspensivos.

[alvaro0022]

Muchas gracias por tu respuesta maycolalverez

Como se usaria el string.length?

[maycolalvarez]

string representa a la clase interna que usa javascript para manejar cadenas, si declaro una variable y le asigno un valor tipo cadena, éste contendrá dichas funciones:

Código Javascript:

var mitexto= document.getElementById('micampo').value;
if (mitexto.length() > 50){
     mitexto=mitexto.substring(0,50)+'...';
...
 

[alvaro0022]

Gracias nuevamente!

Perdona mi ignorancia pero no entiendo como aplicarlo.

Este es mi codigo

Código:

<table border="0" cellspacing="3" cellpadding="0" width="260">
  <tr valign="middle"> 
    <td colspan="2" height="15"> <a href="{cat_url}" class="maincat">{cat_name}</a></td>
    <td width="29" height="15"> 
      <div align="right"><font color="#999999">&nbsp;{num_images}</font> </div>
    </td>
  </tr>
  <tr valign="middle">
    <td colspan="2" height="1"><font color="#999999" size="1">{cat_description}</font></td>
    <td width="29" height="1">&nbsp;</td>
  </tr>
</table>

El texto que quiero acortar es el de {cat_description} me gustaria que tenga una longitud de 35 caracteres.

Gracias nuevamente!

[alvaro0022]

Si alguien sabe como aplicar lo que dijo maycolalvarez en el codigo anterios estaria muy agradecido

Saludos!

[_cronos2]

Iniciado por maycolalvarez

Código Javascript:

if (mitexto.length() > 50){
 

length es la propiedad que tiene la clase String, no un método, y por tanto no lleva paréntesis.

Código Javascript:

window.onload = function(){
 este = document.getElementById('fuente');
 var texto = este.innerText || este.textContent;
 if(texto.length>50){
  textOk = texto.substring(0, 50) + '...';
  texto = textOk;
 }
}
 

Código HTML:

<td colspan="2" height="1"><font color="#999" size="1" id='fuente'>{cat_description}</font></td>
 

Saludos (:

[_cronos2]

Posteé el mensaje dos veces xD
Por cierto la etiqueta font no está aprobada por la W3, usa CSS para cambiar fuentes, colores, tamaños...

[alvaro0022]

Muchas gracias _cronos2

Intentne de esta forma. no se si es la correcta.

Código HTML:

<script language="JavaScript">
window.onload = function(){
 este = document.getElementById('fuente');
 var texto = este.innerText || este.textContent;
  if(texto.length>50){
  textOk = texto.substring(0, 50) + '...';
  texto = textOk;
 }
}
</script>
<table border="0" cellspacing="3" cellpadding="0" width="260">
  <tr valign="middle">
    <td colspan="2" height="15"> <a href="{cat_url}" class="maincat">{cat_name}</a></td>
    <td width="29" height="15">
      <div align="right"><font color="#999999">&nbsp;{num_images}</font> </div>
    </td>
  </tr>
  <tr valign="middle">
    <td colspan="2" height="1"><font color="#999" size="1" id='fuente'>{cat_description}</font></td>
    <td width="29">&nbsp;</td>
  </tr>
</table> 

Pero no logro que funcione.

Aqui dejo mi sitio para que vean que a la derecha todavia se ven las descripciones de cada categoria.
http://www.picalls.com

Como puedo hacer que funcione?

Gracias

[maycolalvarez]

Iniciado por _cronos2

length es la propiedad que tiene la clase String, no un método, y por tanto no lleva paréntesis.

Oops! no lo vi por el apuro XD

[alvaro0022]

Yo de nuevo!!

Lo solucione usando php

Código PHP:

  <? 
$texto = '{cat_description}'; 
$texto2 = substr(html_entity_decode($texto),0,35); 
$texto_cortado = htmlentities($texto2); 
echo $texto_cortado,'...'; 
?>   

Saludos!!!