Introduction To JavaScript

-

 JAVASCRIPT-

JavaScript is event driven language and case sensitive language. Let us see how JavaScript can overcome the drawbacks of CSS-

 DRAWBACKS OF CSS- 

CSS can not handle events,it is only used to style the webpage.

Events can not be performed with the help of CSS.

e.g- EVENTS means if i click in any button so some action has to be performed.

* Instead JAVASCRIPT is event handler language.  

where do we imply/apply JavaScript /In what section- 

JavaScript is applied in HEAD section within script tag.
<head> 
<script language="JavaScript"> 
 /*......*/code
</script> 
</head>

JavaScript popup boxes-

1) document.write(" ") 

2) alert(" ") 

3)  confirm(" ")

4) prompt(" ") 

The mini-window with the message is called a modal window. The word “modal” means that the visitor can’t interact with the rest of the page, press other buttons, etc, until they have dealt with the window. In this case – until they press “OK”. 

variable- 

variable is the name of memory location , where user can store different type of data value.   

e.g- a=10,a=ram,a=10.7

types of variable- 

1) Variant -  Variant is a type of variable in which a variable stores a definite value of data type specified. 

e.g- int a, char b and etc. 

2) Non- Variant- Non-Variant is type of variable in which data type depends upon the value of variable. 

e.g- var a=10.5[here the data type becomes float]  

ex- 

dim a as integer;(variant) 

dim a as(non-variant)

*JavaScript supports non- variant variables. 

Events can be handled with the help functions- 

<html>

<head>

<script language="JavaScript">  

function() 

{

 document.write("welcome to my webpage");  

}

<script> 

</head> 

<body> 

<input type="button" value="submit" onclick="display();"> 

</body>

</html>

 

Separators- 

1. variable separator(",") 

2. array separator("[]") 

3. block separator("{}") 

4. function separator("()") 


Comments

Post a Comment

Popular posts from this blog

Parameter Query

-
If we pass the value with (, ' " ! $) symbols in the control that will not be accepted through normal query. Parameter Query is used to accept the value with special symbols in the control like textbox. Parameter Query use a user defined variable with an @ sign.  In Parameter Query control is written in a different syntax. Column name and variable name can not be the same. Without column_name we can not perform Parameter query. Syntax- Insert- string s= "insert into Table_name (Column_name) values (@variable_name)"; cm = new SqlCommand(s,cn); cm.Parameters.AddWithValue("variable_name", control_name); cm.ExecuteNonQuery(); Update- string q = "update Proc_table set name=@name1 where email = @email1"; cm = new SqlCommand(q, cn); cm.Parameters.AddWithValue("name1", TextBox1.Text); cm.Parameters.AddWithValue("email1", TextBox2.Text); cm.ExecuteNonQuery();  
Read more

Final Project

-
Image
Registration form project   CODING- using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; using System.Configuration; public partial class RegPage : System.Web.UI.Page {     SqlConnection cn;     SqlCommand cm;     SqlDataReader dr;     FinalClass fc = new FinalClass();     protected void Page_Load(object sender, EventArgs e)     {         if (!IsPostBack)         {             statedisplay();         }     }     protected void connect()     {         string s = ConfigurationManager.AppSettings["Ch_Db"];         cn = new SqlConnection(s);         cn.Open();          }     protected void statedisplay...
Read more

Grid View Paging

-
  Grid View paging- Grid view paging is used when we have to read the data in bulk then we divide the complete data records into pages consists 10 records in one page. SqlDataAdapter - It is used for Grid View Paging Data Adapter reads data in group of 10 records unlike DataReader which reads the data line by line. DataSet - DataSet Object is created, it accepts the data in bulk. Fill() - Fill() is used. CODE - protected void display() { //Connection Code string s = ConfigurationManager.AppSettings["db"]; cn = new SqlConnection(s); cn.Open(); //DataSet Object DataSet ds = new DataSet(); string s = "select * from Videodb"; //SqlDataAdapter object SqlDataReader adp = new SqlDataAdapter(); adp.Fill(ds); GridView1.DataSoruce = ds; GridView1.DataBind(); } Source code-   <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"              Height="589px" Width="483px" OnPageIndexChanging="click...
Read more