4.7.15 - page.includeJSFooter funktioniert nicht.
Hallo,
für Boilerplate 4.3.0 habe ich mein Setup im TS soweit fertig.
Lediglich der untere Teil der eingefügt werden muss
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
will mir mit TS nicht klappen.
page.includeJSFooterlibs.jQuery = http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js
page.includeJSFooterlibs.jQuery.external = 1
page.includeJSFooter {
#file11 ( <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> )
file12 = fileadmin/templates/js/plugins.js
file13 = fileadmin/templates/js/main.js
}
Sobald ich bei file11 das remark entferne wird nur noch.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
dargestellt.
Mit remark werden die anderen 3 Einträge richtig dargestellt.
Ich vermute einen SyntaxFehler - komme aber einfach nicht drauf.
Alternativ könnte ich folgendes Script einbinden.
page.100000 = HTML
page.100000.value (
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
)
was funktionieren würde. Scheint mir nur nicht so elegant zu sein.
Oder isses eigentlich wurscht?
und eigentlich habe ich gesehen habe ich noch ein Problem #angry#
Der Kopf Bereich muss wie folgt aussehen. IE Abfrage soll gleich nach
Charset kommen.
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Ich schaffe aber nur die umgekehrte Reihenfolge
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
mit folgendem Code
config.metaCharset = utf-8
page.headTag(
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
)
Boah .. Stunden schon wieder verbracht .. und ich bin erst beim Header ... snief!
Es gäbe zwar die Boilerplate Extension im TER aber das muss doch auch ohne Ext. gehen!
Im Internet habe ich echt keine Lösung dazu gefunden.
file11 erwartet doch wohl eine Pfadangabe zu einer JS-Datei und nicht eine Zeile Text.
Lagere das JS aus in eine Datei und binde diese dann bei file11 ein.
Und seit wann hat die Reihenfolge der Metatags im Header Relevanz?
hallo,
nun habe ich die tomaten entfernt und den Pfad mit "fileadmin/templates/" bei f11 erweitert.
Irgendwie will mir das TS aber das nicht richtig ansprechen. es wird wieder nur die erste zeile angezeigt.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Der Rest fehlt. Dadurch wird das Template auch nicht dargestellt.
Die andere Lösung mit page.100000 funktioniert aber.
Bzgl. der Reihenfolge der meta Tags gebe ich Dir durchaus recht. Aber damals hatte ich ja recherchiert und unter anderem folgenden Link gefunden.
http://code.google.com/p/chromium/issues/detail?id=23003
Dieser besagt das der Aufruf nicht ausgeführt wird wenn der meta tag "is greater than 1K bytes 'in' from the start of the document."
Ist also durchaus wichtig das der gleich nach dem Charset steht.
Ich habe bis dato noch keine Lösung gefunden. Ausser der Verwendung der oben erwähnten Erweiterung. Sehr sehr eigenartig. Bin ich denn der einzige der Boilerplate mit Typo3 verwendet?? Hust
Unvorstellbar.....
Hallo,
Deine Vermutung mit der Syntax dürfte den Nagel schon auf den Kopf treffen#giggle#
Warum baust Du Dein TS nicht nach dem üblichen Muster auf?
page = PAGE
page {
typNum = 0
meta {
..
}
headerdata {
...
}
10 = TEMPLATE
10 {
... Hier kommt der ganze Quarx mit Layout-Pfaden, Variablen, subparts usw. rein ...
}
includeCSS {
file10 =
file11 =
}
includeJSLibs {
jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
jquery.external = 1
file20 =
}
usw.
} #Ende PAGE
Damit hast Du vollkommene Kontrolle, welche Datei TYPO3 wann anzieht.
Das Setup für HTML5Boilertemplate solltest Du im übrigen nicht im Rahmen der Page-Definition, sondern in der Page-Konfiguration machen:
page.config.html5boilerplate{
# This replaces the html tag with some conditional comments for IE and a no-js class
htmlTag (
<!--[if lt IE 7 ]> <html lang="de-DE" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="de-DE" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="de-DE" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="de-DE" class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><html lang="de-DE" class="no-js"><![endif]-->
<!--[if !IE]><html lang="de-DE" class="no-js"><![endif]-->
<html lang="de-DE" class="no-js">
)
Ich habe das jetzt nicht getestet, aber ich hoffe mal, Deine Gedanken in die korrekte Richtung lenken zu können.
Viel Erfolg!
Danke für die Info (hatte keine E-Mail erhalten über Posting)
Werde ich mir mal inm Detail anschauen und beshceid geben.
Eine Frage: Du hast hier u.a. de Befehl "page.config.html5boilerplate"
verwendet. Das bedeutet aber Du verwendest die Extension Boilerplate, oder?
Oder ist das mittlerweile im TS als Befehl drinnen?
Hallo,
ich selbst verwende die Extension Boilertemplate nicht. Aber eine Firma, die ihren Webserver mit vollen Leserechten im Netz betreibt😃
Wenn dies bei denen funktioniert, würde ich den Ansatz mal weiter verfolgen. Schließlich sagt auch die Doku mehr oder weniger dasselbe:
http://typo3.org/extension-manuals/html5boilerplate/0.5.0/view/1/4/
Viel Erfolg!