[jQuery] in $.post() auf this zugreifen?

[donsimon]

Hallo,
das ist mein erster Post hier, aber "über-Code-meckern" ist trotzdem erlaubt

Erstmal ein Bild, das Template (Genshi) und mein JS-Code. Die Daten in der Tabelle kommen aus einer Datenbank. Was ich vorhabe ist folgendes: Wenn auf eines der Icons geklickt wurde, wird ein POST-Request an den Server geschickt (funktioniert). Anschließend soll das Icon geändert werden (funktioniert nicht). Eigentlich ist das ja eine triviale Aufgabe; mein Problem ist nur, dass ich in der Funktion $.post nicht mit this auf den angeklickten Link zugreifen kann. Wenn ich das versuche, greife ich mit this auf das aktuelle Objekt zu, also ist this in dem Fall eine Referenz zur Funktion $.post.

Falls ihr vom Genshi-Template zu verwirrt sein solltet, hier das generierte XHTML (nur der entscheidende Teil).

HINWEIS: Cross-Post mit [jQuery] in $.post() auf this zugreifen? - XHTMLforum

[tsseh]

$(document).ready(function() {
  $(".toggle-user-activity").click(function() {
    function getCallback(obj)
    {
      return function(active) {
        image = (active) ? "dialog-apply.png" : "edit-delete.png";
        path = "<img src=\"/static/images/icons/" + image + "\" alt=\"" + active + "\" />"
        console.log(path);
        // Wie kann ich hier auf den angeklickten Link zugreifen? Nicht mit this!
        // mit obj
      }
    }
    $.post(this.href, getCallback(this));
    return false;
  });
}

oder

$(document).ready(function() {
  $(".toggle-user-activity").click(function() {
    var obj = this;
    $.post(this.href, function(active) {
      image = (active) ? "dialog-apply.png" : "edit-delete.png";
      path = "<img src=\"/static/images/icons/" + image + "\" alt=\"" + active + "\" />"
      console.log(path);
      // Wie kann ich hier auf den angeklickten Link zugreifen? Nicht mit this!
      // mit obj
    });
    return false;
  });
}

[donsimon]

Danke für die Antwort! Jetzt habe ich ein sehr seltsames Verhalten entdeckt: das Bild kann nur von "edit-delete.png" zu "dialog-apply.png" geändert werden --- aber nicht umgekehrt

Mein Code sieht jetzt so aus:Paste #98373 | LodgeIt!
Ich habe mit jQuery allgemein noch nicht so viel Erfahrung, ist html(val) da überhaupt die richtige Funktion? Mit Firebug habe ich herausgefunden, dass sich die Variable image sich nie ändert. Ob die Variable lokal oder global ist, spielt scheinbar keine rolle.

[tsseh]

Ich habe auch keine Ahnung von jQuery. wenn es aber in eine richtung geht, hat es nichts mit der html funktion zu tun. (obj.innerHTML=path; würde es auch machen).
was übergibt post denn an das callback als parameter. dein active ist auf jeden fall immer != 0.

[donsimon]

wenn es aber in eine richtung geht, hat es nichts mit der html funktion zu tun.

Was meinst du mit "in eine Richtung"?

(obj.innerHTML=path; würde es auch machen).

Nein, leider nicht. Wie man in der Doku von jQuery lesen kann, ist

$(obj).html(val)

nichts anderes als syntaktischer Zucker für

obj.innerHTML = val

was übergibt post denn an das callback als parameter.

Den Satz habe ich nicht verstanden. Wenn das eine Frage sein soll, gibt es dafür das da: ?. An den Server wird keine Information explizit gesendet. Implzit bekommt er den Benutzernamen (über die URL).

dein active ist auf jeden fall immer != 0.

Dass du damit falsch liegst, beweise ich mit einem Screenshot. Erklärung: ich habe vier Mal auf ein Icon geklickt. Der "Ajax-Kram" funktioniert also. Was immer noch nicht klappt, ist das ändern des Icons.

[donsimon]

Ich habe jetzt einen Weg gefunden, der funktioniert!

Ich lasse den Pfad komplett serverseitig generieren. Dann klappts auch mit den Nachbarn. Das JS-Skript ist somit ein wenig geschrumpft: Paste #98452 | LodgeIt!

Ob das der optimale weg ist, weiß ich nicht. Jedenfalls klaptt es jetzt. Und das beste: JavaScript wird nicht vorausgesetzt, es funktioniert auch ohne (dann muss aber die ganze Seite neu geladen werden).

PS: Ja, ich finde die Smilyes von macuser.de nu' mal schöner

[tsseh]

Was meinst du mit "in eine Richtung"?

das hier:

das Bild kann nur von "edit-delete.png" zu "dialog-apply.png" geändert werden --- aber nicht umgekehrt

was unterscheidet

(obj.innerHTML=path; würde es auch machen)

von dem du sagst es geht nicht, von

ist

$(obj).html(val)

nichts anderes als syntaktischer Zucker für

obj.innerHTML = val

)

Den Satz habe ich nicht verstanden.

deine funktion die du post übergibst erwartet einen parameter active

$.post(this.href, function(active) {

dein framework muß im onreadystatechange diese funktion aufrufen und dieser den parameter active übergeben. was ist das.

Dass du damit falsch liegst, beweise ich mit einem Screenshot. Erklärung: ich habe vier Mal auf ein Icon geklickt. Der "Ajax-Kram" funktioniert also. Was immer noch nicht klappt, ist das ändern des Icons.

das beweist nichts(wenn meine Vermutung stimmt, genau das gegenteil)! aber da du dir scheinbar nicht helfen lassen willst...

[donsimon]

Danke für die Erklärungen und Denkanstöße! Jetzt habe ich verstanden, was du meinst. Ich musste letztendlich nur die Bedingung in Zeile 3 ändern. Das Skript sieht jetzt so aus und funktioniert auch: Paste #98464 | LodgeIt!