// JavaScript Document /* Das Script blendet - beim Ereignis onmouseover - den Textstring "infotext", der an die Funktion info_in(infotext) ?bergeben wird, in dem

mit der ID "showdiv" ein und positioniert diesen

durchgehend am Mauszeiger. Das Ereignis onmouseout blendet den

wieder aus. So k?nnen Zusatzinformationen zu einem Begriff - welcher z.B. innerhalb eines -Tag steht und somit die universellen event-handler attribute zur Verf?gung stehen - oder einer beliebigen Grafik visuell ansprechend dargestellt werden. Um die Mausposition zu ermitteln wird ein event-listener benutzt, welcher bei Mausbewegungen (onmousemove) innerhalb des die Funktkion getMousePos(e) aufruft und ihr das entsprechende Event (MouseMove) ?bergibt. Die Funktion legt dann die aktuelle Zeigerposition in den globale Variablen posx und posy ab */ var posx,posy,showknoten; //diese Funktion erstellt einen Textknoten mit dem Inhalt des Funktionsparameters infotext, //setzt den

auf visible und ruft dann move_it() auf function info_in(infotext) { showknoten=document.getElementById("showdiv"); if (infotext!='') { var knoten=document.createTextNode(infotext); showknoten.appendChild(knoten); showknoten.style.visibility="visible"; move_it(); } } //move_it positioniert den

alle 100 ms an der aktuellen Mauszeigerposition //Sie ruft sich solange selbst auf, bis der

von der Funktion info_out() auf invisible gesetzt wird function move_it() { if (showknoten.style.visibility=="visible") { showknoten.style.left=posx +30 + "px"; showknoten.style.top=posy - 20 + "px"; window.setTimeout('move_it()', 100); } } //Diese Funktion wird beim Ereignis onmouseout aufgerufen, l?scht dann den Textknoten im

//und setzt diesen auf invisible function info_out() { if(showknoten.hasChildNodes()) { var wegdamit=showknoten.childNodes[0]; showknoten.removeChild(wegdamit); showknoten.style.visibility="hidden"; } } //Hier wird der event-listener initialisiert //Beim Event MouseMove wird die Funktion getMousePos(e) aufgerufen //der event-listener ?bergibt das betreffende event und macht es im IE ?ber das event-Objekt verf?gbar. //Deshalb erwartet getMousePos(e) auch einen ?bergabeparameter document.onmousemove = getMousePos; //Wird der IE genutzt so wird der else-block ausgef?hrt und die Mausposition ?ber das event-Objekt und die entsprechende Eigenschaft ausgelesen //Falls ein anderer Browser (z.B. NS oder Mozilla) benutzt werden, so wird die mausposition ?ber den funktionsparameter, welcher das event enth?lt, //und die entsprechenden Eigenschaften ausgelesen. function getMousePos(e) { if (navigator.appName!="Microsoft Internet Explorer") { posx = parseInt(e.pageX); posy = parseInt(e.pageY); } else { posx = (parseInt(event.clientX)); //+ parseInt(document.body.scrollLeft)); posy = (parseInt(event.clientY)); //+ parseInt(document.body.scrollTop)); } } function pic_viewer(params) { var win; var path = "pic_viewer/gallery.php?verzeichnis=" + params; win=window.open(path,"PictureViewer","width=830,height=620,screenX=10,screenY=10"); }