Recherche plugin pour déplacer la boite de dialogue

En fait, le lien que je t'ai donné, donne des exemples .. à toi de jouer avec en modifiant les éventuels paramètres.

Tu peux aussi trouver des exemples sur internet, par exemple des choses du genre ( en jouant avec la méthode "animate" et en ajoutant un peu de css dynamiquement à ton objet

.fadeIn()
.css({top:1000,position:'absolute'})
.animate({top:275}, 800, function() {
    //callback
});

bonjour jordane 

Merci pour la reponse

j'ai fini par trouver ce que je voulais 

Mais je reste bloquer sur un petit détail

pour l'instant je n'ai rien trouver de mieux que lorsque je clic sur ajouter un produit

qu'un pop up s'ouvre avec la quantité a ajouter au panier et en même temps j'ai mon effet qui se produit avec cette class "b-items__item__add-to-cart"

j'essaye donc de retarder le onclick de 2 secondes lorsque je clic sur ajouter au panier 

Mais cela ne fonctionne pas mes 2 secondes d'attende ne sont pas prise en compte

c'est embêtant car les deux effets se produise en même temps le onclick et ma class

 <a style="cursor: pointer; margin-bottom: 5px;" data-nom="2001" data-prix="1.10" data-qte="1" data-checkbox="2001" data-url="https://phil.pecheperle.be/image-perles/perle-verre-peche-gardon-2001.JPG" class="btn btn-primary ajouter-panier b-items__item__add-to-cart" 		 onclick="setTimeout(ouvreMaJolieAlert(event), 2000);">
														
																					</a>

Salut,

 ce n'est pas un pop up(un autre onglet/fenêtre de navigation) ou alors vous ne pourrez pas faire cela avec JavaScript puisque JavaScript ne fonctionne que dans une seule page à la fois.

" je souhaiterais que lorsque je ferme ce pop up " donc détecter le clic de la fermeture de la fenêtre modale.

"qu'il puisse se diriger vers le haut de mon écran en diminuant de taille pour disparaître complétement une fois qu'il atteins le coin supérieur droit de ma fenêtre "

Et quel est le problème? Ce n'est qu'une simple animation que vous pouvez décomposer en plusieurs étapes(décomposer une tâche complexe en ses tâches plus simples):

Cela implique détecter la position du haut de l'écran et la position verticale de la fenêtre modale. Changer progressivement(une animation) la coordonnée y pour se rapprocher du haut(0).

Diminuer la taille = de combien? Même chose que précédemment mais en jouant sur la longueur et largeur.

"atteindre le coin supérieur droit de ma fenêtre " = calculer la position horizontalement pour se rapprocher du bord droit de l'écran comme vous l'avez fait sur la 1ère étape pour la position verticale.

Plusieurs façons de faire des animations vous pouvez regarder déjà du côté de CSS qui propose un paquet de possibilités.

Avec JavaScript vous pouvez avoir plus de contrôles et possibilités en utilisant des variables sur les propriétés et faire du pas à pas(ce qui me semble pas nécessaire dans votre cas pour une animation aussi simple).  A vous de voir.

Avec la bibliothéque JQUery vous avez a méthode .animate

https://api.jquery.com/animate/

Pour comprendre le principe et apprendre à faire par vous-même je ne conseille pas de passer par JQuery mais plutôt décrire votre propre code JavaScript pour l'animation.

Notez que utiliser CSS n'exclut pas (au contraire) de pouvoir utiliser JavaScript, ne serais ce que pour déclencher l'animation CSS lors d'un clic, chainer différentes animations pour en faire une plus complexe, avoir des paramètres qui peuvent varier sur les proportions distances, durées...etc

Pour faire grandir votre savoir:

https://duckduckgo.com/?q=animation+CSS

https://duckduckgo.com/?q=animation+javascript

bonjour 

Merci pour les explications et les liens 

en cherchant encore et encore je suis tombe sur l'exemple que je voulais grâce aux exemples de codepen a présent il faut que je parvienne a l'intégrer comme je le désire