javascript - How to use create event on a jQuery dialog in following scenario? -

-

i've have following dialog pop-up html hidden when page loads(look line style="display:none;" in div):

<div id="searchpopcontent" class="c-popup" style="display:none;">       <div id="pop-up">       <div class="error_msg" id="report_error" style="text-align:center; margin-top:5px;">          </div>         <div class="clear"></div>         <form name="question_issue_form" id="question_issue_form" class="login_box" method="post" action="question_issue.php">           <input type="hidden" name="form_submitted" id="form_submitted" value="yes"/>           <input type="hidden" name="post_url" id="post_url" value="question_issue.php"/>           <input type="hidden" name="op" id="op" value="question_issue"/>           <input type="hidden" name="question_id" id="question_id"/>            <table class="trnsction_details" width="100%" cellpadding="5">             <tbody>                   <tr>                 <td></td>                 <td>                   <input type="checkbox" name = "que_issue[]" value = "question wrong" id ="chkquewrong">question wrong</input>                 </td>               </tr>               <tr>                 <td></td>                 <td><input type="checkbox" name = "que_issue[]" value = "answers wrong" id ="chkanswrong">answers wrong</input></td>                </tr>               <tr>                 <td></td>                 <td><input type="checkbox" name = "que_issue[]" value = "question direction incorrect" id ="chkdirincorrect">question direction incorrecct</input></td>                            </tr>               <tr>                 <td></td>                 <td><input type="checkbox" name = "que_issue[]" value = "other" id ="chkother">other</input></td>                         </tr>               <tr>                 <td></td>                 <td class="set_message" style="display:none;"><textarea name="que_issue_comment" id = "que_issue_comment" rows="4" cols="25" maxlength="100"></textarea></td>                     </tr>               <tr>                 <td></td>                 <td><input type="submit" name="submit" value="submit" class="report_question_issue" class="buttonin"/></td>               </tr>             </tbody>           </table>         </form>       </div>     </div>

i want dynamically set value of input type hidden having id="question_id". after doing research came know have use create() method of jquery ui dialog plugin set hidden field value in ui dialog dynamically. tried call create() event in jquery dialog call couldn't able set value. can please me in regard please? following code tried use create() event.

$(document).on("click","a[class='que_issue']", function (e) { var hypertext = this.innerhtml;   var que_id = hypertext.substring(3);    //document.getelementbyid("question_id").value = que_id;   //$("#question_id").val(str);      var data = $('#searchpopcontent').html();      var title = "question issue";     var dialog_title   = title;      var dialog_message = data;              var $dialog = $("<div class='view_result'></div>")      .html(dialog_message)      .dialog({            autoopen: false,            modal:true,            title: dialog_title,            width: 400,                                 close:{            },            create: function() {        $("#question_id").val(que_id);     }      });      $dialog.dialog('open');      return false; });

also there no errror in firebug console above code.

i modified js: http://jsfiddle.net/jyplc/1/ , works.

$(document).ready(function(){         $("#searchpopcontent").dialog({        autoopen: false,        modal:true,        title: "question issue",        width: 400,         close:{        }         }); });  $("a.que_issue").on("click", function (e) {     var hypertext = this.innerhtml;     var que_id = hypertext.substring(3);     var title = "question issue";      $("#question_id").val(que_id);     $("#qns_id").val(que_id); //this show works, can delete     $("#searchpopcontent").dialog('open');      return false; });

you should modify html first, call dialog() show popup.


Comments

Post a Comment

Popular posts from this blog

c# - How to get the current UAC mode -

-
can check current uac type set in device before running application through c#. i got know approach check whether current user administrator or not. but, need know uac type set (i.e. default/never notify) internal logic. is possible? please help. this article self-elevation , checking level program runs in. due security reasons i'm afraid won't able retrieve uac level set. http://code.msdn.microsoft.com/windowsdesktop/csuacselfelevation-644673d3
Read more

postgresql - Lazarus + Postgres: incomplete startup packet -

-
i've been building lazarus pascal program using postgresql on back-end. used work fine following lines opening db. dbconn:= tpqconnection.create(nil); dbconn.hostname := 'localhost'; dbconn.databasename:= 'dbhrs'; dbconn.username:='mizk'; dbconn.password:='123'; dbconn.open; if dbconn.connected openhrsdb := true else openhrsdb := false; but moment change localhost server's ip (on lan), program stops. no errors or warnings. have no clue happening. here related details may narrow down problem. the program i'm running workstation on same lan server. both machines run ubuntu 12.04 desktop i can access postgres db on server using pgadmin iii, guess it's not firewall issue. i have allowed postgresql ufw , ufw disabled. strangely, when firewall disabled, can ssh server terminal using workstation. when it's enabled, can't my biggest concern right why pascal program not working when i...
Read more

angularjs - ng-repeat duplicating items after page reload -

-
i have angularjs application, node.js , express backend, i'm not using angular's routings. when refresh page using browser's refresh button, items on page loaded in ng-repeat duplicate. i'm not sure why occurs, i'm wondering happens controller when page reloaded? old controller destroyed, , new 1 created, or controller added, causing duplications? here part of html file, relvevant controller code: (trans.html) <div class="pure-u-1-2" ng-repeat="trans in transactions | filter:searchtext"> <div class="transaction" ng-style="{'border-style': 'solid', 'border-color': categorycolours[trans.category.name]}"> <h2 id="transname">{{ trans.name }}</h2> <h4>{{ trans.description }}</h4> <h4>{{ trans.date }}</h4> <div class="pure-u-1-1"> <h3 id="categor...
Read more