Boa tarde!
Consegui construir um alerta usando jquery.msgbox. Funcionou uma maravilha.
A minha dificuldade vem agora, como faço para implementar em um botão em asp.net chamar esta funcionalidade do Jquery
(<a href="javascript:;" class="msgbox alert">Open basic msgbox</a>" este trecho do código que chama MSGBOX)
Tentei fazer desta maneira, mas não funcionou.
protected void Button1_Click(object sender, EventArgs e)
{
if (valida() == false)
{
Button1.Attributes.Add("class", "msgbox basic");
}
}
<head>
<link rel="stylesheet" id="theme" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.msgbox.i18n.js"></script>
<script type="text/javascript" src="../jquery.msgbox.js"></script>
<script type="text/javascript">
var theme = location.href.split(/\?/)[1];
theme = theme || 'metro';
$("#theme").attr('href', "../themes/"+ theme +"/css/jquery.msgbox.css");
$ (document) .ready(function(){
var produce = function () {
$("pre.code").each (function(){
eval ($(this).text());
});
}
$("#themeswitcher").val(theme);
produce();
$("#themeswitcher").change(function(){
location.href = location.href.split(/\?/)[0] + '?' + $(this).val();
});
});
</script>
</head>
<body>
<h1>jquery.msgbox examples <a href="../index.html">Back to jquery.msgbox home</a></h1>
<div>Switch msgbox theme: <select id="themeswitcher">
<option value="bootstrap">bootstrap</option>
<option value="black">black</option>
<option value="mac">mac</option>
<option value="jqueryui">jqueryui</option>
<option value="metro">metro</option>
<option value="naked">naked</option>
<option value="facebook">facebook</option>
</select></div>
<div class="wrap">
<pre class="code">
$(".msgbox.alert").msgbox({
type: 'alert',
content: 'Preencha o campo!',
title: 'Aviso'
});
</pre>
<div class="trigger">
<a href="javascript:;" class="msgbox alert">Open basic msgbox</a>
</div>
</div>
</body>
</html>
