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>
