comment utiliser event.target dans une boîte de dialogue jQuery pour modifier le code innerHTML d'un DIV lorsque ce dernier est double-cliqué? - jquery, events, dialog, target, innerhtml

Fondamentalement, ce que je demande, c’est justement ceci:S'il vous plaît, expliquez-moi comment utiliser event.target? J'ai besoin de savoir quel élément DOM a déclenché un événement et de "faire quelque chose" dans cet événement (à savoir changer le contenu d'une DIV dans une boîte de dialogue jQuery). MERCI!

OK, j'ai trouvé des questions / réponses qui étaientprès de ce que je cherche, mais soit ils n’étaient pas exactement les mêmes, soit ... je ne peux tout simplement pas comprendre comment l’appliquer à ma situation. Je suis presque sûr que ce dont j'ai besoin implique "événement.votre objectif" ou quelque chose du genre, mais mon cerveau est un peu frit en ce moment; p et je ne peux pas le faire fonctionner. VEUILLEZ AIDER! Merci beaucoup

J'ai un bouton qui ouvre une boîte de dialogue lorsque vous cliquez dessus. Le dialogue a une forme. Lorsque le formulaire est rempli et que vous cliquez sur le bouton "Créer", il se ferme et un nouveau div est ajouté au corps du document contenant les informations saisies. Cela fonctionne parfaitement. Mon problème est le suivant: je souhaite ouvrir une autre boîte de dialogue lorsque vous double-cliquez sur cette nouvelle div, ce qui permettra de modifier les informations. Je n’ai même pas encore essayé d’inclure les informations actuelles dans la boîte de dialogue, j’essaie de mettre à jour la div et je ne peux pas le faire fonctionner. Je ne sais pas comment passer "ce" je suppose dans le dialogue.

Comment la boîte de dialogue sait-elle quelle div l'a ouverte, puis modifie son innerhtml lorsque le bouton "s" de la boîte de dialogue est cliqué?

J'ai deux dialogues de formulaire:

<div id="dialog-form" title="Create new element">

<form>
blah blah blah
</form>
</div>


<div id="dialog-edit" title="Edit Element">

<form>
blah blah blah
</form>
</div>

et un bouton:

<button id="create-element">Create new element</button>

alors le premier dialogue (créer un élément) fonctionne parfaitement:

<script>
$(function() {
var begin =  "<div class="column">" +
"<ol class="sortable">" +
"<li>" +
"<div ondblclick="onDblClick();">";
var end =  "</div>" +
"</ol>" +
"</div>";


$( "#dialog-form" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: false,
zIndex:101,
buttons: {
"Create Element": function() {

$( "#body" ).append( begin + ...<some other stuff here>... + end );
}

$( this ).dialog( "close" );


},
Cancel: function() {
$( this ).dialog( "close" );
}
},

});

$( "#create-element" )
.button()
.click(function() {
$( "#dialog-form" ).dialog( "open" );
});
});

</script>

lorsque le div est double-cliqué sur:

function onDblClick() {

$( "#dialog-edit" ).dialog( "open" );
}

et ensuite il y a le dialogue "Edit Element" que je ne sais pas comment utiliser pour changer le innerhtml de la div sur laquelle on a cliqué deux fois pour l'ouvrir:

<script>
$(function() {

....variables here....


$( "#dialog-edit" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: false,
zIndex:101,
buttons: {
"Update Element": function() {

need some way to set target here  =  variable1fromabove + variable2 + etc + etc;


$( this ).dialog( "close" );


},
Cancel: function() {
$( this ).dialog( "close" );
}
},

});


});

</script>

Réponses:

Je ne comprends pas vraiment ce que vous essayez de faire. Mais je pense que cela pourrait vous aider:

$("#dialog").dialog("isOpen")

Il reviendra true/false. Vous pouvez donc l'utiliser pour vérifier quelle boîte de dialogue est ouverte maintenant.