wo2001: Einblendung von Text durch Hyperlinks

Beitrag lesen

SELF-Forum

Einblendung von Text durch Hyperlinks

wo2001
– Informationen zu den Bewertungsregeln

Hallo!
Ich möchte folgendes erstellen:
Ich habe eine Reihe von Hyperlinks und wenn jemand über einen Hyperlink fährt, erscheint
an einer anderen Stelle der passende Text zu dem Hyperlink. Wenn kein Link angesteuert ist,
bleibt diese Stelle leer.
Weiß jemand Hilfe?

Bis dann,
Frenzy

hi frenzy,
ich hätte da ein script anzubieten, dass onmouseover bei einem
text einem layer an der stelle einblendet, wo die mouse gerade ist.
der layer wird dann, wenn man sich wieder wegbewegt, nach ein parr sekunden wieder ausgeblendet.
vielleicht ist es das, was du suchst. voila:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
<script language="javascript">
if (navigator.appName=="Netscape")
{
  layref="window.document.layers";
  styleref="";
  browser="ns4";
}
else
{
 layref="document.all";
 styleref=".style";
 browser="ie";
}

function show(thetext,e)
{

if (document.all)
  {
            x = Number(e.clientX)+20;
            y = e.clientY+document.body.scrollTop ;
        }
        if (document.layers)
  {
            x = Number(e.pageX)+20;
            y = Number(e.pageY);
        }
   eval(layref+'["summe"]'+styleref+'.visibility="visible"');
 eval(layref+'["summe"]'+styleref+'.top='+y);
 eval(layref+'["summe"]'+styleref+'.left='+x);

//layerinhalt fuer ns
 if (browser=="ns4" || browser=="ns6")
 {
  eval(layref+'["summe"].document.open()');
  eval(layref+'["summe"].document.write('<table cellpadding="1" cellspacing="1" border="0" bgcolor="#000000"><tr><td bgcolor="#E7F1F3" align="left"><span class="schwarz">')');
  eval(layref+'["summe"].document.write("   "+thetext)');
  eval(layref+'["summe"].document.write('</span>   <br></td></tr></table>')');
  eval(layref+'["summe"].document.close()');
 }
 //layerinhalt fuer ie
 else
 {
  eval(layref+'["summe"].innerHTML='<table cellpadding="2" cellspacing="2" border="0" bgcolor="#000000"><tr><td bgcolor="#E7F1F3" nowrap align="left"><span class="schwarz">   '+thetext+'</span>   </td></tr></table>'');
 }
}

function hide(e)
{
 setTimeout('eval(layref+'["summe"]'+styleref+'.visibility="hidden"')',3000);
}

</script>

</head>

<body>
<br>
<br>
<br>
<br>
<div id="summe" style="position:absolute;top:500px;left:500px;width:3px;height:60px;z-index:20;visibility:visible">

</div>
<a href="javascript:void(0)" onmouseover="show('das ist der text dazu',event)" onmouseout="hide(event)" class="schwarz" style="text-decoration:none">das ist ein link</a>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln