Foros del Web » Creando para Internet » HTML »

mensajes en el mouse

Estas en el tema de mensajes en el mouse en el foro de HTML en Foros del Web. Buenas quisiera hacer que cuando pase el mouse por el menu de mi web aparezca al lado una descripcion de cada boton, creo que se ...
  #1 (permalink)  
Antiguo 21/08/2002, 09:16
 
Fecha de Ingreso: mayo-2002
Mensajes: 30
Antigüedad: 21 años, 10 meses
Puntos: 0
mensajes en el mouse

Buenas quisiera hacer que cuando pase el mouse por el menu de mi web aparezca al lado una descripcion de cada boton, creo que se llama tool tip o ballons, lo necesito en html porque tengo 2 versiones de la pagina en html y flash. Gracias y espero haberme explicado.
  #2 (permalink)  
Antiguo 21/08/2002, 09:18
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 2 meses
Puntos: 17
Re: mensajes en el mouse

Mira los Hier Menus:
<a href='ir.asp?http://www.webreference.com/dhtml/' target='_blank'>http://www.webreference.com/dhtml/...</a>

Son menús dinámicos hechos y explicados paso a paso, así que seguramente explicarán como hacer eso que necesitas para Internet Explorer y para Netscape Navigator.

Suerte

<font size=2><a href="http://www.traduim.com">Traduim.com</a>
Proximamente...[/CODE]
  #3 (permalink)  
Antiguo 21/08/2002, 15:11
 
Fecha de Ingreso: agosto-2002
Mensajes: 32
Antigüedad: 21 años, 7 meses
Puntos: 0
Re: mensajes en el mouse

Me parece que en HTML no puede ser, por que no usas capas?
[strong]Es muy facil de aprender :=) [strong]
  #4 (permalink)  
Antiguo 21/08/2002, 17:43
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
Re: mensajes en el mouse

Esto es con capas
Código:
 &lt;html&gt;
&lt;head&gt;
&lt;title&gt;CORESITO&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
&lt;!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&amp;&amp;(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// --&gt;

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))&gt;0&amp;&amp;parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[I][n];
  for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x &amp;&amp; document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i&lt;(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;&gt;
&lt;img src=&quot;imagen.gif&quot; width=&quot;100&quot; height=&quot;100&quot; onMouseOver=&quot;MM_showHideLayers('capita','','show')&quot; onMouseOut=&quot;MM_showHideLayers('capita','','hide')&quot;&gt; 
&lt;div id=&quot;capita&quot; style=&quot;position:absolute; width:200px; height:47px; z-index:1; background-color: #CCCC00; layer-background-color: #CCCC00; border: 1px none #000000; top: 21px; left: 108px; visibility: hidden&quot;&gt;Hola 
  yo soy la capa que hace la descripcion&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;   
o existe uno llamado Tooltip
  #5 (permalink)  
Antiguo 21/08/2002, 17:44
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
Re: mensajes en el mouse

Esto es con ToolTip
Código:
&lt;HTML&gt; 
  &lt;HEAD&gt; 
	 &lt;TITLE&gt;&lt;/TITLE&gt; &lt;STYLE TYPE=&quot;text/css&quot;&gt;
&lt;!--

.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt}

#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}

--&gt;
&lt;/STYLE&gt; &lt;SCRIPT LANGUAGE=&quot;javascript&quot;&gt;
&lt;!--

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

if(ns){doc = &quot;document.&quot;; sty = &quot;&quot;}
if(ie){doc = &quot;document.all.&quot;; sty = &quot;.style&quot;}



var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo


if(ie){
Ex = &quot;event.x&quot;
Ey = &quot;event.y&quot;

topColor = &quot;#808080&quot;
subColor = &quot;#C0C0C0&quot;
}

if(ns){
Ex = &quot;e.pageX&quot;
Ey = &quot;e.pageY&quot;
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=overhere

topColor = &quot;#808080&quot;
subColor = &quot;#C0C0C0&quot;
}



function MoveToolTip(layerName, FromTop, FromLeft, e){
if(ie){eval(doc + layerName + sty + &quot;.top = &quot;  + (eval(FromTop) + document.body.scrollTop))}
if(ns){eval(doc + layerName + sty + &quot;.top = &quot;  +  eval(FromTop))}
eval(doc + layerName + sty + &quot;.left = &quot; + (eval(FromLeft) + 15))
}






function ReplaceContent(layerName){

if(ie){document.all[layerName].innerHTML = ContentInfo}


if(ns){

with(document.layers[layerName].document) 
{ 
   open(); 
   write(ContentInfo); 
   close(); 
}

}


}

function Activate(){initialize=1}
function deActivate(){initialize=0}

function overhere(e){
if(initialize){

MoveToolTip(&quot;ToolTip&quot;, Ey, Ex, e)
eval(doc + &quot;ToolTip&quot; + sty + &quot;.visibility = 'visible'&quot;)
}

else{
MoveToolTip(&quot;ToolTip&quot;, 0, 0)
eval(doc + &quot;ToolTip&quot; + sty + &quot;.visibility = 'hidden'&quot;)
}


}

function EnterContent(layerName, TTitle, TContent){

ContentInfo = '&lt;table border=&quot;0&quot; width=&quot;150&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;'+
'&lt;tr&gt;&lt;td width=&quot;100%&quot; bgcolor=&quot;#000000&quot;&gt;'+
  #6 (permalink)  
Antiguo 25/08/2002, 07:01
Avatar de cauly  
Fecha de Ingreso: febrero-2002
Ubicación: Buenos Aires
Mensajes: 726
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: mensajes en el mouse

Lo más facil es poner dentro del tag &quot;a&quot; title=&quot;lo que quieras&quot; (igual que con las imagenes, solo que en estas pones alt=&quot;lo que quieras&quot;

<object width="468" height="60">
<param name="movie" value="http://www.publicasonline.com/banner/logopubli.swf">
<embed src="http://www.publicasonline.com/banner/logopubli.swf" width="468" height="60">
</embed>
</object>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:37.