Hilfe...

Polymorph

Grünschnabel
Kann mir jemand ein javascript geben oder erklären
mit dem ich wenn ich über einen Link gehe an der Mausposition
ein bild mit Informationen erscheint ??

Wäre echt super...
 
hi,
dies hier ist zwar nicht der beste code, wie einige posten werden, aber naja er geht :)

Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(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);
// -->

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

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

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:172px; top:35px; width:75px; height:66px; z-index:1; visibility: hidden">halloooooooooooooooooooooooo</div>
<a href="test.html" onMouseOver="MM_showHideLayers('Layer1','','show')" onClick="MM_showHideLayers('Layer1','','hide')">test</a> 
</body>
</html>
 
für welche die macromedia nich übernehmen wollen...

ziel ist es ja tooltips für links zu erhalten...

wenn ihr nu nich grad schon fertigen code nehmen wollt, sondern lieber eigene kräfte (und vor allem zeit) rein steckt dann is der grundlegende aufbau folgender :

die tooltips sind nichts weiter als layer. die layer werden anfangs erstellt und versteckt :

ie: style.visible = "hidden";
ns: visibility = "false";

wenn man dann mit der maus über den link kommt soll der layer an dieser position sichtbar werden.
also verschieben wir erst den layer :

style.x = ... (im ie)
x = ... (im ns)

und machen ihn dann wieder sichtbar (also statt hidden, visible und statt false logischerweise true)

dann nur noch beachten, dass wenn die maus von dem link wieder runterbewegt wird den tooltip wieder auszublenden.

wie ihr die koordinaten des mauszeigers findet und die ganzen layer funktionen, parameter usw. dazu findet ihr am übersichtlichsten (und vor allem unter cross-browser beachtung !!!) in der DynDuo :
http://www.dansteinmann.de/dynduo

hth
Sebastian
 

Neue Beiträge

Zurück