Hi Leutz

ich möchte gerne bei Klick auf nen div - container auslösen, dass in einem bestimmten anderen container eine php datei geladen wird. in diese datei wird anhand einer ID ein objekt ausgelesen. Diese ID will ich eben übergeben, aber irgendwie klappt das nicht. Ich versuche im .load() den link einfach mit einer $_GET variable anzugeben und den dann auszulesen, aber es klappt eben nicht

Code :

1	onclick=" $('#referenz').load('referenz_start.php?ref=<we:field name="WE_ID" />') ;"

Das " <we:field name="WE_ID" /> " ist ein Interner Tag des CMS. Er gibt die ID des Objektes als Zahl aus (in meinem Beispielfalkl z.B. 5) Habt ihr eine andere Idee?

VG

(A) wird ein Fehler ausgegeben? (Firebug als Helfer-Addon?!)
(B) welches JS-Framework läuft da im Hintergrund? jQuery? Ohne Framework sehen Ajax-Geschichten doch sehr bescheiden aus.
(C) onClick sollte als Event angegeben werden. click, bitte Hier nachlesen - http://api.jquery.com/click/


Beispiel Ajax mit GET-Daten in jQuery:

Code :

1 2 3 4 5 6 7

$.get(    "ts2date.php",    { name: "chmee", timestamp: "1386771316" },    function(response) {       $('#timeDIV').html(response);    } );

mfg chmee

Bei mir läuft jQuery richtig. Ich sage gleich dazu, ich komme ganz gut mit HTML, CSS und PHP zurecht, aber mit jQuery bzw. mit JavaScript mach ich in der Regel nur Sachen mit Anleitung (Sprich irgendwelche Scripts einbauen und sowas). Oder maximal so leichtere Sachen wie mal onmouseover oder onclick ne Klasse ändern und sowas Sonst habe ich davon keine Ahnung. Ich bastel es mir dann eben immer zurecht wie es grad passt.

Soll mir dein Beitrag also sagen, dass das so wie ich es machen möchte nicht klappt ? Und der Code den du gepostet hast verstehe ich in diesem Zusammenhang gar nicht.

Und ganz ehrlich gesagt - mit dem Link kann ich auch nicht allzuviel anfangen.

VG

Die Fragen sind
(1) Wenn Dein Befehl irgendein Ergebnis ausgibt, ist es in der Variable onclick. Und dann?
(2) Durch welches Befehlskonstrukt soll Dein Browser wissen, dass es ein onClick-Event ist?
(3) Ist aus dem - durch den Browser! - ausgegebenen Quelltext ersichtlich, dass der CMS-Tag durch den Wert ersetzt wurde?

-> Welche Fehler kannst Du streichen und welche Probleme sind es nun wirklich? zB kann ich Problem 3 nicht beantworten, sondern nur Du.. Zudem sind die jQuery-Funktionen in der online-Doku immer durch Beispiele beschrieben. Es gibt im genannten Link ein kleines Beispiel, wie ein click-Event aussehen sollte.

Code :

1 2 3

$("#bla").click(function () {       $('#blub').html("div bla wurde angeklickt");     });

Und Hier als lauffähiges Beispiel : http://jsfiddle.net/SwcH4/

mfg chmee

Ähm ja natürlich hab ich das in nem HTML Tag, dachte eigentlich, dass das klar wäre.

Code :

1	<div onclick=" $('#referenz').load('referenz_start.php?ref='<we:field name="WE_ID" />'') ;">

Und ja der Wert wird ersetzt, habe die Seite im Browser geöffnet und im Quelltext steht dann ref=5

Ja. Nun. In meinem Beispiel siehst Du, wie man durch den Klick des Containers BLA den nachgeladenen Inhalt in Container BLUB anzeigt. Und ich werde mich hüten, Dir ein fertiges Script zu posten

mfg chmee

Sorry aber ich habe keinen Check was das mit meinen Variablen zu tun hat. In einem anderen container neue Inhalte zu laden ist ja wohl noch die leichteste Übung :P

@Carrear
Tu nicht so überheblich. Deine bis Dato gezeigten Scripts funktionieren nicht (auch nicht das Laden in fremde Container) und ich sehe auch nicht, dass Du etwas probierst, sondern Du postest abermals Dein Eingangskonstrukt.

..ich bin dann mal raus, bis Du mal eine funktionierende GET-Ajax-Anweisung hingekriegst... Beispiele hast Du ja bekommen. Hier nochmal der Link zur Dokumentation von jQuery get().

mfg chmee

Also um das nochmal klar zu stellen. Er lädt die Datei, also es funktioniert prinzipiell, aber die Übergabe der $_GET Variable funktioniert nicht und DAS würde ich gerne vertsehen - nicht wie ich meine Befehle anders strukturieren kann Also wenn ich die Seite in den DIV Lade, dann lädt er den ganzen Inhalt, aber die $_GET Variable $_GET['ref'] ist leer wenn ich sie mit einem echo ausgebe.

sry überheblich Weiß echt nicht was daran überheblich wirkt, wenn ich sage, dass ich es nicht checke. Im übrigen wie eben erwähnt - das Laden der Datei an sich funktioniert sehr wohl. Naja, dann erstmal danke für den Versuch

Ich tippe einfach mal darauf, dass Du doch einen Fehler übersehen hast, den Dir Firebug anzeigen müsste. Poste bitte mal die Ausgabe jener Problemzeile aus dem browsergenerierten Seitenquellcode..

mfg chmee

Ich befürchte chmee ist die Funktion load() unbekannt (http://api.jquery.com/load/)

It is roughly equivalent to $.get(url, data, success)
[...]
.load() sets the HTML contents of the matched element to the returned data.

Jetzt zu deinem Problem: Poste mal den HTML Code der entsprechenden Stelle, so wie er im Browser an kommt. Du sagst zwar, dass "<we:field name="WE_ID" />" korrekt ersetzt wird, aber dann würde der GET
Parameter auch ankommen.

Ansonsten solltest du mittels Firebug, HttpFox o.ä. gucken, was zum Server geschickt wird.

Ich gehe davon aus, dass ich irgendetwas übersehe. Also um das mal generell zu klären: Prinzipiell müsste es möglich sein in dem .load() Befehl eine Datei aufzurufen und dieser gleichzeitig eine Get Variable zu übergeben? Naja, die Zeile ist die die oben steht, oder verstehe ich das jetzt wieder falsch ?

HTML-Code:

   <div class="showcase_choice_ref"><we:object name="ref_digi1" classid="2"><we:field type="img" name="Thumbnail" thumbnail="ref_small" /><div onclick=" $('#referenz').load('referenz_start.php?ref='<we:field name="WE_ID" />'') ;"><we:field type="text" name="Titel" /></div> // <we:field type="text" name="Unternehmen" /></we:object></div>

Im Browser kommt es dann so an:

HTML-Code:

<div class="showcase_choice_ref"><img src="/site/images/example1.jpg" alt="" height="74" width="150" name="Thumbnail" /><div onclick=" $('#referenz').load('referenz_start.php?ref='5'') ;">Directory</div> // Example</div>

Ich habe es auch schonmal versucht ohne die einzelnen ' um den Wert für die Referenz, so dass die ausgabe im Browser nicht ='5' sondern =5 war.

Nein, das ist schon richtig. Und wir gehen auch davon aus, dass

Code :

1	referenz_start.php?ref=5

als Solches funktioniert..

Die Eigenheit von jQuery ist, dass es erst ausgeführt werden soll(te), wenn alles fertig geladen ist (window.onload() oder document.Ready..) - ich habe jQuery bis Dato noch nicht inline im html-tag benutzt noch von Anderen so gesehen. Das könnte der Fehler sein. Also machst Du einen Scriptbereich im Head auf und steuerst lediglich von dort den ganzen Vorgang.

(A) Dein Div bekommt eine id.

HTML-Code:

<div id="Directory">Directory</div>

(B) Im Head muß Folgendes für saubere jQuery-Nutzung rein:

HTML-Code:

<script type="text/javascript">                                         
    $(document).ready(function(){
        // Hier kommt der jQuery-Code rein.
    });                                   
</script>         

(C) Der Code, der da rein muß, ist ein click-Event auf "Directory"

HTML-Code:

$('#Directory').click(function(){ 
   // was passiert, wenn geklickt wird * siehe jsfiddle-Beispiel oben.
});

(D) und was passiert, hast Du ja schon essentiell gecodet.

mfg chmee

@CPoly : Nein, load() ist mir nicht unbekannt, und ich poche auch nicht auf die Nutzung von .get(). Anfangs war nicht ersichtlich, dass der JS-Code inline im onclick-tag hing. Und da vermute ich grad den Fehler. Das kann man nun mit einer Säuberungsaktion verbinden, man trennt den JS-Code vom HTML-Teil und schaut, was passiert. Zum Debuggen sicherlich auch nen Deut besser.

Achssooooooo Sag das doch gleich Okay, ich bastel da grad mal ein bisschen rum und schaue mal ob das klappt. Wenn das klappt dann muss ich den ganzen anderen onclick Müll den ich auf der Seite habe auch mal auslagern in den Head Bereich