[TYPO3-german] Javascript einbinden funktioniert nicht

Sat Jul 27 10:28:02 CEST 2013

Hallo Stefan,

vielen Dank für deine Antwort.

Die Dateien sind alle auf meinem Server in Unterverzeichnissen.

Für includeJS hatte ich folgendes versucht (ganz oben im Setup meines
Main-Templates):
page.inlcudeJS {
file1 = fileadmin/jscript/rickshaw-master/vendor/d3.min.js
file1.type = application/x-javascript
file2 = fileadmin/jscript/rickshaw-master/vendor/d3.layout.min.js
file2.type = application/x-javascript
file3 = fileadmin/jscript/rickshaw-master/rickshaw.min.js
file3.type = application/x-javascript
}

Folgenden Code, um es direkt in den Head des HTML-Templates zu schreiben: 

page.headerData.11 = HTML
page.headerData.11.value {
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/vendor/d3.min.js"></script>
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/vendor/d3.layout.min.js"></script>
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/rickshaw.min.js"></script>
}

Und dies ebenfalls im Main-Template
page.headerData.11 = TEXT
page.headerData.11.value  {
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/vendor/d3.min.js"></script>
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/vendor/d3.layout.min.js"></script>
<script type="text/javascript" language="javascript"
src="fileadmin/jscript/rickshaw-master/rickshaw.min.js"></script>
}

Den Code hatte ich dann als Inhaltselement ("reines HTML") eingetippt:
<!doctype html>
<script src="/vendor/d3.min.js"></script> <script
src="/vendor/d3.layout.min.js"></script>
<script src="/rickshaw.min.js"></script> <div id="chart"></div> <script> var
graph = new Rickshaw.Graph( {
element: document.querySelector("#chart"),
width: 300,
height: 200,
series: [{
color: 'steelblue',
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 } ]
}]
});
graph.render();
</script>

Testweise auch mal oberen Teil weggelassen und nur ab <script> begonnen.

Was mache ich falsch?

-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces at lists.typo3.org
[mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Stefan Reichelt
Gesendet: Samstag, 27. Juli 2013 06:37
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] Javascript einbinden funktioniert nicht

Hallo,

On 26/07/2013 23:02, csvirtual at gmx.de wrote:
> Möchte Rickshaw-Charts nutzen (http://code.shutterstock.com/rickshaw/)

Wenn du per includeJS externe Dateien einbinden moechtest, muesstest noch
ein external = 1 mit geben, z.B.:
page.includeJS.rickshaw =
http://code.shutterstock.com/rickshaw/rickshaw.min.js
page.includeJS.rickshaw.external = 1

Bei Server-eigenen Dateien muss nur der Pfad stimmen, ansonsten wird nichts
gerendert.

Per page.headerData sollte es aber sonst schon gehen, du tust ja manuell in
den HTML header schreiben, egal obs valider Code/Pfad ist. Wie hattest du es
denn da versucht?

Beste Gruesse
Stefan

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german