✔ Web 2.0 JS & AJAX, Navigations und Content Steuerung ohne refresh

[aseco]

Hallo Zusammen,

Wir sind an einer neuen Website generieren, jedoch leider klappts noch nciht ganz so wie wir es wollen.

Wir haben nun die Navigation erstellt welche auch soweit läuft, doch nun muss noch in der Navigation das CSS angepasst werden um dem User zu zeigen welche Rubrik das aktiv ist. Leider funktioniert dies nicht.
Hier mal das JS: (Das auskomentierte ist der Befehl welcher nicht funktioniert wie er soll)

_______________________________________________________________________
var req             =   false;
var please_wait     =   "Wird geladen... bitte warten";
try
{
    req = new XMLHttpRequest();
}
catch (ms)
{
    try
    {
        req = new ActiveXObject("Msxml2.XMLHTTP");
    } 
    catch (nonms)
    {
        try
        {
            req = new ActiveXObject("Microsoft.XMLHTTP");
        } 
        catch (failed)
        {
            req = null;
        }
    }  
}
/*
function rnwNv(targetId)
{
    var elements    =   document.getElementsByTagName("li");
    var laenge      =   elements.length;
    for(var i = 0; i < laenge; i++)
    {
        var actElement  =   elements[i];
        var clear       =   actElement.getAttribute("class");
        var hover       =   actElement.getAttribute("id");
        if(clear == "navilink_active")
            actElement.class = "navilink";
        if(hover == targetId)
            actElement.class = "navilink_active";
	}
	return true;
}
*/    

function ldCnt(url, targetId, targetNVId) 
{
    var e   =   document.getElementById(targetId);
    
    /*if(!req || !e || !rnwNv(targetNVId))
        return false;*/

    if(please_wait)
        e.innerHTML = please_wait;

    req.open("GET", url, true);
    req.onreadystatechange = function() { response(url, e); }

    try
    {
      req.send(null);
    }

    catch(l)
    {
        while(e.firstChild)
            e.removeChild(e.firstChild);
        e.appendChild(document.createTextNode("request failed"));
    }
}

function response(url, e) 
{
    if(req.readyState != 4)
        return;
    var tmp =   (req.status == 200 || req.status == 0) ? req.responseText : "error 404 " + req.status + " " + req.statusText;
    var d   =   document.createElement("div");
    d.innerHTML=tmp;
    setTimeout(function() { while(e.firstChild) e.removeChild(e.firstChild); e.appendChild(d);},10)
}
__________________________________________________________________________

Wenn jemand weiter weiss wäre cool, es zu erfahren

 

[rotzlöffeli]

Um den Klassennamen browserübergreifend/-kompatibel anzusprechen, empfehle ich dir dies:

[objekt].className

...also so:

{
var actElement = elements[i];
var clear = actElement.className
var hover = actElement.getAttribute("id");
if(clear == "navilink_active")
actElement.className = "navilink";
if(hover == targetId)
actElement.className = "navilink_active";
}

 

[aseco]

Um den Klassennamen browserübergreifend/-kompatibel anzusprechen, empfehle ich dir dies:

[objekt].className

...also so:

{
var actElement = elements[i];
var clear = actElement.className
var hover = actElement.getAttribute("id");
if(clear == "navilink_active")
actElement.className = "navilink";
if(hover == targetId)
actElement.className = "navilink_active";
}

läuft danke viel mals