Search jQuery

jQuery Forum

Screen name:
MikeJM

MikeJM's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

JQuery preserves the old input value after the dialog is destroyed

[2Replies]

22-Dec-2012 03:22 AM
Forum: Using jQuery UI

I have defined a function for displaying some html content inside a jqueryui dilaog:

function ui_window(title, dialogWidth, content,buttons,className)
{
  $('<div id="window">').html(content).
  dialog({
      title: title,
      show: 'drop',
      hide: 'drop',
      width: dialogWidth,
      buttons: buttons,
      close: function (ev, ui) { $(this).remove(); },
      position: { my: 'center', at: 'center', of: window }
}
   ).addClass(className);
  return false;
}

And here's another javascript function that calls the above function:

function checkForValidCommand()
{
var content = getInnerHTML("#checkForValidCommand");
var myFunc = function ()
{
    var pensionerID = $('#txtID').val();
        alert(pensionerID);
        $(this).dialog('destroy');
    }
    else
        $('#txtID').focus();
}
var buttons = [{ text: 'OK', click: myFunc}];
ui_window("Pensioner", 410, content, buttons);

}

When I call the "checkForValidCommand" for the first time and input a value into the onlytextbox and press OK I get an alert with the value of the textbox. And then when I call thefunction again and press OK without enetering anything into the textbox I still get the alert with the old value. What is the problem in my code?

Here's the html content in case you want to see:

<table>
  <tr>
    <td align="right">
       <label>
           Insert the pensioiner's ID:
       </label>
    </td>
    <td>
     <input id="txtID" type="text" onkeydown="return onlyNumbers(event);" maxlength="8"/>
    </td>
  </tr>
</table>

Form tag does not get added in Chrome and Opera
[1Reply]
- 21-Dec-2012 06:06 AM
- Forum: Using jQuery UI
I have a button on my form. When I click that button I first ajaxpost to a webpage on the server, take inner html of the specified div and finally append that html to another div that will present a jqueryui dialog. Here's the code:
1. $('#window').html(content).
2. dialog({
3. title: title,
4. show: 'drop',
5. hide: 'drop',
6. width: 400,
7. buttons: buttons,
8. position: { my: 'center', at: 'center', of: window }
9. }
10. );
And here's the inner html of the div on the posted page:
1. <div id="cardOrder" class="cardOrder-div">
2. <form runat="server" id="frmAjax" >
3. <table class="cardOrder-tbl">
4. ......
5. </form>
6. </div>
I have a problem with Chrome and Opera. When I click the button for the first time and show the jqueryui dialog with the above html content, the "form" tag is missing. But the next times when I present the dialog the form tag gets added. And if there's no form tag I cannot submit. Firefox and IE lack this problem. The form tag gets added right from the first dialog show.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend