11499 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je réalise actuellement mon site web personnel, qui tient sur une seul page. L'idée c'est que lorsque l'on clique sur un projet celui ci s'ouvre dans une pop-up.

Après de nombreuses recherches pour trouver Le bon plugin, j'ai opté pour celui-ci :
http://www.ericmmartin.com/projects/simplemodal/

Il permet entre autre de charger une page html directement dans la pop-up (à la manière d'une iframe).

Malgré que le langage Jquerry est pour moi très obscur, j'ai réussi grâce aux notes de l'auteur, a obtenir le résultat escompté. Cependant, cela ne fonctionne que pour une seul page (un seul projet), et je ne sais pas du tout comment le configurer pour qu'il ouvre le projet correspondant au lien car le lien (projet1.html) se trouve dans le jquerry.




<div id='basic-modal'>
	<a href='#' class='basic'>Demo</a>
</div>



jQuery(function ($) {
	// Load dialog on page load
	//$('#basic-modal-content').modal();

	// Load dialog on click
	$('#basic-modal .basic').click(function (e) {
		$('<div></div>').load('projet1.html').modal(); // AJAX
		return false;
	});
});