Twitter Flickr Pinterest LinkedIn YouTube Google Maps E-mail RSS
formats

Ejecutar código JavaScript en ASP.NET – Método 1 y 2

Ejemplo de cómo utilizar código Javascript desde una página ASP.NET.

Método 1

<%--Directiva--%>

<%@ Page Language=”C#” %>

<%--Codigo en linea ASP.NET del lado servidor--%>
<script runat=”server”>
protected void Page_Load(object sender, EventArgs e)
{
this.btnAceptar.Attributes.Add(“OnClick”, “javascript:return fnAceptar();”);
}
</script>

<%--HTML para dibujar los controles en pantalla--%>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head id=”Head1” runat=”server”>
<title>Mi primera aplicacion -</title>

<%--Codigo JavaScript--%>
<script language=”javascript” type=”text/javascript”>
function fnAceptar() {
alert(‘El Contenido del TextBox es: ‘ + document.getElementById(“txtNombre”).value);
document.getElementById(“txtNombre”).value = ‘’;
}
</script>

</head>
<body>
<form id=”form1” runat=”server”>
<div>
<asp:TextBox ID=”txtNombre” runat=”server”></asp:TextBox>
<asp:Button ID=”btnAceptar” runat=”server” Text=”Aceptar”/>
<br/>
<asp:Label ID=”lblResultado” runat=”server” ></asp:Label>
</div>
</form>
</body>
</html>

Método 2, mediante RegisterStartupScript de la clase ClientScript.

<%--Directiva--%>
<%@ Page Language=”C#” %>
<%--Codigo en linea--%>
<script runat=”server”>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.btnAceptar.Attributes.Add(“OnClick”, “javascript:return fnAceptar();”
RegistrarScript();
}
}
private void RegistrarScript()
{
const string ScriptKey = “ScriptKey”;
if (!ClientScript.IsStartupScriptRegistered(this.GetType(), ScriptKey))
{
StringBuilder fn = new StringBuilder();
fn.Append(“function fnAceptar() { “);
fn.Append(“alert(‘El Contenido del TextBox es: ‘ + document.getElementById(\”txtNombre\”);
fn.Append(“document.getElementById(\”txtNombre\”).value = ‘’;”);
fn.Append(“}”);
ClientScript.RegisterStartupScript(this.GetType(),
ScriptKey, fn.ToString(), true);
}
}
</script>

<%--HTML para dibujar los controles en pantalla--%>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head id=”Head1” runat=”server”>
<title>Mi primera aplicacion </title>
</head>
<body>
<form id=”form1” runat=”server”>
<div>
<asp:TextBox ID=”txtNombre” runat=”server”></asp:TextBox>
<asp:Button ID=”btnAceptar” runat=”server” Text=”Aceptar”/>
<br/>
<asp:Label ID=”lblResultado” runat=”server” ></asp:Label>
</div>
</form>
</body>
</html>

 

Etiquetas:, ,

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Home ASP.NET Ejecutar código JavaScript en ASP.NET – Método 1 y 2
© www.palentino.es, desde el 2012 - Un Blog para compartir conocimientos ...

Uso de cookies en mi sitio palentino.es

Este sitio web utiliza cookies para que tengamos la mejor experiencia de usuario. Si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de la política de cookies

ACEPTAR
Aviso de cookies