Sujet Précédent Sujet Suivant

Creer une fenetre de type modale.

dutom007 Messages postés 93 Statut Membre -  
 garf -
Bonjour,

Voici mon code: 

<html>
<head>
.......
<script type="text/javascript" src="js/fonctions.js"></script>

<style type="text/css">
<!--
#conteneur {
	position:absolute;
	left:50%;
	margin-left:-512px;
	top:10px;
	overflow: auto;
	z-index:1;
}
#utilisateurs {
	position:absolute;
	left:23px;
	top:216px;
	width:427px;
	height:130px;
	overflow: auto;
	z-index:1;
}
#nos_vins {
	position:absolute;
	left:487px;
	top:224px;
	width:483px;
	height:121px;
	overflow: auto;
	z-index:1;
}
#actualites {
	position:absolute;
	left:32px;
	top:428px;
	width:933px;
	height:230px;
	overflow: auto;
	z-index:1;
}
#admin {
	position:absolute;
	left:628px;
	top:30px;
	width:301px;
	height:106px;
	overflow: auto;
	z-index:1;
}

-->
</style>
</head>

<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="conteneur">
<div id="utilisateurs">...</div>
<div id="actualites">...</div>
<div id="admin">...</div>

<table id="Tableau_01" width="999" height="750" border="0" cellpadding="0" cellspacing="0">
........................................
<a href="utilisateurs_ajouter.php" title="Ajouter un nouvel utilisateur">
        	<img src="images/ajout.jpg" alt="" width="59" height="64" border="0"></a>
........................................
</table>
</div>

</body>
</html>


Je vous explique mon souhait:
je voudrais lorsque je clique sous le lien que s'ouvre une fenetre centré dans ma page qui affiche la page présentée dans le href. Le reste de la page serait grisé et les liens et autres choses présentes seraient bloqués.
Je voudrais faire ça en JS de façon à le transformer en une librairie réutilisable.
Dans l'idéal je voudrais que cela se fasse juste en ajoutant rel="Mabox" par exemple.

Je connais déja les fonctions de Mootools, mais je cherche à faire la mienne, beaucoup plus simple( sans animation) mais plus formative.

Merci a tous.
A voir également:

1 réponse

Réponse 1 / 1
garf
 
je viens justement d'en installer une avec ces contraintes.
j'ai utilisé son script modal pour xajax

mais il y a également le script Lockbox
http://www.amp-lified.de/index.php?s=5e8d152db870803fd4684bf3eaca0855&lnk=12
verrouille la fenêtre, choix de la couleur et de l'opacité du fond.

sans fioriture et rapide
0