[jQuery] jQuery BlockUI Plugin :: Demo not working in Internet Explorer

Tue, 17 Mar 2009 08:05:57 -0700 

Hi,

I have created a demo page according to the demos available on
http://malsup.com/jquery/block/#demos. The demo i have created is
working fine in Firefox but is it not running in Internet Explorer 6.
Can you please suggest, what should I do to run the demo in Internet
Explorer.

My code is as follows:

<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="PleaseWait.aspx.cs" Inherits="PleaseWait" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head runat="server">
    <title>Untitled Page</title>

    <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></
script>

    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="jquery.blockUI.js?v2.12"></
script>

    <link rel="stylesheet" type="text/css" media="screen"
href="block.css?v3" />
    <link rel="stylesheet" type="text/css" media="screen"
href="jq.css" />
    <script language="javascript" type="text/javascript">

        $(document).ready(function() { $('#demo3').click(function() {
            $.blockUI({ overlayCSS: { backgroundColor: '#00f' } });
setTimeout($.unblockUI,2000); }); });

    </script>

    <style type="text/css">
        #overview h2
        {
            border: 1px dashed gray;
            padding: 10px;
            background-color: #ffc;
            color: black;
            font-size: medium;
            margin: 10px 0;
        }
        #footer
        {
            font-family: sans-serif;
            color: #888;
        }
        #domMessage
        {
            padding: 10px;
        }
        div.blockMe
        {
            padding: 30px;
            margin: 30px;
            border: 10px solid #ccc;
            background-color: #ffd;
        }
        #question
        {
            background-color: #ffc;
            padding: 10px;
        }
        #question input
        {
            width: 4em;
        }
        #demoTable
        {
            border: 1px solid #ddd;
        }
        #demoTable tr.odd
        {
            background-color: #efe;
        }
        #demoTable th
        {
            padding: 15px;
            background-color: #ffa;
        }
        #demoTable td
        {
            padding: 15px;
            vertical-align: top;
        }
        #tallContent h1
        {
            margin: 15px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="demoTable">
            <tr class="odd">
                <td>
                   <asp:Button Text="Run" runat="server" ID="demo3" /
>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>


Thanks,
Vivek Rathore.

Reply via email to