Olá pessoal, sou novo aqui e estou comecando a mexer com Jquery. Vou colocar os codigos aqui para deixar o mais claro possivel. Estou querendo que quando clicar no botao, ocorra o evento do Jquery mas também o evento OnClick no C# ... o jquery com a animacao e o carregamento das paginas no DIV ocorem normal, porem não executa o evento no c# ... como eu poss arrumar isso?? botei um exemplo simples ali de somente alterar o text de uma label ... Default.aspx <script type="text/javascript">
$(document).ready(function(){
var conteudoAjax = $('#box2'); //Pegando a DIV onde carrega as paginas
function hideLoading() {
//SlideDow e escondendo o Modal Loading
conteudoAjax.delay(1000).animate({
"height": "toggle", "opacity": "toggle"
}, 1000, function() {
$("#mask").fadeOut(500);
$('.window').fadeOut(500);
});
};
function showLoading(e, pag, titulo) {
//Inicio do Modal Loading
e.preventDefault();
var id = "#winModal";
var maskHeight = $(document).height();
var maskWidth = $(document).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeTo(500,0.5);
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(1000);
//Fim do Modal Loading
//Inicio do Load do pag no DIV
conteudoAjax.animate({
"height": "toggle", "opacity": "toggle"
}, 1000, function() {
conteudoAjax.load(pag, hideLoading);
$("#titulo").fadeOut(800, function() {
$("#titulo").text(titulo).fadeIn(800);
});
});
};
$("#navi1").click(function(e) {
showLoading(e, "Default3.aspx", "Cadastro de Músicas");
});
$("#navi2").click(function(e) {
showLoading(e, "Default2.aspx", "Menu 2");
});
$("#Button1").click(function(e) {
showLoading(e, "Default2.aspx", "Menu 2");
});
/*$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});*/
});
</script>
Default.aspx
--- <asp:Label ID="Label1" runat="server" Text="Texto Original"></asp:Label> ESSE LABEL QUE EU GOSTARIA DE ALTERAR PELO C# ---
<div id="tudo">
<h1 id="titulo">JQueries</h1>
<code>
<a href="#" id="navi1">Cad. Músicas</a>
<a href="#" id="navi2">Menu 2</a>
<asp:Button ID="Button1" runat="server" Text="Button"
onclick="Button1_Click" />
<asp:Label ID="Label1" runat="server" Text="Texto Original"></asp:Label>
</code>
<div id="box2"> </div>
<div id="mask"> </div>
<div id="winModal" class="window">
<img src="images/ajax-loader.gif" /><br />
CARREGANDO...
</div>
</div>
Default.aspx.cs
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Texto Modificado";
}
} Algm sabe como???
