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

Fri Nov 6 18:45:09 CET 2020

Das war ein super Hinweis!

require(["jquery"], function($) {
   //your awesome function
});

Allerdings musste ich meinen Code etwas umschreiben. Da ja alles in
dieses require ( ... )  "gewrapt" wird, sind die Funktionen global nicht
mehr sichtbar. D.h. onclick="myfunc();" im Template geht dann nicht mehr.

Nun funktioniert es. Aber ich frage mich nach wie vor was man tun muss,
um jQuery direkt benutzen zu können, also innerhalb des Templates...

Grüsse,
Till   

On 06.11.20 15:25, lists at berlin-typo3.de wrote:
> 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
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german