SlideShare una empresa de Scribd logo
1 de 2
ESCTRUCTURA BASICA DE UNA PAGINA ASP.NET extensión .aspx
<%--Directiva--%> COMENTARIOS EN ASP.NET <%-- comentario --%>
<%@ Page Language="C#" %> INDICA EL LENGUAJE QUE SE USARA DE .NET
<%--Codigo en linea--%>
<scriptrunat="server"> INDICA QUE EL CODIGO CONTENIDO SE EJECUTARA EN EL SERVIDOR CREO QUE EQUIVALE A <?php ?>
protected void btnAceptar_Click(objectsender, EventArgs e){
lblResultado.Text= txtNombre.Text;
txtNombre.Text = string.Empty;
}
FUNCION C# QUE CREA UNA FUNCION JS EN TIEMPO DE EJECUCION Y QUE LUEGO SE PUEDE ASIGNAR A UN EVENTO DE UN
BOTON
private void RegistrarScript(){
const string ScriptKey = "ScriptKey";
if (!ClientScript.IsStartupScriptRegistered(this.GetType(), ScriptKey)){
StringBuilder fn = new StringBuilder();
fn.Append("function fnCancelar() { ");
fn.Append("alert('El Contenido del TextBox es: ' +
document.getElementById("txtNombre").value); ");
fn.Append("document.getElementById("txtNombre").value = '';");
fn.Append("}");
ClientScript.RegisterStartupScript(this.GetType(),
ScriptKey, fn.ToString(), true);
}
}
protected void Page_Load(object sender, EventArgs e){
ASIGNA FUNCION JS NORMAL A EVENTO CLICK DE UN BOTON
this.btnCancelar.Attributes.Add("OnClick","javascript:return fnCancelOk();");
ASIGNA FUNCION JS GENERADA CON C# A EVENTO DOBLE CLICK DE UN BOTON
if (!IsPostBack){
this.btnCancelar.Attributes.Add("OnDblClick ","javascript:return fnCancelar ();");
RegistrarScript();
}
}
</script>
<%--HTML para dibujar loscontroles en pantalla--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
PODEMOS ENLAZAR ARCHIVOS CSS IGUAL QUE EN UNA PAGINA HTML NORMAL ESTE ARCHIVO CONTIENE LA CLASE .milabel
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<title>Mi primera aplicacion - Maestros del Web</title>
<%--Codigo JavaScript--%>
CODIGO JS, TAMBIEN SE PUEDE HACER EL CODIGO SEPARADO Y LLAMARLO COMO EN UNA PAGINA HTML NORMAL
<scriptlanguage="javascript" type="text/javascript">
function fnCancelOk () {
alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value);
document.getElementById("txtNombre").value = '';
}
</script>
</head>
<body>
<form id="form1" runat="server"> CREA UN FORM COMO EN HTML NORMAL
<div>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN TEXTBOX
<asp:TextBox ID="txtNombre" runat="server"></asp:TextBox>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON
<asp:Button ID="btnAceptar" runat="server" Text="Aceptar"
onclick="btnAceptar_Click"/>
<br/>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON
<asp:Button ID="btnCancelar" runat="server" Text="Cancelar" />
<br/>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN LABEL, SE EL ASIGNA UNA CLASE CSS CON EL
ATRIBUTO CssClass
<asp:Label CssClass="MiLabel" ID="lblResultado"runat="server" Text="[Resultado]"></asp:Label>
</div>
</form>
</body>
</html>

Más contenido relacionado

La actualidad más candente

componentes de jsp
componentes de jsp componentes de jsp
componentes de jsp Angie2331
 
Elementos de JSP
Elementos de JSPElementos de JSP
Elementos de JSPlauijure
 
Objetosimpliciosjsp
ObjetosimpliciosjspObjetosimpliciosjsp
ObjetosimpliciosjspKatherineLG
 
13. Configuracion De Aplicaciones Web Asp.Net
13.  Configuracion De Aplicaciones Web Asp.Net13.  Configuracion De Aplicaciones Web Asp.Net
13. Configuracion De Aplicaciones Web Asp.Netguest3cf6ff
 
Javascript
JavascriptJavascript
JavascriptFausto
 
Creando mi primer bot application en Visual Studio 2017
Creando mi primer bot application en Visual Studio 2017Creando mi primer bot application en Visual Studio 2017
Creando mi primer bot application en Visual Studio 2017Vicente Gerardo Guzman Lucio
 
Análisis y diseño ii sql php
Análisis y diseño ii sql phpAnálisis y diseño ii sql php
Análisis y diseño ii sql phplina9203
 
Sistema integrado
Sistema integradoSistema integrado
Sistema integradobruchsytem
 
eyeOS: Arquitectura y desarrollo de una aplicación
eyeOS: Arquitectura y desarrollo de una aplicacióneyeOS: Arquitectura y desarrollo de una aplicación
eyeOS: Arquitectura y desarrollo de una aplicaciónJose Luis Lopez Pino
 
Primeros pasos con ajax
Primeros pasos con ajaxPrimeros pasos con ajax
Primeros pasos con ajaxEdwin Calle
 
11. Servicios Web Xml
11.  Servicios Web Xml11.  Servicios Web Xml
11. Servicios Web Xmlguest3cf6ff
 
Elementos de script en JSP
Elementos de script en JSPElementos de script en JSP
Elementos de script en JSPjubacalo
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajaxjubacalo
 
ASP.Net MVC 3 - Eugenio Serrano
ASP.Net MVC 3 - Eugenio SerranoASP.Net MVC 3 - Eugenio Serrano
ASP.Net MVC 3 - Eugenio SerranoEugenio Serrano
 

La actualidad más candente (20)

componentes de jsp
componentes de jsp componentes de jsp
componentes de jsp
 
Elementos de JSP
Elementos de JSPElementos de JSP
Elementos de JSP
 
Objetosimpliciosjsp
ObjetosimpliciosjspObjetosimpliciosjsp
Objetosimpliciosjsp
 
Que es un script
Que es un scriptQue es un script
Que es un script
 
13. Configuracion De Aplicaciones Web Asp.Net
13.  Configuracion De Aplicaciones Web Asp.Net13.  Configuracion De Aplicaciones Web Asp.Net
13. Configuracion De Aplicaciones Web Asp.Net
 
Javascript
JavascriptJavascript
Javascript
 
Creando mi primer bot application en Visual Studio 2017
Creando mi primer bot application en Visual Studio 2017Creando mi primer bot application en Visual Studio 2017
Creando mi primer bot application en Visual Studio 2017
 
Angular Conceptos Practicos 1
Angular Conceptos Practicos 1Angular Conceptos Practicos 1
Angular Conceptos Practicos 1
 
Análisis y diseño ii sql php
Análisis y diseño ii sql phpAnálisis y diseño ii sql php
Análisis y diseño ii sql php
 
Sistema integrado
Sistema integradoSistema integrado
Sistema integrado
 
eyeOS: Arquitectura y desarrollo de una aplicación
eyeOS: Arquitectura y desarrollo de una aplicacióneyeOS: Arquitectura y desarrollo de una aplicación
eyeOS: Arquitectura y desarrollo de una aplicación
 
Java servlets
Java servletsJava servlets
Java servlets
 
Primeros pasos con ajax
Primeros pasos con ajaxPrimeros pasos con ajax
Primeros pasos con ajax
 
Servicio web soap en java con net beans
Servicio web soap en java con net beansServicio web soap en java con net beans
Servicio web soap en java con net beans
 
11. Servicios Web Xml
11.  Servicios Web Xml11.  Servicios Web Xml
11. Servicios Web Xml
 
Web services
Web servicesWeb services
Web services
 
ASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datosASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datos
 
Elementos de script en JSP
Elementos de script en JSPElementos de script en JSP
Elementos de script en JSP
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajax
 
ASP.Net MVC 3 - Eugenio Serrano
ASP.Net MVC 3 - Eugenio SerranoASP.Net MVC 3 - Eugenio Serrano
ASP.Net MVC 3 - Eugenio Serrano
 

Similar a Esctructura basica-pagina-asp

Asp.net lendry Barrientos
Asp.net lendry BarrientosAsp.net lendry Barrientos
Asp.net lendry BarrientosLeandryDe
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NETwilliamsm
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetMoisés Cid Deza
 
Framework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la redFramework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la redAntonio Palomares Sender
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkitpabloesp
 
Programacion de aplicaciones Web con ASP.NET
Programacion de aplicaciones Web con ASP.NETProgramacion de aplicaciones Web con ASP.NET
Programacion de aplicaciones Web con ASP.NETJavier Roig
 
Hands-on Spring 3: The next generation
Hands-on Spring 3: The next generationHands-on Spring 3: The next generation
Hands-on Spring 3: The next generationSergi Almar i Graupera
 
Escribiendo funciones con Azure Functions
Escribiendo funciones con Azure FunctionsEscribiendo funciones con Azure Functions
Escribiendo funciones con Azure FunctionsVíctor Moreno
 
Microsoft Asp. Net [Asp.Net - Parte 2]
Microsoft Asp. Net [Asp.Net - Parte 2]Microsoft Asp. Net [Asp.Net - Parte 2]
Microsoft Asp. Net [Asp.Net - Parte 2]Antonio Torres
 
Introducción a JQuery
Introducción a JQueryIntroducción a JQuery
Introducción a JQueryContinuum
 
2009 05-07-tutorial asp.net
2009 05-07-tutorial asp.net2009 05-07-tutorial asp.net
2009 05-07-tutorial asp.netSandy Contreras
 

Similar a Esctructura basica-pagina-asp (20)

Asp.net lendry Barrientos
Asp.net lendry BarrientosAsp.net lendry Barrientos
Asp.net lendry Barrientos
 
Java script
Java scriptJava script
Java script
 
Mi app-asp-net-mvc2
Mi app-asp-net-mvc2Mi app-asp-net-mvc2
Mi app-asp-net-mvc2
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
 
Framework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la redFramework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la red
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
 
ASP.NET MVC - AJAX
ASP.NET MVC - AJAXASP.NET MVC - AJAX
ASP.NET MVC - AJAX
 
Programacion de aplicaciones Web con ASP.NET
Programacion de aplicaciones Web con ASP.NETProgramacion de aplicaciones Web con ASP.NET
Programacion de aplicaciones Web con ASP.NET
 
ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3
 
Html
HtmlHtml
Html
 
Hands-on Spring 3: The next generation
Hands-on Spring 3: The next generationHands-on Spring 3: The next generation
Hands-on Spring 3: The next generation
 
De HTML a Express
De HTML a ExpressDe HTML a Express
De HTML a Express
 
Escribiendo funciones con Azure Functions
Escribiendo funciones con Azure FunctionsEscribiendo funciones con Azure Functions
Escribiendo funciones con Azure Functions
 
Microsoft Asp. Net [Asp.Net - Parte 2]
Microsoft Asp. Net [Asp.Net - Parte 2]Microsoft Asp. Net [Asp.Net - Parte 2]
Microsoft Asp. Net [Asp.Net - Parte 2]
 
Jquery para principianes
Jquery para principianesJquery para principianes
Jquery para principianes
 
J M E R L I N P H P
J M E R L I N P H PJ M E R L I N P H P
J M E R L I N P H P
 
Introducción a JQuery
Introducción a JQueryIntroducción a JQuery
Introducción a JQuery
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
2009 05-07-tutorial asp.net
2009 05-07-tutorial asp.net2009 05-07-tutorial asp.net
2009 05-07-tutorial asp.net
 

Último

presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORASMarc Liust
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendidaLuis Francisco Reyes Aceves
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 

Último (18)

presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

Esctructura basica-pagina-asp

  • 1. ESCTRUCTURA BASICA DE UNA PAGINA ASP.NET extensión .aspx <%--Directiva--%> COMENTARIOS EN ASP.NET <%-- comentario --%> <%@ Page Language="C#" %> INDICA EL LENGUAJE QUE SE USARA DE .NET <%--Codigo en linea--%> <scriptrunat="server"> INDICA QUE EL CODIGO CONTENIDO SE EJECUTARA EN EL SERVIDOR CREO QUE EQUIVALE A <?php ?> protected void btnAceptar_Click(objectsender, EventArgs e){ lblResultado.Text= txtNombre.Text; txtNombre.Text = string.Empty; } FUNCION C# QUE CREA UNA FUNCION JS EN TIEMPO DE EJECUCION Y QUE LUEGO SE PUEDE ASIGNAR A UN EVENTO DE UN BOTON private void RegistrarScript(){ const string ScriptKey = "ScriptKey"; if (!ClientScript.IsStartupScriptRegistered(this.GetType(), ScriptKey)){ StringBuilder fn = new StringBuilder(); fn.Append("function fnCancelar() { "); fn.Append("alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value); "); fn.Append("document.getElementById("txtNombre").value = '';"); fn.Append("}"); ClientScript.RegisterStartupScript(this.GetType(), ScriptKey, fn.ToString(), true); } } protected void Page_Load(object sender, EventArgs e){ ASIGNA FUNCION JS NORMAL A EVENTO CLICK DE UN BOTON this.btnCancelar.Attributes.Add("OnClick","javascript:return fnCancelOk();"); ASIGNA FUNCION JS GENERADA CON C# A EVENTO DOBLE CLICK DE UN BOTON if (!IsPostBack){ this.btnCancelar.Attributes.Add("OnDblClick ","javascript:return fnCancelar ();"); RegistrarScript(); } } </script> <%--HTML para dibujar loscontroles en pantalla--%> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> PODEMOS ENLAZAR ARCHIVOS CSS IGUAL QUE EN UNA PAGINA HTML NORMAL ESTE ARCHIVO CONTIENE LA CLASE .milabel <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <title>Mi primera aplicacion - Maestros del Web</title> <%--Codigo JavaScript--%> CODIGO JS, TAMBIEN SE PUEDE HACER EL CODIGO SEPARADO Y LLAMARLO COMO EN UNA PAGINA HTML NORMAL
  • 2. <scriptlanguage="javascript" type="text/javascript"> function fnCancelOk () { alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value); document.getElementById("txtNombre").value = ''; } </script> </head> <body> <form id="form1" runat="server"> CREA UN FORM COMO EN HTML NORMAL <div> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN TEXTBOX <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" onclick="btnAceptar_Click"/> <br/> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON <asp:Button ID="btnCancelar" runat="server" Text="Cancelar" /> <br/> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN LABEL, SE EL ASIGNA UNA CLASE CSS CON EL ATRIBUTO CssClass <asp:Label CssClass="MiLabel" ID="lblResultado"runat="server" Text="[Resultado]"></asp:Label> </div> </form> </body> </html>