Bonjour à tous,
J'ai commencé à faire un site en partant de mon bon vieux notepad ++ et je rencontre actuellement un problème.
Situation:
On prend div1 draggable qu'on "drop" sur une autre div2 (qui est droppable). Lorsqu'elle est droppé, une div.dialog() apparait.
Problème:
Si je dropp ma boite de dialog sur ma div2, ça en recrée une. Or, il ne faudrait pas....
J'ai pensé à utiliser l'option 'accept' de la fonction droppable pour interdire à la classe de ma div.dialog() d'être droppée ici mais j'y arrive pas...
Code:
Script de la page:
Code :
- $("div[id='contenu']" ).droppable( {
- drop: function(event, ui) {
- jQuery.getScript('dialogue.js');
- }
- })
|
dialogue.js:
Code :
- $(document).ready(initialiser);
- function initialiser()
- {
- $(document).ready(function()
- {
- $("div[id='contenu']" ).append("<div id='boiteDialogue'></div>" );
- $("div[id='boiteDialogue']" ).load('test.php');
- $.ui.dialog.defaults.bgiframe = true ;
- $(function() {
- $("#boiteDialogue" ).dialog();
- });
- }
- )
- }
|
Message édité par Sladix le 14-05-2009 à 15:36:29
