как да използвате event.target в диалогов прозорец jquery, за да промените innerHTML на DIV, когато се кликне двукратно? - jquery, събития, диалог, цел, innerhtml

По същество това, което питам, е точно това - моженякой моля да ми обясни как да използвам event.target? Трябва да знам какъв DOM елемент е задействал събитие и да го направя в рамките на това събитие (а именно да промените съдържанието на DIV в диалогов прозорец на jquery). БЛАГОДАРЯ!

Добре, намерих някои въпроси / отговори, които бяхаблизо до това, което търся, но или те не бяха абсолютно еднакви, или ... просто не мога да разбера как да го прилагам в моята ситуация. Почти съм сигурен, че това, което ми трябва, включва „event.target“ или нещо от този характер, но мозъкът ми е малко пържен в момента; p и не мога да го накарам да работи. МОЛЯ ПОМОГНЕТЕ! Благодаря ви, толкова

Имам бутон, който при щракване отваря диалогов прозорец. Диалогът има форма. Когато формулярът се попълни и се натисне бутона „създаване“, формулярът се затваря и нов документ се добавя към документа на документа, съдържащ въведената информация. Това работи перфектно. Проблемът ми е следният: искам да се отвори друг диалогов прозорец, когато този нов div е щракнат два пъти, което ще позволи редактиране на информацията. Още не съм се опитвал да включа текущата информация в диалоговия прозорец, аз работя върху опитите да актуализирам div и не мога да го накарам да работи. Не знам как да предам това „Предполагам в диалоговия прозорец.

Как диалоговият прозорец знае какъв div го е отворил и след това променя вътрешната част на този div, когато се натисне бутона "s" Редактиране "?

Имам два диалога на формата:

<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>

и един бутон:

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

тогава имам първия диалог (създаване на елемент), който работи перфектно:

<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>

когато двукратното щракване върху div

function onDblClick() {

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

и след това има диалогов прозорец "Редактиране на елемент", който не знам как да използвам, за да променя вътрешната информация на div, който е щракнат два пъти, за да го отворя:

<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>

Отговори:

Не разбирам наистина какво се опитваш да направиш. Но мисля, че това може да ти помогне:

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

Ще се върне true/false, Така че можете да го използвате, за да проверите кой диалог е отворен сега.