So, hier ist ein Source, welcher ausschließlich mit Opera funktioniert. Meine Frage aber ist: Warum funktioniert er nur mit Opera?
BTW, die Funktion outline() dient nur der Navigation. Kann also mißachtet werden.
Alles anzeigen
BTW, die Funktion outline() dient nur der Navigation. Kann also mißachtet werden.
Quellcode
- [...] <script type="text/javascript">
- var request = null;
- window.onload = function(){
- document.getElementById("dl_anzeigen").onclick = function(){
- request = createRequest();
- request.onreadystatechange = complete;
- request.open("GET", "content/downloads.php", true);
- request.send(null);
- }
- }
- function createRequest(){
- try {
- var request = new XMLHttpRequest();
- }catch(ex){
- debug("kein XMLHttpRequest")
- try {
- var request = new ActiveXObject("MSXML2.XMLHTTP");
- }catch(ex){
- debug("kein MSXML2.XMLHTTP");
- var request = new ActiveXObject("Microsoft.XMLHTTP");
- debug("Microsoft.XMLHTTP");
- }
- }
- return request;
- }
- function complete(){
- var out = null;
- switch(request.readyState){
- case 0:
- case 1:
- case 2:
- case 3:
- debug("Status: "+request.readyState); break;
- case 4:
- out = request.responseText;break;
- }
- document.getElementById("content").innerHTML = out;
- }
- function debug(out){
- var li = document.createElement("li");
- var txt = document.createTextNode(out);
- li.appendChild(txt);
- document.getElementById("foo").appendChild(li);
- }
- function outline(id){
- if(document.getElementById(id).style.display == 'none'){
- document.getElementById(id).style.display = 'block';
- }
- else {
- document.getElementById(id).style.display = 'none';
- }
- }
- </script>
- </head>
- <body onload="laden()">
- <div id="main_container">
- <div id="head_container"><div id="head"><p>head</p></div></div>
- <div id="navi_container"><div id="navi">
- <p><a href="#" onclick="outline('dl'); return false;"><b>Rezepte</b></a><br />
- <span id="dl" style="display:none">
- <ul>
- <li id="dl_anzeigen">Anzeigen</li>
- <li>Suchen</li>
- </ul>
- </span>
- <p><a href="#" onclick="outline('Boardtreffen'); return false;"><b>Boardtreffen</b></a><br />
- <span id="Boardtreffen" style="display:none">
- <ul>
- <li>Webseite</li>
- </ul>
- </span>
- </div></div>
- <div id="content_container"><div id="content"><p>content</p></div></div>
- <div id="foo_container"><div id="foo"><p>footer</p></div></div>
- </div>
- </body>
- [...]