Forum d'entraide PHPFrance

Bonjour
Comment puis-je faire pour avoir 2 popup mais quand on active la seconde la premiere disparait?

var popup = (function() 
{

	function init() {

		var overlay = $('.overlay');

		$('.popup-button').each(function(i, el)
		{
			var modal = $('#' + $(el).attr('data-modal'));
			var close = $('.close');

			// fonction qui enleve la class .show de la popup et la fait disparaitre
			function removeModal() {
				modal.removeClass('show');
			}

			// evenement qui appelle la fonction removeModal()
			function removeModalHandler() {
				removeModal(); 
			}

			// au clic sur le bouton on ajoute la class .show a la div de la popup qui permet au CSS3 de prendre le relai
			$(el).click(function()
			{	
				modal.addClass('show');
				overlay.unbind("click");
				// on ajoute sur l'overlay la fonction qui permet de fermer la popup
				overlay.bind("click", removeModalHandler);
			});

			// en cliquant sur le bouton close on ferme tout et on arrête les fonctions
			close.click(function(event)
			{
				event.stopPropagation();
				removeModalHandler();
			});

		});
	
		$('.popup-button2').each(function(i, el)
		{
			var modal = $('#' + $(el).attr('data-modal'));
			var modal2 = $('#' + $(el).attr('data-modal2'));
			var close = $('.close');

			// fonction qui enleve la class .show de la popup et la fait disparaitre
			function removeModal2() {
				modal2.removeClass('show2');
			}

			// evenement qui appelle la fonction removeModal()
			function removeModal2Handler() {
				removeModal2(); 
			}

			// au clic sur le bouton on ajoute la class .show a la div de la popup qui permet au CSS3 de prendre le relai
			$(el).click(function()
			{	
				modal.removeClass('show');
				modal2.addClass('show2');
				overlay.unbind("click2");
				// on ajoute sur l'overlay la fonction qui permet de fermer la popup
				overlay.bind("click2", removeModal2Handler);
			});

			// en cliquant sur le bouton close on ferme tout et on arrête les fonctions
			close.click(function(event)
			{
				event.stopPropagation();
				removeModalHandler();
			});

		});

	}

	init();

})();

salut,

a priori il faut que tu ajoutes cela dans un event handler "close" (si tu passes toujours pas ton click.close c'est la qu'il faut le mettre).


@+



@+