Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/01/2005, 18:22
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
¡ Gracias JavierB ! ( por las palmetas y por la corrección )

No puedo creer que haya estado tan cerca de hacer un código que sirviera para algún otro navegador !.

Bueno, igual debo hacer algunas modificaciones. Me olvidé que estamos en CSS y aquí no es "obligatorio" saber que la doble barra es para anular las líneas.

La página abre tal cual se vería sin el escript. La línea que lo ejecuta al cargarse la página es

onload = cortaLink

pero está anulada con "//"; hay que borrarlas para que funcione.
Lo mismo ocurre con las alertas, pero éstas solamente sirven para seguir los pasos del escript, no son necesarias y se pueden eliminar completamente.
La primera cuenta la cantidad de enlaces que hay en el documento, las siguientes muestran cada una de las rutas, el nombre, la confirmación del nombre que se va a agregar al título del enlace y el nombre reducido.

Al cambiar innerText no van a quedar excluidos los enlaces con etiquetas internas (p.e. una imagen), así que hice una nueva versión que incluye ambos cambios

Código:
 
<HTML><HEAD>
<script>
var ancla , nombreEnlace0 , nombreEnlace1 , comienzoNombre , finalNombre , etiqueta;

function cortaLink(){
enlaces = document.getElementsByTagName("a").length;
	//alert(enlaces );
for(i=0;i<enlaces;i++){
ancla = document.getElementsByTagName("a").item(i);
	//alert(ancla);
var nombreEnlace0 =ancla.innerHTML;
	//alert(nombreEnlace0);
etiqueta = nombreEnlace0.indexOf("<");
	//alert(etiqueta);
if(nombreEnlace0.length>13 && etiqueta==-1){
nombreEnlace1 = nombreEnlace0;
	//alert(nombreEnlace1);
comienzoNombre=nombreEnlace1.slice(0,5);
finalNombre =nombreEnlace1.slice(nombreEnlace1.length-5);
nombreEnlace1=comienzoNombre+'...'+finalNombre;
ancla.title="\""+nombreEnlace0 +"\" "+ ancla.title;
	//alert(nombreEnlace1)
ancla.innerHTML=nombreEnlace1;
}
}
}
//onload = cortaLink
</script>
</HEAD>
<BODY>
<a href="www.un_enlace.net" title="Un Enlace">01234567890123456789</a><br>
<a href="www.otro_enlace.net" title="Otro Enlace">ABCDEFGHIJKLMNOPQ</a><br>
<a href="www.imagen_enlace.net" title="Enlace con Imagen">
<img src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif" height="100"></a>

</BODY></HTML>
La nueva alerta que tiene un número avisa si existe la etiqueta interna; -1 es 'no', cualquier otro es 'sí'.

saludos

furoya