Hi all, I tried on blockUI and the below doesn't work?
Any help please? Thanks. <html> <head> <link rel="stylesheet" href="styles.css" type="text/css" media="all"> <script src="jquery.js"></script> <script src="jquery.blockUI.js"></script> <script> $(document).ready(function() { $("div#menu li").click(function() { $('div.blockMe').block({ message: null }); var type = ($(this).attr("id")); $(this).toggleClass("selected"); $(this).siblings("li").removeClass("selected"); var img = new Image(); $(img).load(function () { $(this).hide(); $('#locationmap').html(this); $(this).fadeIn(); }).error(function () { $('#locationmap').html('No image loaded'); }).attr('src', type+'map.jpg'); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('#blockButton').click(function() { $('div.blockMe').block({ message: null }); }); $('#blockButton2').click(function() { $('div.blockMe').block({ message: '<h1>Processing...</h1>', css: { border: '3px solid #a00' } }); }); $('#unblockButton').click(function() { $('div.blockMe').unblock(); }); $('a.test').click(function() { alert('link clicked'); return false; }); }); </script> </head> <body> <p> <input id="blockButton" type="submit" value="Block" /> <input id="blockButton2" type="submit" value="Block with Message" / > <input id="unblockButton" type="submit" value="Unblock" /> </p> <div id="menu"> <ul> <li class="selected" id="sabah"><span>Sabah</span></li> <li id="kk"><span>Kota Kinabalu</span></li> <li id="labuan"><span>Labuan</span></li> </ul> </div> <div id="locationmap" class="blockMe"><img id="mapimage" src="sabahmap.jpg"></img></div> </body> </html>