Scribd
Importer
0 vues2 pages

Ancien Script 4

Le document contient un script JavaScript qui gère l'animation des éléments de la grille et l'envoi de messages via WhatsApp. Lors du chargement de la page, il supprime les classes d'animation des éléments de la grille et configure un bouton pour envoyer un message WhatsApp. De plus, il ajoute une animation lors du clic sur les éléments de la grille avant de naviguer vers une nouvelle page.

Transféré par

Rodrigue Nembot
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0 vues2 pages

Ancien Script 4

Le document contient un script JavaScript qui gère l'animation des éléments de la grille et l'envoi de messages via WhatsApp. Lors du chargement de la page, il supprime les classes d'animation des éléments de la grille et configure un bouton pour envoyer un message WhatsApp. De plus, il ajoute une animation lors du clic sur les éléments de la grille avant de naviguer vers une nouvelle page.

Transféré par

Rodrigue Nembot
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

document.

addEventListener('DOMContentLoaded', function() {

// --- Correction pour le problème de retour arrière ---

// S'assure que tous les grid-items n'ont pas la classe d'animation au chargement de la page

const allGridItems = [Link]('.grid-item');

[Link](item => {

[Link]('animate-transition');

});

// --- Code pour le formulaire de contact WhatsApp ---

const whatsappMessage = [Link]('whatsappMessage');

const sendWhatsApp = [Link]('sendWhatsApp');

if (sendWhatsApp) { // Vérifie si le bouton existe avant d'ajouter l'écouteur

[Link]('click', function() {

const messageText = [Link];

// REMPLACE '2376xxxxxxxx' par ton numéro WhatsApp avec le code pays (ex:
+2376XXXXXXXX)

const phoneNumber = '2376xxxxxxxx';

const whatsappUrl = `[Link]


{encodeURIComponent(messageText)}`;

[Link](whatsappUrl, '_blank');

});

// --- NOUVEAU CODE : Gestion de l'animation au clic sur les catégories ---

const gridItems = [Link]('.grid-item'); // Sélectionne tous les éléments de


catégorie

[Link](item => {

[Link]('click', function(event) {

[Link](); // Empêche le navigateur de naviguer immédiatement


const targetUrl = [Link]; // Récupère l'URL vers laquelle le lien doit pointer

[Link]('animate-transition'); // Ajoute la classe d'animation à l'élément cliqué

// Définit un délai pour laisser l'animation se dérouler

// La durée (500ms) doit correspondre à la durée de transition définie dans le CSS

setTimeout(() => {

[Link] = targetUrl; // Navigue vers la nouvelle page après l'animation

}, 500); // 500 millisecondes = 0.5 seconde

});

});

});

Vous aimerez peut-être aussi