[TYPO3-german] TYPO3-german Digest, Vol 206, Issue 4

[lists at berlin-typo3.de]

https://stackoverflow.com/questions/55969780/typo3-how-to-add-a-css-and-js-on-the-backend


> Am 06.11.2020 um 15:19 schrieb lists at berlin-typo3.de:
> 
> Habe es noch nicht gemacht in v10,
> 
> Hilft das:
> 
> GeneralUtility::makeInstance(PageRenderer::class) 
> ->addRequireJsConfiguration([        
> 'paths' => [          
> 'custom-lib' => '/typo3conf/ext/my_ext/foo.lib.js',       
> ],  
> 'shim' => [     
> 'custom-lib' => ['jquery'],
> ],  
> ]);
> 
> https://typo3.com/blog/how-to-use-javascript-in-typo3s-backend?utm_medium=TYPO3%20Blog&utm_source=Blog%20Post%20-%20How%20to%20use%20JavaScript%20in%20TYPO3%27s%20backend&utm_campaign=Blog:%20Technology
> 
> 
> Viele Grüße
> Birgit
> 
>> Am 06.11.2020 um 15:05 schrieb g4-lisz at tonarchiv.ch:
>> 
>> Hallo Birgit,
>> 
>> das hilft mir leider auch nicht. Es geht mir generell um die Benutzung
>> von jQuery, nicht nur für $(...).ready.
>> 
>> Laut
>> 
>> 
>> https://docs.typo3.org/m/typo3/reference-coreapi/master/en-us/ApiOverview/JavaScript/RequireJS/Extensions/Index.html
>> 
>> kann ich mein eigenes RequireJS Modul bauen, und dann wird dort wohl
>> jQeur injiziert.
>> 
>> Aber auch damit ist mir noch nicht klar, wie ich was ganz Simples mit
>> jQuery im Fluid-Template machen kann, wie z.B.
>> oncklick="$(".classXy").macheIrgendwas();".
>> 
>> Grüsse,
>> Till
>> 
>> On 06.11.20 14:21, lists at berlin-typo3.de wrote:
>>> Hallo Till,
>>> 
>>> Hilft dir das weiter?
>>> 
>>> https://docs.typo3.org/m/typo3/reference-coreapi/master/en-us/ApiOverview/JavaScript/Modules/DocumentService.html
>>> 
>>> 
>>> Viele Grüße
>>> Birgit
>>> 
>>> 
>>>> Am 06.11.2020 um 14:15 schrieb g4-lisz at tonarchiv.ch:
>>>> 
>>>> Hallo Silke,
>>>> 
>>>> leider ist auch 'jQuery' undefiniert.
>>>> 
>>>> Ich habe es auch noch mit includeRequireJsModules="{0:'jquery'}"
>>>> versucht, das hat aber auch nicht geholfen.
>>>> 
>>>> Geht das wirklich nur noch mit requireJS? Aber trotzdem müsste doch
>>>> jQuery irgendwie verfügbar werden...
>>>> 
>>>> Grüsse,
>>>> Till
>>>> 
>>>> On 06.11.20 13:47, Silke Capo wrote:
>>>>> Hallo Till,
>>>>> 
>>>>> bin leider noch auf 9.x, hatte aber früher das Problem, mehrere
>>>>> Bibliotheken zu haben, die alle "$" belegt hatten. Dort wurde jquery
>>>>> dann folgendermaßen eingebunden:
>>>>> 
>>>>> jQuery.noConflict();
>>>>> jQuery(document).ready(function($){ ... }
>>>>> 
>>>>> Vielleicht funktioniert das in deinem Fall ja auch.
>>>>> 
>>>>> Viele Grüße
>>>>> 
>>>>> Silke
>>>>> 
>>>>> On 06.11.20 12:00, typo3-german-request at lists.typo3.org wrote:
>>>>>> Send TYPO3-german mailing list submissions to
>>>>>>   typo3-german at lists.typo3.org
>>>>>> 
>>>>>> To subscribe or unsubscribe via the World Wide Web, visit
>>>>>>   http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>> or, via email, send a message with subject or body 'help' to
>>>>>>   typo3-german-request at lists.typo3.org
>>>>>> 
>>>>>> You can reach the person managing the list at
>>>>>>   typo3-german-owner at lists.typo3.org
>>>>>> 
>>>>>> When replying, please edit your Subject line so it is more specific
>>>>>> than "Re: Contents of TYPO3-german digest..."
>>>>>> 
>>>>>> 
>>>>>> Today's Topics:
>>>>>> 
>>>>>>   1. Wie benutze ich jQuery im BE V10? (g4-lisz at tonarchiv.ch)
>>>>>> 
>>>>>> 
>>>>>> ----------------------------------------------------------------------
>>>>>> 
>>>>>> Message: 1
>>>>>> Date: Fri, 6 Nov 2020 11:19:00 +0100
>>>>>> From: g4-lisz at tonarchiv.ch
>>>>>> Subject: [TYPO3-german] Wie benutze ich jQuery im BE V10?
>>>>>> To: typo3-german at lists.typo3.org
>>>>>> Message-ID:
>>>>>>   <mailman.23375.1604657944.687.typo3-german at lists.typo3.org>
>>>>>> Content-Type: text/plain; charset=utf-8
>>>>>> 
>>>>>> Hallo Freunde der leichten Unterhaltung.
>>>>>> 
>>>>>> Ich krieg's irgendwie nicht gebacken. $ is not a function... $ is not
>>>>>> defined... usw.
>>>>>> 
>>>>>> Ich binde das eigene Skript in Fluid ein via Backend VH:
>>>>>> 
>>>>>> <f:be.pageRenderer includeJsFiles="{...}" />
>>>>>> 
>>>>>> Das Skript selbst ist so aufgebaut:
>>>>>> 
>>>>>> (function ($) {
>>>>>> ? function myListener1() { ... }
>>>>>> ? function myListener2() { ....}
>>>>>> ?...
>>>>>> ? function attachListener () {
>>>>>> ????? $('.xy').change(myListener1);
>>>>>> ??? usw.
>>>>>> ?}
>>>>>> 
>>>>>> ? $(document).ready(attachListener);
>>>>>> 
>>>>>> }) (jQuery);
>>>>>> 
>>>>>> Dann kriege ich den Fehler: jQuery is not defined.
>>>>>> 
>>>>>> Ich hab's auch mit? ... (window.$) versucht. Dann heisst's $ is not a
>>>>>> function (Zeile $(document).ready()).
>>>>>> 
>>>>>> Wie macht man das richtig?
>>>>>> 
>>>>>> Gr?sse,
>>>>>> Till
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>> ------------------------------
>>>>>> 
>>>>>> _______________________________________________
>>>>>> TYPO3-german mailing list
>>>>>> TYPO3-german at lists.typo3.org
>>>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>> 
>>>>>> End of TYPO3-german Digest, Vol 206, Issue 4
>>>>>> ********************************************
>>>> _______________________________________________
>>>> TYPO3-german mailing list
>>>> TYPO3-german at lists.typo3.org
>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>