Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
O alerta em javascript com Link Button é uma funcionalidade muito usada no dia a dia dos programadores de softwares e aplicativos. Ela pode ser usada tanto para websites como para mobile web.
Foi usado:
No primeiropasso, foi criado o projeto do tipo ASP.NET. O Visual Studio .NET 2010 montatodo layout, com style, javascript e tudo mais. Isso melhora bastante noprocesso de desenvolvimento.
/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/19992/33701.png&key=6f90146bbef174e6a7d1991030c7c978717485a5feae026b463c5f75ea647d81" alt="33701.png" />
Oaplicativo monta toda a estrutura web de desenvolvimento:
/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/19992/33702.png&key=adbecf7803700783433e621c601775b8f9f09ef75d4440096c8966cdb686deac" alt="33702.png" />
O segundopasso é colocar via código o LinkButtondo asp.net:
<asp:LinkButton ID="lnkTeste" runat="server" Text="Teste"></asp:LinkButton>Foi dado o nome de lnkTeste. O quarto passo é clicar na abaDesigner e clicar duas vezes em cimado LinkButton. É criadoautomaticamente o método dentro do código C#:
protected void lnkTeste_Click(object sender, EventArgs e)
{
} O quintopasso foi acrescentar um label napágina para mostrar o resultado depois do clique. Foi dado o nome de lblResultado.
<asp:Label ID="lblResultado" runat="server"></asp:Label>Dentro docódigo C#.NET e do método criado anteriormente (código 2), foi digitado uma linhade código como passo quinto:
protected void lnkTeste_Click(object sender, EventArgs e)
{
lblResultado.Text = "Clicou OK";
} A parte emC# está pronta. Agora é necessário criar a parte em javascript.
Dentroda mesma página, foi criado uma função em javascript responsável por mostrar apergunta no momento do clique:
<script type="text/javascript">
function pergunta() {
if (confirm("Deseja confirmar essa operação?")) {
return true;
} else {
return false;
}
}
</script>Note que, no código acima, afunção usa o simples confirm dojavascript e retorna true ou false. Se o true for retornado, a página faz o submit, se o false for retornadoa página não faz nada, ou seja, mantém o mesmo estado. Para vincular a funçãojavascript com o linkButton, é necessárioadicionar mais um parâmetro na linha do linkButton.<asp:LinkButton ID="lnkTeste" runat="server" Text="Teste"
OnClientClick="javascript:return pergunta();" onclick="lnkTeste_Click"></asp:LinkButton>Foi acrescentada a seguintelinha: OnClientClick=?javascript:returnpergunta();?. Isso faz com que a função seja executada antes de passar pelocódigo C#.NET, retornado true ométodo continua seus passos.
Segue atela mostrando o resultado final:
/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/19992/33704.png&key=3ec77eafc396f8161a9af05702a59483853b88aafc8dde1e7368013394445307" alt="33704.png" />
Ao clicarno botão OK, aparece a seguinte imagem:
/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/19992/33705.png&key=eda56679072d6cdaa785370a597f6e2ce811865549a6f26836d39e4ed24d0622" alt="33705.png" />
Para melhorentendimento, segue todo o código da página .aspx:
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="ArtigoLinkButton._Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script type="text/javascript">
function pergunta() {
if (confirm("Deseja confirmar essa operação?")) {
return true;
} else {
return false;
}
}
</script>
<h2>
Welcome to ASP.NET!
</h2>
<p>
To learn more about ASP.NET visit <a href="[http://www.asp.net"](http://www.asp.net) title="ASP.NET Website">www.asp.net</a>.
<br /><br />
<asp:LinkButton ID="lnkTeste" runat="server" Text="Teste"
OnClientClick="javascript:return pergunta();" onclick="lnkTeste_Click"></asp:LinkButton>
<asp:Label ID="lblResultado" runat="server"></asp:Label>
</p>
<p>
You can also find <a href="[http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"](http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409)
title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
</p>
</asp:Content>Segue todoo código da página C#.NET:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace ArtigoLinkButton
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void lnkTeste_Click(object sender, EventArgs e)
{
lblResultado.Text = "Clicou OK";
}
}Bom, eufico por aqui e qualquer dúvida pode entrar em contato pelo site.
[/applications/core/interface/imageproxy/imageproxy.php?img=http://static.imasters.com.br/anuncio/redehost/hospedagem2-300x250.jpg&key=c934bb65ef8d2c2a6ccc7d4860baf58cc24aa6babd598c0c722c692c1cb63515" alt="hospedagem2-300x250.jpg" />](http://www.redehost.com.br/hospedagem-de-site.aspx?l=im-nh-a5&utm_source=imasters&utm_medium=banner&utm_content=bv5&utm_campaign=novahospedagem)http://imasters.com.br/artigo/19992/javascript/desenvolvendo-um-alerta-javascript-com-link-button