¿Se puede poner en un "href" un "alt" como se pone en las image

alfre32
15 de Julio del 2002
¿Se puede poner en un "href" un "alt" como se pone en las imagenes. Es decir, un texto alternativo al pasar por encima de un enlace?

Etxe
15 de Julio del 2002
Se puede hacer pero no con "alt" ni con código html. Hay que utilizar DHTML (hojas de estilo y JavaScript). Visita las siguientes direcciones, en las cuales tienes ejemplos de código para realizar lo que deseas:

http://www.dhtmlcentral.com (sección "scripts")
http://www.dynamicdrive.com/ (Busca en "DHTML Script categories")

Por ponerte un ejemplo de aparición de un texto explicativo al pasar el ratón encima de un enlace, mira el siguiente enlace:

http://www.dhtmlcentral.com/script/script.asp?id=7

Espero que te sirva de ayuda lo que te comento. Suerte y un saludo.

Etxe.


IceMan
15 de Julio del 2002
Creo que poniendo "title" en lugar de "alt" sale el texto alternativo en un enlace. Lo malo es que creo que en Netscape te dará problemas.

Salu2.

BattleCat
15 de Julio del 2002
Hola alfre32

Lo puedes hacer, pero tal vez tendrías problemas con NetScape u otros navegadores, ya que debemos usar "capas" para dicho propósito, pero de todas maneras, ahí va el código:

--------------------------------------------------
<html><head><title>Imitaci&oacute;n de "alt"
</title>
<script language="Javascript">
function vuo(capa,vlr){ // vuo quiere decir, Ver U Ocultar
x=event.clientX+15;
y=event.clientY+15;
if(vlr==1){
document.all[capa].style.visibility='visible';
document.all[capa].style.left=x;
document.all[capa].style.top=y;
}
else{
document.all[capa].style.visibility='hidden'}
}</script>

<style>.expl{
visibility:hidden;position:absolute;
border-top:#000000 1px solid;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
background-color:#ffcc99;
font-family:verdana;font-size:11px}</style>
</head>

<body>
<a OnMouseOver="vuo('Explica',1)" OnMouseOut="vuo('Explica',0)" href="http://www.programacion.net" >
Programaci&oacute;n</a>

<div id="Explica" class="expl" style="height:17;width:140">
<center>Ir a Programaci&oacute;n.net</center></div>
</body></html>
--------------------------------------------------

Lo que sucede en la función, es que le damos dos parámetros, el primero es "capa", que es la identificación de un elemento dentro del documento (<div id="Explica"). El segundo parámetro que le damos, es un valor, si éste valor es igual a 1, entonces mostramos la capa. Si es distinto de 1, ocultamos la capa.

También, "OnMouseOver", es un "evento" que ejecuta un código si el mouse está sobre el elemento que contiene el evento (En este caso, es el vínculo <A OnMouseOver=">). Al contrario, el evento "OnMouseOut", nos ejecuta un código si el cursor está fuera del elemento que contiene el evento (En este caso <A OnMouseOut=">).

Por lo tanto, si situamos el cursor arriba del vínculo, aparecerá la capa "Explica". Al contrario, si quitamos el cursor de encima de la capa, ésta desaparecerá.

Cuídese mucho
Saludos a todo el foro
Atte BattleCat (Chile)