Friday, June 22, 2012

Message box using JQuery

<script language="javascript" type="text/javascript">
var flag = true;
function fnCheckValue()
 {
ShowMessage(
if (flag == false) {"Please fill proper values in Red colour boxes");// alert("Please fill proper values in Red colour boxes");
}

function
$(
setTimeout(
setTimeout(
}

$(
setTimeout(
}
ShowMessage(message) {"<div class='msg' id='dvMsg'><table width='100%'><tr><td width='90%'>" + message + "</td><td width='10%' valign='top' style='float:right;text-decoration:none;'><a href='javascript:void();' onclick='closethis(myMessage);'>x</a></td></tr></table></div>").attr('id', 'myMessage').appendTo('body');"$('#myMessage').fadeOut('slow');", 2900);"$('#myMessage').remove();", 4000);function closethis(id) {'#myMessage').fadeOut('slow');"$('#myMessage').remove();", 1000);
 Add css

.msg{
background-color: #FFB6C1;text-align: left;position: absolute;top: 35%;left: 40%;margin-left: -70px;width: 350px;height: auto;padding: 10px 10px 8px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;Call on button click



}
OnClientClick="return fnCheckValue();"

No comments: