Philip: Ajax Tab + MySQL

Beitrag lesen

Hallo habe da ein Problem und hoffe das mir jemand weiterhelfen kann...

Und zwar bin ich gerade dabei mittels ajax/php/mysql eine navigation mit tabs zu bauen ... firefox like halt..

leider funktioniert das nicht ganz .. evtl kann jemand einen blick drauf werfen

AJAX.js

var aktueller_tab = 1;

var http;
  var http2;
  var http3;

try {
    http = new ActiveXObject("Microsoft.XMLHTTP");
    http2 = new ActiveXObject("Microsoft.XMLHTTP");
    http3 = new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch(e) {
    try {
      http = new ActiveXObject("MSXML2.XMLHTTP");
      http2 = new ActiveXObject("MSXML2.XMLHTTP");
      http3 = new ActiveXObject("MSXML2.XMLHTTP");
    }
    catch(e) {
      try {
        http = new XMLHttpRequest();
        http2 = new XMLHttpRequest();
        http3 = new XMLHttpRequest();
      }
      catch(e) {
        alert("Erzeugung des Ajax XML Objektes fehlgeschlagen!");
      }
    }
  }

// HTML TABS
   function html_create_tab(id) {
    var newtab = document.createElement("div");
    var tab_target = document.getElementById("tabtarget");
    newtab.id = 'ajaxdisplay_'+id;
    tab_target.appendChild(newtab);

}

function html_delete_tab(id) {
    document.getElementById('tabtarget').removeChild(document.getElementById('ajaxdisplay_'+id));

}

function html_switch_tab(alter,neuer) {
      document.getElementById("ajaxdisplay_"+alter).style.display="none";
      document.getElementById("ajaxdisplay_"+neuer).style.display="block";

}

function html_read_tabs()
     {
    http.open("GET", "_tabs.php", true);
    http.onreadystatechange = html_read_tabs_show;
    http.send(0);
     }

function html_read_tabs_show()
     {
    if(http.readyState == 4)
    {
      document.getElementById("div_tabs").innerHTML = http.responseText;
    }
     }

// DB TABS
   function db_read_tab(tabid,mod,act) {

http3.open("GET", "_open.php?mod="+mod+"&act="+act, true);
    http3.onreadystatechange = db_read_tab_show(tabid);
    http3.send(0);

}

function db_read_tab_show(tabid) {

if(http3.readyState == 4)
    {
      document.getElementById("ajaxdisplay_"+tabid).innerHTML = http3.responseText;
    }
   }

function db_insert_tab() {

http2.open("GET", "_tabsadd.php", true);
    http2.onreadystatechange = db_insert_tab_read;
    http2.send(0);
   }

function db_insert_tab_read() {

if(http2.readyState == 4)
    {
      tab_new = http2.responseText;
       html_read_tabs();
    }
   }

// MENU TAB
   function open_tab(mod,act)
     {
      if (aktueller_tab == 1) {
       db_insert_tab();
       html_create_tab(tab_new);
       html_switch_tab(aktueller_tab,tab_new);
       aktueller_tab=tab_new;
      }

db_read_tab(aktueller_tab,mod,act);

}

function switch_tab(neuer)
   {
    html_switch_tab(aktueller_tab,neuer);
   }

im body ist onload html_read_tabs();
als link onclick open_tab('yyyyy','xxxxx')

_tabsadd.php fügt neuen tab in mysql hinzu und gibt die ID zurück
_tabs.php gibt grafisch die tabs aus
_open.php ersetzt den inhalt auf dem aktuellen tab mit neuem

div mit tabtarget als viel für die neuen divs