Mit Javascript Inhalt setzen

Hallo zusammen,

erstmal Frohes neues.

Ich versuche gerade für mich eien Erweiterung zu schreiben und kommt an einem Punkt leider nicht weiter.
Wenn ich den Inhalt mit

Code:

---

$('IDvomContent').set('html', 'Mein Inhalt');

---

setzen will, bekomme ich die Fehlermeldung vom Firebug

Code:

---

TypeError: $(...).set is not a function

---

Was mache ich falsch?
Danke und Gruß

Alex

.set() ist eine mootools Funktion (?)
und mootools sind auf Deiner Seite auch geladen?

Ja mootools wird bei mir so geladen

Code:

---

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js">

---

Wird der Befehl innerhalb eines window.addEvent('domready', function() { ... }); ausgeführt?

Gruß, David

hab beides probiert mit und ohne. kommt die selbe Meldung

so sieht der Code bei mir aus.

Code:

---

<script type="text/javascript">
  window.addEvent('domready', function() {
      $('alex').set('html', 'Das ist ein test');
  });
</script>

---

Das domready brauchst du auf jeden Fall, um sicher zu gehen, dass es erst ausgeführt wird, wenn Mootools geladen wurde.

ist mit domready

Ich bin neulich auf genau das gleiche Problem gestoßen, hat mich auch gewundert.

Wie beschrieben, habe ich den DOM-Ready-Handler drumrum gepackt und mich damit "abgefunden", da alles problemlos funktioniert(e).

Zitat:

---

Zitat von alt-mich

Ich bin neulich auf genau das gleiche Problem gestoßen, hat mich auch gewundert.

Wie beschrieben, habe ich den DOM-Ready-Handler drumrum gepackt und mich damit "abgefunden", da alles problemlos funktioniert(e).

---

Mein Code sieht so aus.

Code:

---

<script type="text/javascript">
  window.addEvent('domready', function() {
      $('alex').set('html', 'Das ist ein test');
  });
</script>

---

und es geht leider nicht.
Übersehe ich da etwas?

Klappt bei mir problemlos.
Einfach ein DIV mit der ID "alex" und der Text erscheint.

Zitat:

---

Zitat von 07alex07

Mein Code sieht so aus.

Code:

---

<script type="text/javascript">
  window.addEvent('domready', function() {
      $('alex').set('html', 'Das ist ein test');
  });
</script>

---

und es geht leider nicht.
Übersehe ich da etwas?

---

Ich benutze da immer eine jQuery-Funktion:

Code:

---

<script>
$(document).ready(function() {
  $('alex').set('html', 'Das ist ein test');
});
</script>

---

Soweit ich weiß, musst du aber aufpassen, wo du die JS-Dateien einbindest (auch mal im Body ausprobieren).

Zitat:

---

Zitat von lindesbs

Klappt bei mir problemlos.
Einfach ein DIV mit der ID "alex" und der Text erscheint.

---

Wenn ich es in einer ganz leeren einfachen HTML-Datei probiere, da geht es auch aber nicht in Contao.

Zitat:

---

Zitat von 07alex07

Wenn ich es in einer ganz leeren einfachen HTML-Datei probiere, da geht es auch aber nicht in Contao.

---

Ich meine neulich gelesen zu haben, dass es zwischen jQuery und den mootols zu Problemen kommen kann. Ggf. mal die Erweiterung jQuery installieren und mit den damit eingebundenen jQuery-Dateien probieren.

Hab jetzt mal jQuery ausgemacht und dann funktioniert es.
Muss schauen das ich es mit jQuery mache, weil der Slider auf der Seite mit jQuery läuft.

Code:

---

window.addEvent('domready', function() {
    document.id('IDvomContent').set('html', 'Mein Inhalt');
});

---

Da ist nicht MooTools Schuld :) jQuery und MooTools beanspruchen beide $ als Shortcut, deshalb funktioniert's nicht. Nimm meine Variante :)

oder Du setzt Dich mit dem noConflict Mode von jQuery auseinander, um auch zukünftige Konflikte gleich zu vermeiden.