Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje14-07-2008, 18:32 (UTC)    
Título del mensaje: COMO APARECER UN TIP

COMO HAGO PARA QUE APAREZCA UN TEXTO AL UBICAR EL CURSOR SOBRE UNA IMAGEN O TEXTO??
Mensaje14-07-2008, 19:04 (UTC)    
Título del mensaje: g

Hola creo que te refieres a este codigo:

Código:
<html>
<head>
<title>Mostrar un mensaje</title>
<script language=JavaScript type=text/javascript>
<!--


function show_tooltip(current_event,this_link,tip_text){

var my_tooltip = document.getElementById("tooltip")

var cursor_position_x
var cursor_position_y

if(document.all){

cursor_position_x = event.clientX
cursor_position_y = event.clientY

}

else if(document.getElementById){

cursor_position_x = current_event.pageX
cursor_position_y = current_event.pageY


}

var text_tooltip = "<div style='font-size:10pt;width:250px;font-family:Arial,Helvetica;"+
"border:1px solid;padding:5px;'>"+tip_text+"</div>"

with( my_tooltip){
innerHTML = text_tooltip
style.left = cursor_position_x
style.top = cursor_position_y + 15
style.backgroundColor ="yellow"
style.visibility = "visible"
}
this_link.onmouseout = hide_tooltip

}

function hide_tooltip(){

document.getElementById("tooltip").style.visibilit y ="hidden"

}

//-->
</script>
</head>
<body>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 1')" >Link 1</a>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 2')" >Link 2</a>
<div id="tooltip" style="position:absolute; visibility: hidden"></div>
</body>

</html>
______________
[SIZE=7]
[SIZE=6]ENTRA A MI WEB[/SIZE][/SIZE]
[/B]
CODIGOSWEB.ES.TL
Mensaje14-07-2008, 19:11 (UTC)    
Título del mensaje: Re: g

codigosweb escribió:
Hola creo que te refieres a este codigo:

Código:
<html>
<head>
<title>Mostrar un mensaje</title>
<script language=JavaScript type=text/javascript>
<!--


function show_tooltip(current_event,this_link,tip_text){

var my_tooltip = document.getElementById("tooltip")

var cursor_position_x
var cursor_position_y

if(document.all){

cursor_position_x = event.clientX
cursor_position_y = event.clientY

}

else if(document.getElementById){

cursor_position_x = current_event.pageX
cursor_position_y = current_event.pageY


}

var text_tooltip = "<div style='font-size:10pt;width:250px;font-family:Arial,Helvetica;"+
"border:1px solid;padding:5px;'>"+tip_text+"</div>"

with( my_tooltip){
innerHTML = text_tooltip
style.left = cursor_position_x
style.top = cursor_position_y + 15
style.backgroundColor ="yellow"
style.visibility = "visible"
}
this_link.onmouseout = hide_tooltip

}

function hide_tooltip(){

document.getElementById("tooltip").style.visibilit y ="hidden"

}

//-->
</script>
</head>
<body>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 1')" >Link 1</a>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 2')" >Link 2</a>
<div id="tooltip" style="position:absolute; visibility: hidden"></div>
</body>
</html>


Si no es este codigo busca en mi web que seguro que lo encontraras

editado por nixoweb: Al responder un tema, debes fijarte la fecha en el que se creó. Este es del 2007, quiere decir que los usuarios anteriores no volverán más. Esto se llama revivir post, y está prohibido en el foro
editado por nixoweb: Esto es publicidad. las ayudas se traen al foro.
______________
[SIZE=7]
[SIZE=6]ENTRA A MI WEB[/SIZE][/SIZE]
[/B]
CODIGOSWEB.ES.TL


Ultima edición por codigosweb el Lun Jul 14, 2008 4:11 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group