Posting kali ini mempelajari Cara Menghapus teks dari Textbox menggunakan perintah C# dan Javascript. Buat Dua buat TextBox dengan Nama TxtNo dan TxtNama serta 4 buat Button yaitu :
a. Button ID=”btnASP” OnClick=”btnASP_Click” Text=”Blank ASP.NET”
b. Button ID=”btnJs1″ Text=”Blank Javascript 1″
c. Button ID=”btnJs2″ Text=”Blank Javascript 2″
d. Button ID=”btnJs3″ Text=”Blank Javascript 3″ OnClientClick=”Blank()”
fungsi dari masing-masing button berbeda, yang pertama menggunakah perintah C# di code behind ASP.NET sedangkan button ke 2 – 4 menggunakan perintah javascript dengan berbagai varian penulisan.
pada fungsi btnJs1 perintah di javascript di tuliskan langsung menggunakan bantuan properti Attributes[“onclick”] pada btnJs1, sedangkan pada fungsi btnJs2 perintah javascript akan memanggil script Blank() yang di tulis pada web form, pada btnJs3 pemanggilan fungsi Blank() di tulis langsung di object button dengan perintah OnClientClick=”Blank()”
code behind selengkapnya adalah sbb:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Blank : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
btnJs1.Attributes[“OnClick”] = “document.forms[0].txtNo.value=”;document.forms[0].txtNama.value=””;
btnJs2.Attributes[“OnClick”] = “return Blank();”;
}
protected void btnASP_Click(object sender, EventArgs e)
{
txtNo.Text = “”;
txtNama.Text = “”;
}
}
Sedangkan tampilan HTMLnya Sbb:
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Blank.aspx.cs” Inherits=”Blank” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<script language=”javascript” type=”text/javascript”>
<!–
function Blank()
{
document.forms[0].txtNo.value=”;
document.forms[0].txtNama.value=”;
}
–>
</script>
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head runat=”server”>
<title>Untitled Page</title>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 100%”>
<tr>
<td style=”width: 20%”>
Nomor</td>
<td style=”width: 80%”>
Nama</td>
</tr>
<tr>
<td style=”width: 20%”>
<asp:TextBox ID=”txtNo” runat=”server”></asp:TextBox></td>
<td style=”width: 80%”>
<asp:TextBox ID=”txtNama” runat=”server”></asp:TextBox></td>
</tr>
<tr>
<td colspan=”2″>
<asp:Button ID=”btnASP” runat=”server” OnClick=”btnASP_Click” Text=”Blank ASP.NET” />
<asp:Button ID=”btnJs1″ runat=”server” Text=”Blank Javascript 1″ />
<asp:Button ID=”btnJs2″ runat=”server” Text=”Blank Javascript 2″ />
<asp:Button ID=”btnJs3″ runat=”server” Text=”Blank Javascript 3″ OnClientClick=”Blank()” />
</td>
</tr>
</table>
</div>
</form>
<script runat=”server”>
</script>
</body>
</html>
Tinggalkan komentar