Javascript / jQuery Bug in IE

Question

Good morning guys! Hope you're fine! I just narrowed down a problem in a web-application that is programmed in Oracle Apex and contains some jQuery/Javascript! I have a DIV that is usually invisible and displayed when the jQuery function is called. In Mozilla Firefox the code works without a problem. However, most of the users rely on IE 8, which fusses about the code and displays the DIV message constantly! The $sign in row 4 seems to be the faulty part, but is inevitable for the correct functioning of the function. Maybe you can have a look at the code and tell me how to solve that issue. Getting rid of the function is no option. there must be some way to make it compatible to the IE environment!
I appreciate your answers and am curious what suggestions you come up with!
Regards,
Sebastian
1:<script type="text/javascript">
2:        $(function()
3:{
4:        $("#dialog").dialog({  "*The $ sign in this row is allegedly the problem according to the IE debug*"
5:                        autoOpen: false,
6:                        bgiframe: true,
7:                        modal: true,
8:                       buttons:
9:{Delete: function()
10:{$(this).dialog(doSubmit('MULTI_ROW_DELETE'));$(this).dialog('close');
11: },
12:Schliessen: function() {$(this).dialog('close'); }}
13:                });
14:        });
15:       </script>
16:
17:<div id="dialog" title="Sind Sie sicher???">
18:<p>
19:<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>Wollen Sie den Datensatz wirklich löschen?</p>
20:</div>

Answer 1

Hi,
Try this
<script type="text/javascript">
$(function(){
   $('#dialog').dialog({
     autoOpen: false,
     bgiframe: true,
     modal: true,
     buttons: {
       Delete: function() {
         $(this).dialog('close');
         doSubmit('MULTI_ROW_DELETE');
       Schliessen: function() {
         $(this).dialog('close');
</script>
<div id="dialog" title="Sind Sie sicher???">
<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>
Wollen Sie den Datensatz wirklich löschen?</p>
</div>BTW, have you load bgifarme plugin ?
http://plugins.jquery.com/project/bgiframe
>
bgiframe Type:Boolean Default: false
When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.
>
br, Jari
Edit:
If your code is in region content, place HTML (div) above javascript
Br, JAri
Edited by: jarola on Oct 2, 2009 1:05 PM