mensajes en el mouse

jamz · #1 (**permalink**) 21/08/2002, 09:16

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.

Cain · #2 (**permalink**) 21/08/2002, 09:18

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]

HTML_MANIA · #3 (**permalink**) 21/08/2002, 15:11

Me parece que en HTML no puede ser, por que no usas capas?
[strong]Es muy facil de aprender :=) [strong]

CORE · #4 (**permalink**) 21/08/2002, 17:43

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

CORE · #5 (**permalink**) 21/08/2002, 17:44

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;'+

cauly · #6 (**permalink**) 25/08/2002, 07:01

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

<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>