Using the the return event in a jQuery dialog

[wannabe67]

The return event from the jQuery in IE works and returns text (event.target.innerText) that was typed in by the user. I need this to work in all browsers...of course Can someone show me how to get this to work in all browsers, so I know what the user typed in and can save it. I'm using ASP.Net and trying to save the information server side is the reason I put the returned text into a hiddenBasicInformationComments textbox (which is set to run at server). If anyone sees a better way to do what I want, please don't hesitate to let me know.

      
$("#divbasicInformationComments").dialog({
             autoOpen: false,
             show: "blind",
             width: 500,
             height: 480,
             draggable: false,
             position: 'center',
             modal: true,
             close: function (event, ui) {
                 $(".hiddenBasicInformationComments").val(event.target.innerText);  //event.target.innerText returns null for Firefox
             },
             open: function (type, data) {
                 $(this).parent().appendTo("form:first");
             }
         });

[xelawho]

as you have noticed innerText is IE only. And IE doesn't recognize what others do, textContent. you could check, something like

var txt= event.target.innerText||event.target.textContent
$(".hiddenBasicInformationComments").val(txt)

or if you are already using jQuery, you might be able to get away with

$(".hiddenBasicInformationComments").val(event.target.text())

none of that is tested, but something like that will work. jQuery is designed to eliminate cross browser drama, so if you are already using it you should try to stick to it, then you won't have these troubles

[wannabe67]

as you have noticed innerText is IE only. And IE doesn't recognize what others do, textContent. you could check, something like

var txt= event.target.innerText||event.target.textContent
$(".hiddenBasicInformationComments").val(txt)

or if you are already using jQuery, you might be able to get away with

$(".hiddenBasicInformationComments").val(event.target.text())

none of that is tested, but something like that will work. jQuery is designed to eliminate cross browser drama, so if you are already using it you should try to stick to it, then you won't have these troubles

Thanks for the help...the first solution you proposed works for me

[AlfredAStant13]

Hi all, This forums might be my source of information. Please allow me to join in this forums, and hope you can welcome me you all. thank you...


**Links removed by Site Administrator so it doesn't look like you're spamming us. Please don't post them again.**