# Bloc Javascript

## Ajout de code JavaScript statique

Commanders Act vous permet d’inclure du JavaScript « free » 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 les problèmes du data layer.

Par ex. 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. remplacer « & » par « and » comme suit :

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

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

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

Par ex. Vous pouvez récupérer les champs de formulaire JQuery dans votre bloc Static JS 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 Static JS 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 code Static JS est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser à cet endroit les variables internes précédemment 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 vous permet **dynamic** **JavaScript** file(s) d’être inclus dans un tag container, à deux endroits nommés « **Dynamic** **JavaScript** **File(s)** ».

Contrairement aux « **Static** **JavaScript** **codes** », les « **Dynamic** **JavaScript Files** » 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 « **Dynamic JavaScript File(s)** » vous permettent d’effectuer différents types d’actions.

Par exemple, vous pouvez les utiliser pour importer dans votre container un fichier JavaScript contenant une **JQuery** library (si elle n’est pas déjà appelée sur votre site) ou un fichier JavaScript de conversion de devises. 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 à jour automatiquement les devises dans les tags de vos solutions).

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

* La **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 sur votre site.
* La **second** Dynamic JavaScript File(s) est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser à cet endroit les variables internes précédemment 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 répéter cette opération pour tous les fichiers JavaScript à inclure dans votre tag container.

Attention : ajouter des fichiers JavaScript au container va **augmenter** sa taille et donc augmenter 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.