For example, I want to add this: So far, what I have done is using this way to add into my specific content type. I dont know what context you have with respect to Drupal, so Ill write down here a sequence of links that you can update with. Select any conditions ( they are the same as CSS Injector ). I've added a text field to this content type. Then we check if they are already created and initialized. See the next example: This code, when executed, will make several print calls in Console (in this case, up to three times): Why is this? You can also have the JS come from an external URL, include CSS files, and there are other possibilities. We can think about two options: one more secure than other. Working with both CSS and JS from Drupal 8 onwards has become standardised. So the library definition of our previous example becomes: In our PHP files, we can now pass the desired drupalSettings alongside our library. In our behaviors we must send -always- the context of execution of this. Asset libraries can contain one or more CSS assets, one or more JS assets and one or more JS settings. This is exactly what will happen with our new friend, the global object Drupal, an existing resource -always- in any Drupal site installed from the drupal.js library present in the /core/misc/ path: Here in the previous image we see the file (a fundamental script in Drupal), which serves to provide centrally various JavaScript APIs in Drupal and to provide a common namespace to group all the extensions that will be added to the global object. Until now it was simply a text message, but now we are going to add a table with comments associated with the current user. Not controlling this, can make that in each execution of a behavior, a selector is searched by all the document instead of its concrete zone, what can slow down the execution of the website. Add conditional javascript from CDN (external library), Add js depend jQuery in a specific content type. In this guide you will learn basic concepts of JavaScript, the terminology used in Drupal, functions, methods and common mechanics to enrich your projects by make them run with executable code on the client side. For some advanced use cases like detecting 3rd party libraries that need to be downloaded manually, and then exposing those as Drupal asset libraries (think Libraries API module) you want to be able to still use PHP code to register libraries using some additional logic. yml file would be: Due to the limitations regarding the extension of this tutorial, we will focus on some basic keys, leaving for later the possibility of preparing an article on more advanced issues. with a own id = unsplash (see the image above). Is there any other better way? Although it is a complex and extensive topic, we will focused in the possibilities of implementing AJAX in Drupal. If using drupalSettings plus a JavaScript file is not an option, then you still have one option left: use hook_page_attachments(), where you add a new value to $page['#attached']['html_head'], which contains either a
