Bonjour,

J'aimerai adapté un code (trouvé sur le net) pour pouvoir réaliser deux popup jquery dans la même page. Le problème qui se présente, c'est que si je copie colle les balises div sans changer le nom de identifiants, il me met le même texte dans les deux popup. J'ai essayé de modifier les noms des identifiants puis de les modifier dans le script, mais ca ne marche pas.

je joint le code html de la page et le script de la fonction :
<div id='container'>
	<div id='content'>
		<div id='osx-modal'>
			<a href='#' class='osx'>activation de la popup</a>
		</div>
		<!-- modal content -->
		<div id="osx-modal-content">
			<div id="osx-modal-title">titre de la popup</div>
			<div class="close"><a href="#" class="simplemodal-close">x</a></div>
			<div id="osx-modal-data">
			text dans la popup
				<p><button class="simplemodal-close">Fermer</button> <span>(ou presser echap pour quitter)</span></p>
			</div>
		</div>
	</div>
</div>


La fonction javascript est :

jQuery(function ($) {
	var OSX = {
		container: null,
		init: function () {
			$("input.osx, a.osx").click(function (e) {
				e.preventDefault();	

				$("#osx-modal-content").modal({
					overlayId: 'osx-overlay',
					containerId: 'osx-container',
					closeHTML: null,
					minHeight: 80,
					opacity: 65, 
					position: ['0',],
					overlayClose: true,
					onOpen: OSX.open,
					onClose: OSX.close
				});
			});
		},
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				$("#osx-modal-content", self.container).show();
				var title = $("#osx-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = $("#osx-modal-data", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								$("div.close", self.container).show();
								$("#osx-modal-data", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this; // this = SimpleModal object
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close(); // or $.modal.close();
				}
			);
		}
	};

	OSX.init();



Cette popup jquery, comme de nombreuse autres trouvées, ont besoins d'être légèrement modifier si on veux en insérer deux sur une même page, mais comment faire ??

Merci beaucoup de votre aide, ca fait plusieurs jours que je suis en galère la dessus et que je tente plusieurs manip, mais sans résultat. Si quelqu'un a déjà eu recours à cela ...

bonne journée