[Resolvido] Desenvolvendo um alerta JavaScript com Link Button

[RSS iMasters 5]

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:

 

• Visual Studio.NET 2010
• Framework: 4.0
• Tipo do projeto: ASP.NET
• Linguagem: C#.NET
• Linguagem de interpretação: JavaScript

 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.

 

 

 

Oaplicativo monta toda a estrutura web de desenvolvimento:

 

 

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:

 

 

Ao clicarno botão OK, aparece a seguinte imagem:

 

 

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" 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"

 

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.

 

 

http://imasters.com.br/artigo/19992/javascript/desenvolvendo-um-alerta-javascript-com-link-button