RSS

ASP.Net – Java Script in Page Load

12 Jun

JavaScript merupakan sebuah script yang pasti digunakan di sebuah pemograman web. Semua bahasa pemograman web dapat menggunakan  javascript, walaupun untuk setiap bahasa pemograman memiliki cara dan trick” tertentu.

ASP.Net merupakan salah satu bahasa pemograman web yang memiliki cara tersendiri dalam menggunakan javascript. So.. How To Use Javascript in ASP.Net..?? postingan kali ini saya, akan memberikan tips dan trick-nya.

Pada umumnya penggunaan Tag HTML  <body onload = script> merupakan cara yang umum digunakan, namun dengan cara tersebut dilakukan selalu saat body di load. Namun bagaimana jika di letakan pada Page Load dengan catatan harus melewati sebuah kondisi tertentu (If- Else) baru javascript tersebut diaktifkan. Berdasarkan berbagai percobaan, saya  menemukan cara sebagai berikut.

Pada Bagian  Pageload tuliskan kode berikut :

    protected void Page_Load(object sender, EventArgs e)
    {
        for (int i = 1; i < 4; i++)
        {
            setValueScript("Text" + i, "Value-" + i, i);
        }
        for (int i = 1; i < 4; i++)
        {
            alertScript("Text" + i, i);
        }
    }

    //JAVA SCRIPT METHOD PAGE LOAD
    public void setValueScript(string elementId, string value, int loop)
    {
        string script = "";

        //SET Value
        script += "<script language='javascript'>";
        script += "document.getElementById('";
        script += elementId;
        script += "').value='";
        script += value;
        script += "'";
        script += "</script>";

        //Register Script
        Page.RegisterStartupScript("setValueScript-" + loop, script);
    }
    public void alertScript(string elementId, int loop)
    {
        string script = "";

        //SET Value
        script += "<script language='javascript'>";
        script += "alert(document.getElementById('";
        script += elementId;
        script += "').value)";
        script += "</script>";

        //Register Script
        Page.RegisterStartupScript("alertScript-" + loop, script);
    }

Dan pada bagian “ASPX” siapkan 3 buat HTML TextBox dengan ID : Text1, Text2, Text3. Jalankan dan hasilnya javascript yang dibuat telah berjalan.

Bingung..??? Berikut ini penjelasannya dari Trick diatas :

  1. Buat method void, yang didalamnya terdapat string yang akan membangun / membentuk serangkaian java script.
  2. Pada bagian akhir kita harus meregister script yang telah dibuat. Pada parameter register pertama, isikan nama (bebas namun tidak boleh sama), disinilah peran variable loop, seandainya kita akan menggunakan javascript tersebut berulang”.
  3. siapkan parameter void, sesuai dengan parameter javascript

Itulah salah satu trick dalam menggunakan javascript dalam ASP.Net. Mudah bukan..!!! semoga postingan ini membantu anda semua.

-Thx Mbanx-

 
Leave a comment

Posted by on June 12, 2010 in Education

 

Tags: , , , , , , , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: