//--- var linkstring=new Array(); //linktext (text innerhalb des defierten tags) in index.htm //bei auslesen domunent mit init() werden linktexte eingelesen var linkstring_nr=new Array(); //nummer in xml-datei, fortlaufende nummerierung von auslesen dokument //link in dokument anlegen, mit alert auslesen, xml-datentextdatei füllen //--- function init() { // wird beim Laden aufgerufen // registriert für alle sup-Tags, die nur Ziffern // enthalten, ein Klick-Ereignis //--- //span statt sup hier var sups = document.getElementsByTagName("span");//sup //--- if (!sups) return false; for (var i = 0; i < sups.length; i++) { // sup enthält die Fussnotennummer //var sup = parseInt(sups[i].firstChild.nodeValue); var sup; //--- //umwandlung stringlink nach integer (fussnoten.xml und script vertragen nur integer) //sup enthält text var wert = sups[i].firstChild.nodeValue; sup=i; //zähler i von null/0 an, reihenfolge dann auch in xml-datendatei linkstring[i]=wert; //text im link //alert(i+"___"+linkstring[i]); //--- if (sup != null && !isNaN(sup)) { // Beim Registrieren als Ereignis lassen sich keine // Argumente übergeben -> das Skript erzeugt für jedes // Ereignis eine Funktion //auskommentiert - onclick: sups[i].onclick = new Function("ereignis", "FN.position_ermitteln(ereignis); fussnote(" + sup + ");"); sups[i].onclick = new Function("ereignis", "FN.position_ermitteln(ereignis); fussnote(" + sup + ");"); } } } function fussnote(nr) { // erzeugt den Fussnoten-Container und holt die Inhalte if (FN.container) FN.schliessen(); document.getElementsByTagName("body")[0].appendChild(FN.erzeugen()); FN.fussnotenueber.nodeValue = FN.fussnotenvorspann + linkstring[nr];//linktext übernommen als überschrift, statt nr FN.holen(nr); } // Fussnoten-Layer-Objekt var FN = { // Die Fussnote soll von aussen zugänglich sein: container: null, // DIV-Container //--- fussnotenvorspann: "derFliegendeAutor ", // Überschrift-Vorspann //--- fussnotenueber: null, // Ãœberschriftentext fussnotenabsatz: null, // Absatz für Fussnotentext ajax: false, // XMLHttpRequest-Objekt mausX: 0, // horizontale und ... mausY: 0, // vertikale Mausposition div_breite: 480, // Breite und ... div_hoehe: 200, // Höhe des Fussnoten-Containers abstandX: 10, // horizontaler und ... abstandY: 10, // vertikaler Abstand von Mauszeiger rollX: 0, // horizontale und ... rollY: 0, // vertikale Scrollposition erzeugen: function() { // Der Fussnoten-Layer wird bei jedem Aufruf neu erzeugt. // Alternativ könnte er mit den Stylesheet-Eigenschaften // visibility oder display aus- und eingeblendet werden. // erzeugt Div-Container FN.container = document.createElement("div"); FN.container.id = "fussnoten"; FN.container.style.width = FN.div_breite + "px"; FN.container.style.height = FN.div_hoehe + "px"; // Positionieren, abhängig von Mauszeiger und Browserfenster // Der Kasten soll rechts vom Mauszeiger erscheinen, wenn dort // noch Platz ist oder links kein Platz ist var pos_x = (FN.mausX + FN.abstandX + FN.div_breite < window.innerWidth || FN.div_breite + FN.abstandX > FN.mausX)? FN.mausX + FN.abstandX : // rechts von Mauszeiger FN.mausX - FN.div_breite - FN.abstandX; // links // Der Kasten soll über dem Mauszeiger erschein, wenn Platz ist var pos_y = (FN.div_hoehe + FN.abstandY > FN.mausY)? FN.mausY + FN.abstandY : // unter Mauszeiger FN.mausY - FN.div_hoehe - FN.abstandY; // darüber //alert('roll: '+FN.rollX + ' ' + FN.rollY);// + "\npos: "+ pos_x + ' ' + pos_y + "\nmaus: "+ FN.mausX + ' ' + FN.mausY); FN.container.style.left = FN.rollX + pos_x + "px"; FN.container.style.top = FN.rollY + pos_y + "px"; // Fussnoten-Überschrift FN.titel = document.createElement("h1"); FN.fussnotenueber = document.createTextNode(FN.fussnotenvorspann); FN.titel.appendChild(FN.fussnotenueber); // Link zum Schliessen var fn_link = document.createElement("a"); fn_link.setAttribute("href", "javascript:FN.schliessen()"); // Absatz für Fussnotentext vorbereiten FN.fussnotenabsatz = document.createElement("p"); // zusammensetzen FN.titel.appendChild(fn_link); FN.container.appendChild(FN.titel); FN.container.appendChild(FN.fussnotenabsatz); // FN.anfasser ist das Element, das auf die Maus reagiert FN.anfasser = FN.titel; // oder ... = FN.container FN.anfasser.onmousedown = FN.ziehen_vorbereiten; FN.anfasser.style.cursor = "move"; // zurückgeben return FN.container; }, holen: function(nr) { // Ajax-Verbindung herstellen try { // W3C-Standard FN.ajax = new XMLHttpRequest(); } catch(w3c) { try { // Internet Explorer FN.ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch(msie) { try { // Internet Explorer alt FN.ajax = new ActiveXObject("Microsoft.XMLHTTP"); } catch(msie_alt) { alert("Ihr Browser kann keine Fussnoten anzeigen."); return false; // !!! Link auf XML-Dokument } } } // Datei anfordern (asynchron) FN.ajax.open('GET', 'fussnoten.xml', true); FN.ajax.setRequestHeader('Content-Type', 'text/xml'); // umgeht Internet Explorers Caching von GET-Anfragen FN.ajax.setRequestHeader('If-Modified-Since', 'Sat, 1 Jan 2000 00:00:00 GMT'); FN.ajax.send(null); // nach Status-Änderungen der Verbindung // werden die empfangenen Inhalte geparst FN.ajax.onreadystatechange = function() { // wenn Datei komplett empfangen ist ... if (FN.ajax.readyState == 4) { // Dokument nicht gefunden (Code 0 für lokale Tests): if (FN.ajax.status != 200 && FN.ajax.status != 0) { FN.fussnotenabsatz.firstChild.nodeValue = "Fussnoten-Datei konnte nicht gefunden werden!"; return false; } // schreibe alle Fussnoten in fns var fns = FN.ajax.responseXML.getElementsByTagName("fussnote"); // Eine Schleife sucht nach der Fussnotennummer for(var i = 0; i < fns.length; i++) { if (fns[i].getElementsByTagName("nr")[0].firstChild.nodeValue == nr) { klonen(fns[i].getElementsByTagName("txt")[0].cloneNode(true), FN.fussnotenabsatz);//txt in xml statt p return true; } } var nicht_gefunden = document.createTextNode("Fussnote " + nr + " wurde nicht gefunden!"); FN.fussnotenabsatz.appendChild(nicht_gefunden); return false; } } }, schliessen: function() { // löscht den Fussnoten-Container document.getElementsByTagName("body")[0].removeChild(FN.container); FN.container = null; }, ziehen_vorbereiten: function(ereignis) { // registriert die ziehen-Funktion für Mausbewegungen, // Abbruch bei Loslassen der Maustaste if (!ereignis) var ereignis = window.event; FN.position_ermitteln(ereignis); document.onmousemove = FN.ziehen; document.onmouseup = FN.stopp; }, position_ermitteln: function(ereignis) { // ermittelt die Position des Mauszeigers // (Pixel von der linken oberen Fensterecke) if (!ereignis) var ereignis = window.event; FN.mausX = ereignis.clientX; FN.mausY = ereignis.clientY; FN.roll(); // Safari rechnet clientX/Y vom Dokumentenanfang aus if (FN.mausX > FN.rollX && FN.rollX >= window.innerWidth) FN.mausX -= FN.rollX; if (FN.mausY > FN.rollY && FN.rollX >= window.innerHeight) FN.mausY -= FN.rollY; }, roll: function() { // Gibt die horizontale oder vertikale Scroll-Verschiebung zurück if (isFinite(self.pageYOffset)) { // DOM FN.rollX = self.pageXOffset; FN.rollY = self.pageYOffset; } else if (isFinite(document.documentElement && document.documentElement.scrollTop)) { // IE neu FN.rollX = document.documentElement.scrollLeft; FN.rollY = document.documentElement.scrollTop; } else if (isFinite(document.body.scrollTop)) { // IE alt FN.rollX = document.body.scrollLeft; FN.rollY = document.body.scrollTop; } }, ziehen: function(ereignis) { // verschiebt den Fussnoten-Container parallel zu Mausbewegungen if (!ereignis) var ereignis = window.event; // Sicherheitsmassnahme: manche Browser kommen mit den Ereignissen // durcheinander, z.B. beim Scrollen in überlangen Fussnoten // (Safari) oder bei Maus-Hektik (IE); in diesem Fall löst ein // Mausklick den am Zeiger klebenden Container. document.onmousedown = FN.stopp; // 1.) aktuelle Position ermitteln var kastenX = parseInt(FN.container.style.left.slice(0,-2)); var kastenY = parseInt(FN.container.style.top.slice(0,-2)); // 2.) alte Mausposition speichern var mausX_alt = FN.mausX; var mausY_alt = FN.mausY; // 3.) neue Mausposition ermitteln FN.position_ermitteln(ereignis); // 4.) um die Differenz verschieben FN.container.style.left = kastenX + FN.mausX - mausX_alt + "px"; FN.container.style.top = kastenY + FN.mausY - mausY_alt + "px"; }, stopp: function() { // löscht Event-Handler, lässt Fussnoten-Container los document.onmousemove = null; document.onmouseup = null; // gleicht Sicherheitsmassnahme in FN.ziehen() aus if (document.onmousedown) { // *korrigiert* gegenüber ursprünglicher Version document.onmousedown = null; FN.anfasser.onmousedown = FN.ziehen_vorbereiten; } } }; function klonen(quelle, ziel) { // Hilfsfunktion für Fussnoten-Darstellung im DOM // Einfaches cloneNode() funktioniert nicht bei komplexen // Gebilden; eine Schleife baut den Teilbaum nach. for(var i = 0; i < quelle.childNodes.length; i++) { var knoten = quelle.childNodes[i]; switch (knoten.nodeType) { case 1: // Elementknoten var neu = ziel.appendChild(document.createElement(knoten.nodeName)); for (var j = 0; j < knoten.attributes.length; j++) { neu.setAttribute(knoten.attributes[j].nodeName, knoten.attributes[j].nodeValue); } klonen(knoten, neu); break; case 3: // Textknoten subknoten = document.createTextNode(knoten.nodeValue); ziel.appendChild(subknoten); // andere Knotentypen sind nicht relevant } } } // Aufruf der init-Funktion beim Laden window.onload = init;