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 Simple Modal boxes don't show up in this browser.
I'm using the following javascript 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();
});
});
});
};
});
The HTML code of one of the boxes:
<div id="registercontent">
<div id="registerresult" style="display: none;"></div>
<form class="ajaxform" id="register" name="register" method="post" action="register.php">
<table>
<tr>
<td>Username: </td>
<td><input type="text" name="username" value="" /></td>
</tr>
<tr>
<td>Password: </td>
<td><input type="password" name="password" value="" /></td>
</tr>
<tr>
<td>Confirm password: </td>
<td><input type="password" name="password2" value="" /></td>
</tr>
<tr>
<td>Email address: </td>
<td><input type="text" name="email" value="" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Register!" class="button" /></td>
</tr>
</table>
</form>
</div>
If you need to see more code, please visit the website: Mixious (for example contact and register in the right top menu have to open a modal box)
Does anybody have an idea how to solve this problem?