|
|||
JQuery: Alternative zu location.reload();?
Hallo zusammen.
Hänge mal wieder fest ... bräuchte Eure Hilfe ... Habe einen Button mit einer Hintergrundgrafik und klar, mit farblichen Text. Wenn man auf diesem klickt, dann wird eine Änderung in SQL geändert. Klappt super. PHP-Code:
Nun sollte sich der Button mit der Hintergrundgrafik ändern ... sprich; ein reload. Habe es schon mit HTML-Code:
location.reload(); Animation/Effekt: HTML-Code:
$("#send-message").fadeIn("slow").delay(2800).fadeOut("slow").removeClass("error-message").addClass("done-message").html("Angebot erfolgreich deaktiviert!"); HTML-Code:
<span class="activated">aktiviert</span> |
Sponsored Links |
|
||||
Nur um den Button farbig zu machen musst du die Seite nicht neu laden. Den Button kannst du genauso mit Javascript (bzw. jQuery) färben oder das Bild ändern oder oder oder. Wenn das Bild/die Farbe abhängig von der neuen Einstellung ist, kannst du das entsprechende neue Bild auch vom Server zurückgeben lassen.
.css() – jQuery API - aber das verwendest du ja bereits. Vielleicht habe ich deine Frage auch nicht richtig verstanden.
__________________
:) |
Sponsored Links |
|
|||
Hm ....
Schwierig zu erklären. Ja, die .css() nutze ich bereits. Aber das langt nicht - zumindest für dieses Beispiel nicht. Ich habe jetzt mal das so geändert: PHP-Code:
Ich erkläre mal kurz wie das Ganze von statten geht: Button: HTML-Code:
<li id="status-true"><span class="activated">aktiviert</span></li> - Ein Button (Text: aktiviert, Hintergrundgrafik: pic) -> klickt man auf diesen, wird an die o.g. PHP Daten gesendet. Dort ausgewertet und in die Datenbank geschrieben. Übernimmt auch die offersID, die man angeklickt hat. Klappt tadellos. - Nun soll sich der Button ändern, ABER: Tut er zwar, aber nicht den Button, den ich angeklickt habe, sondern den ersten in der Liste, der id="status-true" als Eigenschaft hat. Wie kann ich JQuery beibringen, dass auch der Button bearbeitet wird, den ich angeklickt habe? Vielleicht die LIST mit der offersID ausstatten ... aber weiter weiß ich dann auch nicht mehr .... |
|
|||
Innerhalb deiner Funktion ist "this" das angeklickte Element. Das kannst du direkt mit jQuery verwenden:
Code:
$(this).css(...) http://docs.jquery.com/Events/jQuery.Event Darin ist die Eigenschaft "currentTarget" enthalten. Die könntest du auch verwenden. Vorteil: Das funktioniert auch, wenn der Callback in einem anderen Context ausgeführt wird, z.B. über jQuery.proxy(). Gruß, Max Geändert von Maxefix (21.09.2012 um 09:25 Uhr) |
|
|||
Hi Maxefix.
Danke Dir. $(this) habe ich schon probiert gehabt. Nichts. Habe this mal im alert(); ausgegeben, um zu überprüfen, was angezeigt wird: [object Object] Also konnte ich nicht mit dieser Funktion weiterarbeiten. Den Vorschlag, den Du gemacht hast, kapiere bis jetzt noch nicht. Habe mir schon ein Buch über JQuery bestellt, um mich da einzulesen. Habe das jetzt wie folgt gelöst: Button: HTML-Code:
<li id="option-list-item"><span id="oID'.$offers_item['offersID'].'" class="activated">aktiviert</span></li> PHP-Code:
Danke Euch trotzdem ... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen? | papalapap | Javascript & Ajax | 8 | 13.08.2012 23:00 |
jQuery (coda slider) und prototype (Lightbox) konflikt | computernerd | Javascript & Ajax | 3 | 21.09.2011 20:04 |
jQAPI - Alternative jQuery Documentation | zeji | Ressourcen | 2 | 29.09.2010 11:50 |
Hover Problem bei JQuery | charlie | Javascript & Ajax | 2 | 03.01.2009 08:01 |
JQuery + Wordpress | VoinG | Javascript & Ajax | 0 | 29.12.2008 17:03 |