Evento mouseover
Amigos, quisiera consultar si alguien conoce el codigo para manipular el evento onmouseover del raton, que me permita abrir una pequeña ventana al lado del cursor, paraque me de una explicacion de la palabra sobre la cual esta el cursor.</P>
Similar a como se manejan los help de windows.</P>
Se como manejarlo al evento con las ventanas alert, pero la idea es abrir una ventana que no sea del tipo alert.</P>
Espero se entienda y espero que alguien sepa como hacerlo si es que existe la manera.</P>
Desde ya gracias</P>
Guest
Mensajes: n/a
Evento mouseover
Mira, lo que tienes que hacer es simplemente una capa (<div>) y ocultarla, lugo, mendiante javascript, haces que aparezca yoculte segun el evento del mouse.</P>
Ej:</P>
<a href="lala" onmouseover="capa('menucontextual',1);" onmouseout="capa('menucontextual',0);">hola mundo</a></P>
Allí tenemos los eventos, en donde "menucontextual" es el ID de la capa, mientras que 1 y 0 es visualizary ocultar, respectivamente.</P>
Ahora el codigo javascript seria:</P>
Código:
<script type="text/javascript">
function capa(id,action) {
if (action == 1) {
document.getElementById(id).style.visibility= 'visible';
}
else {
document.getElementById(id).style.visibility= 'hidden';
}
}
</script></P>
Entonces la capas la harias de esta forma:</P>
Código:
<div id="menucontextual" class="popup"> este es el texto de la capa </div></P>
y el css seria (dentro del head):</P>
Código:
<style type="text/css">
.popup {
visibility:hidden;
position:absolute;
top:100px;
left: 400px;
}
</style></P>
Ahora bien, para que salga en donde esta el mouse deberias ver algo de javascript (en este momento no lo tengo presente). Debes conseguir las propiedades X e Y del ratón.</P>
Espero te sirva para comenzar...</P><edited><editID>FuLaNo_</editID><editDate>38609,0163888889</editDate></edited>
Usuario Avanzado
Fecha de Ingreso: may-03
Mensajes: 2,099
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Evento mouseover
Fabian, como me vas a decir monstruo si todavía no lo probaste!!!, mas vale probalo y si no hay un error ahí agrádeseme... aunque tampoco lo tendrías que hacer ya que yo, lo poco que se, lo aprendí en foros o tutoriales... todos deberíamos darle las gracias a los que realmente se las merecen, que son aquellos que se rompieron el "coco" para hacer algo y luego subieron una explicación a la red...
Usuario Avanzado
Fecha de Ingreso: may-03
Mensajes: 2,099
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Evento mouseover
Aca pude hacer que se abra en la posicion del puntero... tenes que cambiar el codigo javascript que di antes por este:</P>
Código:
<script type="text/javascript">
function capa(id,action) {
if (action == 1) {
var x = (document.layers)? e.pageX : event.x+document.body.scrollLeft
var y = (document.layers)? e.pageY : event.y+document.body.scrollTop
document.getElementById(id).style.visibility= 'visible';
document.getElementById(id).style.left = x;
document.getElementById(id).style.top = y;
}
else {
document.getElementById(id).style.visibility= 'hidden';
}
}
</script></P>
Y el CSS, para que quede mas lindo:</P>
Código:
<style type="text/css">
.popup {
visibility:hidden;
position:absolute;
padding: 3 3 3 3;
border:1px solid #000000;
background-color:#FFFFCC;
color:#000000:
font-family:Tahoma, Verdana, serif;
font-size:10px;
}
</style></P>
Usuario Avanzado
Fecha de Ingreso: may-03
Mensajes: 2,099
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
| Herramientas | Buscar en Tema |
| Desplegado | |
Mode Lineal
|
| Tema | Autor | Foro | Respuestas | Último mensaje |
| Evento Linux | maxi20m | LINUX y Software Libre | 1 | 22-ago-2005 00:00 |
La franja horaria es GMT -3. Ahora son las 05:07.
