Saudoofes Henne-Ei-Problem / WB 2.8

[WebBird]

Ich hab mich jetzt grad tierisch verhampelt und brauch mal jemanden, der mich wieder einnordet.

Aaaalso...

* CSS darf nach W3C-Standard nur im HEAD-Bereich auftauchen.
* Im Backend von EasyMenu kann man das Layout eines Menüs (per CSS) ändern und bekommt eine Vorschau - hübsch per AJAX aktualisiert.
* Derzeit schreibe ich das CSS dann in die Seite - alles ist gut.

Nun mit jQuery.

* Der jQuery-Kram wird im WB-Backend ganz am Ende der Seite geladen.
* Dahinter wird die backend.js geladen.
* Man kann jQuery also in der backend.js benutzen.

Wenn ich nun aber den DIV mit der Preview (am Anfang der Seite) ersetze, und in diesem Bereich gibt's ein JavaScript, wird das (beim Neuladen per AJAX) nicht mehr ausgeführt. Und damit auch nicht das Update des CSS.

Mann, ich kann das nicht mal richtig in Worte fassen...

[Ralf (Berlin)]

Bei allem Respekt dafür, dass man immer alles richtig machen möchte (ich gehöre auch zu denen, die sich immerzu quälen), ist es im Backend m.E. nicht zwingend erforderlich den W3C Standard einzuhalten - schließlich hat in diese Seiten (insbesondere bei EasyMenu) nur der Webmaster seine Nase zu stecken, sonst keiner 

Gruß
Ralf

[Stefek]

Da gebe ich Ralf echt recht.
Schön wenn alles validiert, aber es geht ums Backend.

Ich habe mir mehrere Backends von namhaften CMS/Shopsystemen angeschaut - es scheint hier bei uns - aus welchen Gründens auch immer - überbewertet zu werden.

Der Trick mit der Einbindung des JS erst im Footer hat eigentlich auch mit Performence beim Laden zu tun.
Da sollte man keine Angst haben, denn einmal im Backend geladen, ist es da.
Selbst mit nem iPhone geht das Ratz-Fatz.

Versuche hingegen einmal das Backend vom SilverStripe zu laden.
Während dessen kannst Du Dir einen Kaffee aufsetzen.

Gruß,
Stefek

[Luisehahne]

Hi,

das hat nichts mit W3C Standard zu tun, Du hast auch jetzt noch die Möglichkeit alles nach oben zu packen. Ich sagte ja bereits ich werde mal eine Auflistung der Variablen machen für die skinable Backend-Templates.

Das oben und unten sind nur Empfehlungen. Siehe hier

http://developer.yahoo.com/yslow/help/index.html#guidelines

Dietmar

[WebBird]

Naja, aber im Frontend werde ich mit den CSS-Dateien das gleiche Problem haben. Welche das sind, weiß ich erst, wenn die Blöcke geladen sind. Auch da muß ich zur Laufzeit CSS erzeugen und in den HEAD einbinden.

Das jQuery nach oben zu packen, ist vermutlich keine Hilfe in diesem Fall. *kopfkratz*

Naja, ich krieg das schon noch hin.

[Luisehahne]

Ich binde auch zur Laufzeit CSS ein. Aber auch unten, keine Probleme. Dafür gibts das insert plugin von jquery

Das Einzige was unten komischerweise nicht funktioniert ist der editor_area_full.js

Dietmar

[WebBird]

Sach mal wie.

[Luisehahne]

so z.B.

Code:

  if($("a[rel^='lightbox']").length) {
        $.insert(WB_URL+'/include/jquery/plugins/jquery-slimbox2.css');
        $.insert(WB_URL+'/include/jquery/plugins/jquery-slimbox2-min.js');
      }

Du musst dir davor nur eine Javascript Variable ins Template einbinden

Code:

<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var WB_URL = '<?php echo WB_URL ?>';
var TEMPLATE_DIR = '<?php echo TEMPLATE_DIR; ?>';
</script>

Dietmar