<html lang="fr-fr" dir="ltr"><head></head><body>### [wpforms_display_submit_spinner_src](https://wpforms.com/developers/wpforms_display_submit_spinner_src/)

**Publié :** 3 juin 2022
**Auteur :** Équipe éditoriale

**Extrait :** Le filtre wpforms_display_submit_spinner_src est déclenché lors de la soumission du formulaire lorsque l'option Activer AJAX lors de la soumission du formulaire est activée dans l'onglet Paramètres généraux du constructeur de formulaires. 

**Contenu :**

## Description

Le filtre `wpforms_display_submit_spinner_src` est déclenché uniquement si **Activer la soumission AJAX du formulaire** est activé dans les paramètres du formulaire et que le formulaire est soumis.

## Paramètres

$src*(string)* La source (URL) de l'image utilisée pour le spinner$form\_data*(array)* Paramètres/données du formulaire traités, préparés pour être utilisés plus tard.## Source

`wpforms/src/Frontend/Frontend.php`

## Plus d'informations

Le filtre `wpforms_display_submit_spinner_src` peut être utilisé pour modifier l'icône/l'image affichée lors de la soumission du formulaire lorsque AJAX est activé dans les paramètres du formulaire.

![Activer ou désactiver AJAX dans l'onglet Général de l'écran des paramètres du constructeur de formulaires](https://wpforms.com/wp-content/uploads/2021/03/wpforms-disable-ajax.jpg)

## Exemple

Cet exemple modifierait la source du spinner pour **tous** les formulaires.

```

/**
 * Filtre pour modifier l'icône de chargement en spinner affichée lors de la soumission du formulaire.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Source de l'image utilisée pour le spinner.
 * @param   array   $form_data  Paramètres/données du formulaire traités, préparés pour être utilisés plus tard.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src(  $src ) {
  
    return 'https://yoursite.com/your-image.svg';
}

add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );

```

Dans cet exemple, nous ciblons un formulaire spécifique. L'ID du formulaire **42**

```

/**
 * Filtre pour modifier l'icône de chargement en spinner affichée lors de la soumission du formulaire pour un formulaire spécifique.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Source de l'image utilisée pour le spinner.
 * @param   array   $form_data  Paramètres/données du formulaire traités, préparés pour être utilisés plus tard.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src( $src, $form_data ) {

    if ( $form_data[ 'id' ] === '42' ) {

        $src = 'https://yoursite.com/your-image.svg';

    }

    return $src;
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
```

La taille d'image recommandée est de 26×26. Vous pouvez alternativement utiliser CSS pour définir la taille en ciblant la classe CSS `.wpforms-submit-spinner`, mais tout CSS ajouté nécessiterait l'utilisation de `!important` pour remplacer le style en ligne par défaut.

## Connexe

Référence de l'article : [Comment changer l'icône du pré-chargeur lors de la soumission](https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/ "Comment changer l'icône du pré-chargeur lors de la soumission")

**Catégories :** Filtres Hooks

**Tags :** PHP

---</body></html>