TypoScript: Check if JS/CSS File is already included

Question

anybody knows how to check if a js/css file is already included with typoscript?

Example

[Template_A.ts]

page.includeJS {
  jsfile = fileadmin/Template/js/jquery-1.10.2.min.js
}

now if i got an extension with the same include e.g.

[Extension_A.ts]

page.includeJS {
  jsfile = fileadmin/Template/js/jquery-1.10.2.min.js
}

Is there a way to prevent this kind of double code injection? Maybe i got another Template e.g. Template_B.ts where jquery is not included - than the Extension_A.ts has to include jquery by itself.

Kinldy

pgampe · Accepted Answer · 2014-07-06 13:08:00Z

2

You can use the same key inside includeJS such it just gets overridden if you include the file twice.

Other than that you should put jQuery into includeJSlibs, such that it is loaded before the other JS files.

Other than that, the TS should be unique for each page. Therefore you always to make sure anyway that all resources are included in-order. You should not include JS libs with the automatic extension TS setups. Use your documentation to tell the integrator what needs to be included and what not.

answered Jul 6, 2014 at 13:08

pgampe

4,5771 gold badge22 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

peter_the_oak · Accepted Answer · 2014-07-03 13:00:26Z

The various and independent inclusion of scripts by plugins and templates is one of the tricky points in TYPO3. As far as I know, this point cannot be managed at one single point.

There is a plugin "t3jquery" that offers to build, compress and share a common jQuery library. It also has a service to analyze other plugins for their dependencies. But this doesn't solve the problem in general, as many plugins don't check for libraries already loaded.

The most stable way is to remove all plugin's references to libraries manually in your TypoSkript. This gives you some simple additional TypoSkript lines. I use lines like these:

plugin.tx_imagecycle_pi1.file.jQueryLibrary >
plugin.tx_imagecycle_pi1.jQueryLibrary >
plugin.tx_multicontent_pi1.file.jQueryLibrary > 
plugin.tx_multicontent_pi1.jQueryLibrary > 
# Fluid
page.headerData.998 >

You can find the matching TypoSkript descriptors by searching for the library name in the TypoSkript browser or by greping in the plugin's source code. You will also need this if you wish to add libraries as part of content that was get by AJAX, thus separating the libs from the page content.

Here's a tut (in German): http://jweiland.net/typo3/typoscript/javascript-manuell-entfernen-oder-einbinden.html

Futher possibilities you can check:

Some plugins are written in good structure and offer to keep back their Javascript in the settings.
Some script inclusions may come rather from the static template but from a plugin, so don't forget to have a look there.

Collectives™ on Stack Overflow

TypoScript: Check if JS/CSS File is already included

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related