> For the complete documentation index, see [llms.txt](https://doc.commandersact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.commandersact.com/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/container/javascript-block.md).

# Bloc Javascript

## Ajout de code JavaScript statique

Commanders Act vous permet d’inclure du JavaScript « libre » dans le tag container, sans limite de caractères, à deux endroits appelés « Static JavaScript Code ».

Les « Static JS codes » vous permettent d’effectuer différents types d’actions, notamment :

– Corriger des problèmes de data layer.

Par exemple, si votre variable externe « page\_name » contient des valeurs avec des caractères spéciaux, vous pouvez les supprimer ou les remplacer dans le code JavaScript statique (par ex. transformer « & » en « and » comme suit :

<figure><img src="/files/20d1e236de3271d5f907cfaae2fd961e83632a58" alt=""><figcaption></figcaption></figure>

Ainsi, vous pouvez continuer à utiliser votre variable externe « page\_name » dans les tag en supprimant ses caractères spéciaux via le code JS statique.

– Récupérer des données absentes dans la data layer à partir du code source des pages du site.

Par exemple, vous pouvez récupérer les champs de formulaire JQuery dans votre bloc JS statique de la manière suivante :

<figure><img src="/files/fe26ee71f415e3ce501e8f738c10657107237ecb" alt=""><figcaption></figcaption></figure>

Les « Static JS codes » apparaissent à deux endroits dans le menu de gauche de l’interface de l’étape « EDIT » :

– Le premier code JS statique est placé avant la déclaration des variables internes, dans l’ordre d’exécution des éléments du tag container de votre site.

– Le second code JS statique est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser, à cet emplacement, les variables internes déjà déclarées) :

<figure><img src="/files/56cc7837a5935326cdce0039f1b443fdb7395b3b" alt=""><figcaption></figcaption></figure>

La même interface utilisateur est utilisée pour le code JavaScript statique, qu’il s’exécute avant ou après les variables internes. Il suffit de saisir le code JavaScript souhaité et de cliquer sur « SAVE ».

## Ajout de fichiers JavaScript dynamiques

Commanders Act permet **dynamiques** **JavaScript** fichier(s) à inclure dans un tag container, dans deux emplacements nommés «**Dynamique** **JavaScript** **Fichier(s)**».

Contrairement à «**Statique** **JavaScript** **codes**», «**Dynamique** **fichiers JavaScript** » sont des fichiers JavaScript **externes** à Commanders Act qui sont **téléchargés** puis **ajoutés** ou mis à jour dans le container à chaque génération.

Les «**fichiers JavaScript dynamiques** » vous permettent d’effectuer différents types d’actions.

Par exemple, vous pouvez les utiliser pour importer un fichier JavaScript contenant une **JQuery** bibliothèque (si elle n’est pas déjà appelée sur votre site) ou un fichier JavaScript de conversion de devises dans votre container. En important ces fichiers dans Commanders Act, vous pouvez les ajouter à vos solutions ou les utiliser pour créer de nouvelles variables (par exemple, vous pouvez mettre automatiquement à jour les devises dans les tag de vos solutions).

« Dynamic JavaScript File(s) » apparaissent à deux endroits dans le menu de gauche de l’étape «**EDIT** » :

* Le **d'abord** Dynamic JavaScript File(s) est placé avant la déclaration des variables internes, dans l’ordre d’exécution des éléments du container de votre site.
* Le **second** Dynamic JavaScript File(s) est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser, à cet emplacement, les variables internes déjà déclarées) :

  <figure><img src="/files/f92a0a4ac9d82f08c44e71ee62ae07cf49fef351" alt=""><figcaption></figcaption></figure>

La même interface utilisateur est utilisée pour les Dynamic JavaScript File(s), qu’ils s’exécutent avant ou après les variables internes. Il suffit de saisir l’URL de votre fichier JavaScript et de cliquer sur «**SAVE** ».

Vous pouvez renouveler cette opération pour tous les fichiers JavaScript à inclure dans votre tag container.

Attention : l’ajout de fichiers JavaScript au container va **augmenter** sa taille et donc le temps de chargement des pages.

Vous pouvez mettre à jour votre fichier dynamique **manuellement** (en cliquant sur « Refresh »), afficher son contenu (« View ») ou le supprimer (« Remove ») :\\

<figure><img src="/files/a94053fff4c4bc7f82cefb4ec81d538888b03804" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://doc.commandersact.com/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/container/javascript-block.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
