acortar url segun ancho de caja y que aparezca "..." (tres puntos)

[ofnocron]

quiciera saber como por ejemplo en un blog de blogger que tienes que la caja que aloje cada entrada sea de 200px y los links si son muy largos, no hagan otra linea ni se salgan o se vea donde la caja termina y el link continua en el area no visible.

Quiciera que fuera algo como tres puntos los que pueda uno colocar a la url a cierta distancia de caracteres por ejemplo:

si uno se llama:

Superman

ese no necesitaria que aparezca nada por que no abarca 200px

pero si este:

Vieje a los confines del oceano atlantico

y quiciera que apareciera de este modo al igual que estos ejemplos:

Vieje a los confines del...
Las travesuras de los...
Las locuras del emper...

algo así

Muchas gracias!

[_cronos2]

A ver así:

Código Javascript:

function colocar(txt){
 document.getElementById('el_div').innerHTML = txt.length > 10 ? txt.substr(0,10) + '...' : txt;
}
 

Saludos (:

[IsaBelM]

de entrada nunca he trabajado con blogger, así que esto es sola una pregunta/sugerencia. no te convendría hacerlo mejor del lado del servidor?? si no es así, te interesa crea una clase para poder aplicársela a cada entrada

[ofnocron]

Iniciado por IsaBelM

de entrada nunca he trabajado con blogger, así que esto es sola una pregunta/sugerencia. no te convendría hacerlo mejor del lado del servidor?? si no es así, te interesa crea una clase para poder aplicársela a cada entrada

la clase ayudara, de hecho así es como lo hago, pero el detalle de lo que quiero es hacer que aparezcan los tres puntos al final (programación avanzada), la clase me lo podra dar si pongo una simplación (imagen de fondo al final con los trs puntos), pero le saldria a todos y en css no hay programación para designar clases espesificas a ciertas entradas,

en cualquier forma gracias por responder y ccreo que no es un problema ni error de blogger, estoy bien con él y gracias por la sugerencia pero me parece más complicadas las paginas estaticas,

Graccias!

[ofnocron]

Iniciado por _cronos2

A ver así:

Código Javascript:

function colocar(txt){
 document.getElementById('el_div').innerHTML = txt.length > 10 ? txt.substr(0,10) + '...' : txt;
}
 

Saludos (:

No me sirvio chico, pero gracias!!