Note that there are some explanatory texts on larger screens.

plurals
  1. POProblems with simple modal in IE9
    primarykey
    data
    text
    <p>Yesterday I launched a new website. Before I uploaded the files to my server, I tested the website in IE8, Firefox, Safari and Chrome, and everything seemed to be OK. But I just installed IE9 and my <a href="http://www.ericmmartin.com/projects/simplemodal/" rel="nofollow">Simple Modal</a> boxes don't show up in this browser.</p> <p>I'm using the following javascript code:</p> <pre><code>jQuery(function ($) { $('a.modal').click(function (e) { $('#' + this.id + "content").modal({onOpen: function (dialog) { dialog.overlay.fadeIn('fast', function () { dialog.container.fadeIn('fast'); dialog.data.fadeIn('slow'); }); }}); return false; }); $.modal.defaults.onClose = function (dialog) { dialog.data.fadeOut('fast', function () { dialog.container.hide('fast', function () { dialog.overlay.fadeOut('fast', function () { $.modal.close(); }); }); }); }; }); </code></pre> <p>The HTML code of one of the boxes:</p> <pre><code>&lt;div id="registercontent"&gt; &lt;div id="registerresult" style="display: none;"&gt;&lt;/div&gt; &lt;form class="ajaxform" id="register" name="register" method="post" action="register.php"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Username: &lt;/td&gt; &lt;td&gt;&lt;input type="text" name="username" value="" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Password: &lt;/td&gt; &lt;td&gt;&lt;input type="password" name="password" value="" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Confirm password: &lt;/td&gt; &lt;td&gt;&lt;input type="password" name="password2" value="" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Email address: &lt;/td&gt; &lt;td&gt;&lt;input type="text" name="email" value="" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="submit" value="Register!" class="button" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p>If you need to see more code, please visit the website: <a href="http://www.mixious.com/" rel="nofollow">Mixious</a> (for example contact and register in the right top menu have to open a modal box)</p> <p>Does anybody have an idea how to solve this problem?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload