Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Aus aktuellem Anlass hier einige Infos zu Jquery:


Jquery ist ein Javascript Framework - es ist in Javascript geschrieben und bietet einige Funktionien, die dem Entwickler das Leben leichter machen sollen.


Beispiel:

Javascript:
var test1 = document.getElementById('test');
--> gibt als Rückgabewert ein Javascript-Element (das Element mit der ID "test");
ACHTUNG: Gibt es auf der Seite kein solches Element, wirft javascript hier einen Runtime Error und spätere Javascript-Codes werden nicht ausgeführt!
Wenn ihr diese Variante verwendet müsst ihr daher sicherstellen, dass das Element auch existiert oder aber den Fehler abfangen (Stichwort try-catch Block).

Dieses Element "versteht" auch nur reines Javascript: z.B. test1.innerHTML() = "blubb";

Jquery
var $test2 = $('#test')
--> gibt als Rückgabewert ein Jquery-Object zurück, welches das Javascript-Element von oben enthält. Gibt es das Element nicht, wird kein Fehler geworfen.

Damit man nicht durcheinanderkommt empfiehlt es sich, Jquery-Objecte z.B. immer mit einem $ im Namen zu beginnen - das ist aber Geschmackssache.

Hier kann man jetzt auch mit Jquery-Methoden arbeiten. Z.b. $test2.html("blubb")

HINWEIS: Man kann ein Jquery-Obect beliebig in das Javascript-Element umwandeln und umgekehrt:

Von Jquery nach javascript greift man einfach auf das erste Element des Jquery Objectes zu:
test1 = $test2[0];

Umgekehrt sieht es dann so aus:
$test2 = $(test1);





Konkrete Lösung für folgendes Problem:

Zitat von FoX im Beitrag Frage zu 'hidden'

---

So funktioniert es leider nicht:1 xobor.plugin('bil10').getConf('txtcolor',function(fun3){coloring = fun3; $("#txtplatzhalter").style.color(coloring);)});

---

Es gibt daher theoretisch 2 Lösungen:

$("#txtplatzhalter").style.color(coloring); ist falsch, da style.color nur auf einem javascript-Element funktioniert.

Richtig wäre: $("#txtplatzhalter")[0].style.color = coloring;
Das ist fast identisch mit document.getElementById('txtplatzhalter').style.color = coloring; (bis auf die Fehlerbehandlung falls das Element gar nicht existiert - siehe oben)

Einfacher geht es, wenn ihr direkt auf die Jquery Merthode "css" zurückgreift:
$("#txtplatzhalter").css('color', 'coloring');
oder als Object
$("#txtplatzhalter").css({'color': 'coloring' , 'attr2': 'wert2', 'attr3': 'wert3'});




Ich hoffe das hilft. Weiterführendes zu Jquery findet ihr auch hier