Einblendung von Text durch Hyperlinks
Frenzy
- html
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
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
Hallo,
schau' mal unter http://www.teamone.de/selfhtml/tckc.htm#a3 nach, da wird die Layertechnik erläutert. Auf meinen Seiten sieht das ganze z.B. so
http://geschichte.weyher-online.de/g8.html aus.
;-) Georg
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>
Danke euch beiden!
Genau sowas habe ich gesucht.
Bis dann,
ein fröhlicher Frenzy