Javascript in Drupal Seiten einfügen?
am 16.05.2012 - 07:57 Uhr in
Hallo Leute,
ich bin noch am verzweifeln.
Ich versuche vergeblich, ein kleines Memoryspiel das auf Javascript basiert, in eine "Full HTML" Seite von Drupal einzubinden.
Auf meiner Test HTML Seite funktioniert das Ganze prächtig. Drupal jedoch zeigt nur ein komisches Raster an, wenn ich den Code über die Codeansicht (CKEditor) einfügen will.
Das einzige was ich bisher geschafft habe, die HTML Seite mit dem kleinen Memoryspiel als iframe einzubinden, was aber nicht wirklich elegant ist.
Habt ihr vielleicht Lösungsvorschläge, wie man das lösen könnte?
Ich denke das Problem ist, dass sich ein Teil des Scripts im Header befindet und ein anderer Teil im Body...
schon mal Danke im Voraus fürs ausprobiere
| Anhang | Größe |
|---|---|
| memory.zip | 145.12 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Rikibu, hier gibt es
am 16.05.2012 - 10:15 Uhr
Hallo Rikibu,
hier gibt es ein schönes Tutorial zu dem Thema:
http://forward-media.de/tutorial/javascript-richtig-einbinden-0
Viele Grüße Jenna
Hast du es auch ohne
am 16.05.2012 - 10:15 Uhr
Hast du es auch ohne CKEditor versucht?
Hast du im Fullhtml-Text auch zwischen body und head unterschieden?
Könnte es daran liegen, dass das Script die Bilder nicht findet?
@Jenna, diese Anleitung habe
am 16.05.2012 - 11:44 Uhr
@Jenna,
diese Anleitung habe ich auch schon gefunden, allerdings bringt mir die wenig, da ich kein ausgelagertes Script habe und ich das ganze speziell in 2 Bereiche gesetzt hab (siehe meine angehängte Beispieldatei oben im Ausgangsposting)
auch andere Scripts, die gezielt im Body Tag definiert sein müssen, können nicht wirklich praktikabel über die info Datei vom Theme eingebunden werden.
bin irgendwie ratlos wie ich das lösen soll...
ich habe den Code mal
am 16.05.2012 - 12:24 Uhr
ich habe den Code mal probeweise bei mir lokal eingebunden und das Spielchen auch schon gespielt.
Es funktioniert einwandfrei, bis auf ein paar verschobene Bilder. Das liegt aber wohl daran, dass die Seitenbreite meiner Drupal-Seite nicht ganz ausreichend ist.
Wie habe ich das gemacht:
im CK-Editor einfach auf Full-HTML gestellt, und dann umgeschaltet auf plain-Text.
Dann oben das Javascript eingefügt und darunter die Form, die in der HTML-Seite vorgegeben war.
Jetzt nur noch den Pfad für die Bilder anpassen und natürlich die Bilder auch in das Verzeichnis kopieren.
Ich habe für die Bilder ein Verzeichnis unterhalb des Themes genommen, welches ich verwende.
Es wird alles richtig angezeigt, bis auf eine kleine Verschiebung der Bilder aber es sollte leicht möglich sein, das auch noch in den Griff zu bekommen.
Gruß
Berthold Lausch
Danke für den Tipp, werde ich
am 16.05.2012 - 13:39 Uhr
Danke für den Tipp, werde ich mir am Freitag auf ARbeit noch mal ansehen, jetzt is erstma feiertag :-)
Dann wünsche ich schon mal
am 16.05.2012 - 13:58 Uhr
Dann wünsche ich schon mal einen schönen Feiertag...
btw: die Verschiebungen kann man auch ganz leicht in den Griff bekommen, wenn man den Table-Tag und den tbody-Tag aus dem JavaScript herausnimmt und einfach in dem HTML ergänzt.
Jetzt ist es eine richtig schöne quadratische Fläche.
ein nettes kleines Spielchen für den Zeitvertreib.
Gruß
Berthold Lausch
ja dachte ich mir auch. das
am 16.05.2012 - 14:10 Uhr
ja dachte ich mir auch. das spielchen so als auflockerung kommt sicher nich schlecht.
aber eine frage hab ich mal noch.
was steckt dahinter, wenn du den code in full html einfügst und dann auf plain text stellst?
was macht das für nen unterschied?
wird das script etwa auch im normalen plain text modus ausgeführt? eigentlich müsste es doch in full html eingebettet sein?
das irritiert mich grad vollständig
Du wirst da zwei Dinge
am 16.05.2012 - 16:53 Uhr
Du wirfst da zwei Dinge durcheinander.
Das Textformat (z.B. Full-HTML) bedeutet nur, dass in dem Textfeld sämtliches HTML auch ausgegeben wird und nichts weggefiltert wird.
Der CK-Editor ist aber ein WYSIWYG-Editor und interpretiert die Eingaben in de WYSIWYG-Modus wie geschriebenen Text.
Da wird aus >
>h;Das hast du bestimmt schon mal gesehen.
Deswegen muß du unbedingt auf Plain-Text Editor umschalten, damit der CK-Editor dir den Code nicht vollkommen kaputt macht :-)
Gruß
Berthold Lausch
Jetzt muss ich aber noch mal
am 18.05.2012 - 08:01 Uhr
Jetzt muss ich aber noch mal nachfragen.
Wo stelle ich denn ein, dass ich Plain Text Editor verwenden will? das geht doch nur über die Eingabeformate, denen ich jeweils den CKEditor zuweise, bzw. eben nicht - wie zb. im Eintrag plain text, der natürlich keinen CKEditor zugewiesen bekam.
Oder ist das ne Einstellung im CKEditor? wenn ja, wo find ich die?
Ich muss doch auf jeden Fall eine "Full HTML" Seite anlegen, aber ohne CKEditor zu verwenden.
Erstelle einfach einen Node
am 18.05.2012 - 10:00 Uhr
Erstelle einfach einen Node im Format FullHTML. Da hast du jetzt deinen CK-Editor. Unter dem Textfeld steht der Text "
Switch to plain text editor", dort klickst du drauf und schon hast du FullHTML UND PlainText. Dort kannst du dann dein Script einfügen.Mmmh ich muss das wohl
am 18.05.2012 - 10:18 Uhr
ahhh hab nun den Fehler gefunden. bei den vielen Einstellungen übersieht man gerne mal was.
der Deaktivieren-Button war ausgeschaltet...
werde es jetzt mal probieren...
Poste bitte mal einen
am 18.05.2012 - 10:21 Uhr
Poste bitte mal einen Screenshot von deinem Node-Formular.
hab es gefunden, es musste
am 18.05.2012 - 14:30 Uhr
hab es gefunden, es musste noch aktiviert werden.
allerdings hab ich das problem, dass drupal (mit marinelli theme) den code sofort umsetzt und irgendwie total falsch anzeigt...
jedenfalls sehr merkwürdig das ganze... der eigentliche witz ist, dass man die seite dann nicht noch mal editieren kann weil das 4 x 4 raster quasi im overlay liegt und ich so an das eigentliche editorfenster nich rankomme.
gibts da nen trick beim code reinkopieren? habe das script bis zum form ende reinkopiert