Submit Search
Upload
Javascript 2
•
Download as PPT, PDF
•
0 likes
•
313 views
Mudasir Syed
Follow
Javascript lecture 4
Read less
Read more
Education
Report
Share
Report
Share
1 of 12
Download now
Recommended
Presentation
Presentation
Chetan Kataria
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Dom in javascript
Dom in javascript
Mudasir Syed
Â
Java script lecture 1
Java script lecture 1
Mudasir Syed
Â
Css presentation lecture 1
Css presentation lecture 1
Mudasir Syed
Â
PHP array 2
PHP array 2
Mudasir Syed
Â
Css presentation lecture 3
Css presentation lecture 3
Mudasir Syed
Â
Dreamweaver cs6
Dreamweaver cs6
Mudasir Syed
Â
Recommended
Presentation
Presentation
Chetan Kataria
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Dom in javascript
Dom in javascript
Mudasir Syed
Â
Java script lecture 1
Java script lecture 1
Mudasir Syed
Â
Css presentation lecture 1
Css presentation lecture 1
Mudasir Syed
Â
PHP array 2
PHP array 2
Mudasir Syed
Â
Css presentation lecture 3
Css presentation lecture 3
Mudasir Syed
Â
Dreamweaver cs6
Dreamweaver cs6
Mudasir Syed
Â
Javascript lecture 3
Javascript lecture 3
Mudasir Syed
Â
Web forms and html lecture Number 4
Web forms and html lecture Number 4
Mudasir Syed
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Css presentation lecture 4
Css presentation lecture 4
Mudasir Syed
Â
Sessions in php
Sessions in php
Mudasir Syed
Â
Functions in php
Functions in php
Mudasir Syed
Â
PHP array 1
PHP array 1
Mudasir Syed
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Javascript lecture 4
Javascript lecture 4
Mudasir Syed
Â
Form validation with built in functions
Form validation with built in functions
Mudasir Syed
Â
Form validation server side
Form validation server side
Mudasir Syed
Â
loops and branches
loops and branches
Mudasir Syed
Â
Web forms and html lecture Number 3
Web forms and html lecture Number 3
Mudasir Syed
Â
introduction to programmin
introduction to programmin
Mudasir Syed
Â
Form validation client side
Form validation client side
Mudasir Syed
Â
Web forms and html lecture Number 2
Web forms and html lecture Number 2
Mudasir Syed
Â
Learn Javascript Basics
Learn Javascript Basics
Khushiar
Â
Hsc IT Chap 3. Advanced javascript-1.pdf
Hsc IT Chap 3. Advanced javascript-1.pdf
AAFREEN SHAIKH
Â
INTERNSHIP PPT - INFOLABZ.pptx
INTERNSHIP PPT - INFOLABZ.pptx
DevChaudhari15
Â
216170316007.pptx
216170316007.pptx
DevChaudhari15
Â
Google Assistant Revolution
Google Assistant Revolution
Rafael Casuso Romate
Â
Make Mobile Apps Quickly
Make Mobile Apps Quickly
Gil Irizarry
Â
More Related Content
Viewers also liked
Javascript lecture 3
Javascript lecture 3
Mudasir Syed
Â
Web forms and html lecture Number 4
Web forms and html lecture Number 4
Mudasir Syed
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Css presentation lecture 4
Css presentation lecture 4
Mudasir Syed
Â
Sessions in php
Sessions in php
Mudasir Syed
Â
Functions in php
Functions in php
Mudasir Syed
Â
PHP array 1
PHP array 1
Mudasir Syed
Â
String functions and operations
String functions and operations
Mudasir Syed
Â
Javascript lecture 4
Javascript lecture 4
Mudasir Syed
Â
Form validation with built in functions
Form validation with built in functions
Mudasir Syed
Â
Form validation server side
Form validation server side
Mudasir Syed
Â
loops and branches
loops and branches
Mudasir Syed
Â
Web forms and html lecture Number 3
Web forms and html lecture Number 3
Mudasir Syed
Â
introduction to programmin
introduction to programmin
Mudasir Syed
Â
Form validation client side
Form validation client side
Mudasir Syed
Â
Web forms and html lecture Number 2
Web forms and html lecture Number 2
Mudasir Syed
Â
Viewers also liked
(16)
Javascript lecture 3
Javascript lecture 3
Â
Web forms and html lecture Number 4
Web forms and html lecture Number 4
Â
String functions and operations
String functions and operations
Â
Css presentation lecture 4
Css presentation lecture 4
Â
Sessions in php
Sessions in php
Â
Functions in php
Functions in php
Â
PHP array 1
PHP array 1
Â
String functions and operations
String functions and operations
Â
Javascript lecture 4
Javascript lecture 4
Â
Form validation with built in functions
Form validation with built in functions
Â
Form validation server side
Form validation server side
Â
loops and branches
loops and branches
Â
Web forms and html lecture Number 3
Web forms and html lecture Number 3
Â
introduction to programmin
introduction to programmin
Â
Form validation client side
Form validation client side
Â
Web forms and html lecture Number 2
Web forms and html lecture Number 2
Â
Similar to Javascript 2
Learn Javascript Basics
Learn Javascript Basics
Khushiar
Â
Hsc IT Chap 3. Advanced javascript-1.pdf
Hsc IT Chap 3. Advanced javascript-1.pdf
AAFREEN SHAIKH
Â
INTERNSHIP PPT - INFOLABZ.pptx
INTERNSHIP PPT - INFOLABZ.pptx
DevChaudhari15
Â
216170316007.pptx
216170316007.pptx
DevChaudhari15
Â
Google Assistant Revolution
Google Assistant Revolution
Rafael Casuso Romate
Â
Make Mobile Apps Quickly
Make Mobile Apps Quickly
Gil Irizarry
Â
Android Jump Start
Android Jump Start
Haim Michael
Â
Free and Open Source Software
Free and Open Source Software
Moinuddin Ahmed
Â
Raja3Years
Raja3Years
Raja Ravichandran
Â
Done in 60 seconds - Creating Web 2.0 applications made easy
Done in 60 seconds - Creating Web 2.0 applications made easy
Roel Hartman
Â
Techjoomla Infrastructure Extensions - Adding an Enterprise Layer to Joomla!
Techjoomla Infrastructure Extensions - Adding an Enterprise Layer to Joomla!
Parth Lawate
Â
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Chris Laning
Â
MAST Portal: drivers and recommendations
MAST Portal: drivers and recommendations
Alberto Conti
Â
Joget Workflow v6 Training Slides - 8 - Designing your First Userview
Joget Workflow v6 Training Slides - 8 - Designing your First Userview
Joget Workflow
Â
Mychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etc
Nikhil Palyekar
Â
Basic iOS Training with SWIFT - Part 4
Basic iOS Training with SWIFT - Part 4
Manoj Ellappan
Â
JavaScript: Implementations And Applications
JavaScript: Implementations And Applications
Pragya Pai
Â
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Gil Irizarry
Â
Dom
Dom
baabtra.com - No. 1 supplier of quality freshers
Â
Automation testing IBM RFT - Rational Functional Tester
Automation testing IBM RFT - Rational Functional Tester
VijayChowthri Nagaprakasham
Â
Similar to Javascript 2
(20)
Learn Javascript Basics
Learn Javascript Basics
Â
Hsc IT Chap 3. Advanced javascript-1.pdf
Hsc IT Chap 3. Advanced javascript-1.pdf
Â
INTERNSHIP PPT - INFOLABZ.pptx
INTERNSHIP PPT - INFOLABZ.pptx
Â
216170316007.pptx
216170316007.pptx
Â
Google Assistant Revolution
Google Assistant Revolution
Â
Make Mobile Apps Quickly
Make Mobile Apps Quickly
Â
Android Jump Start
Android Jump Start
Â
Free and Open Source Software
Free and Open Source Software
Â
Raja3Years
Raja3Years
Â
Done in 60 seconds - Creating Web 2.0 applications made easy
Done in 60 seconds - Creating Web 2.0 applications made easy
Â
Techjoomla Infrastructure Extensions - Adding an Enterprise Layer to Joomla!
Techjoomla Infrastructure Extensions - Adding an Enterprise Layer to Joomla!
Â
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Taming the Legacy Beast: Turning wild old code into a sleak new thoroughbread.
Â
MAST Portal: drivers and recommendations
MAST Portal: drivers and recommendations
Â
Joget Workflow v6 Training Slides - 8 - Designing your First Userview
Joget Workflow v6 Training Slides - 8 - Designing your First Userview
Â
Mychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etc
Â
Basic iOS Training with SWIFT - Part 4
Basic iOS Training with SWIFT - Part 4
Â
JavaScript: Implementations And Applications
JavaScript: Implementations And Applications
Â
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Â
Dom
Dom
Â
Automation testing IBM RFT - Rational Functional Tester
Automation testing IBM RFT - Rational Functional Tester
Â
More from Mudasir Syed
Error reporting in php
Error reporting in php
Mudasir Syed
Â
Cookies in php lecture 2
Cookies in php lecture 2
Mudasir Syed
Â
Cookies in php lecture 1
Cookies in php lecture 1
Mudasir Syed
Â
Ajax
Ajax
Mudasir Syed
Â
Reporting using FPDF
Reporting using FPDF
Mudasir Syed
Â
Oop in php lecture 2
Oop in php lecture 2
Mudasir Syed
Â
Oop in php lecture 2
Oop in php lecture 2
Mudasir Syed
Â
Filing system in PHP
Filing system in PHP
Mudasir Syed
Â
Time manipulation lecture 2
Time manipulation lecture 2
Mudasir Syed
Â
Time manipulation lecture 1
Time manipulation lecture 1
Mudasir Syed
Â
Php Mysql
Php Mysql
Mudasir Syed
Â
Adminstrating Through PHPMyAdmin
Adminstrating Through PHPMyAdmin
Mudasir Syed
Â
Sql select
Sql select
Mudasir Syed
Â
PHP mysql Sql
PHP mysql Sql
Mudasir Syed
Â
PHP mysql Mysql joins
PHP mysql Mysql joins
Mudasir Syed
Â
PHP mysql Introduction database
PHP mysql Introduction database
Mudasir Syed
Â
PHP mysql Installing my sql 5.1
PHP mysql Installing my sql 5.1
Mudasir Syed
Â
PHP mysql Er diagram
PHP mysql Er diagram
Mudasir Syed
Â
PHP mysql Database normalizatin
PHP mysql Database normalizatin
Mudasir Syed
Â
PHP mysql Aggregate functions
PHP mysql Aggregate functions
Mudasir Syed
Â
More from Mudasir Syed
(20)
Error reporting in php
Error reporting in php
Â
Cookies in php lecture 2
Cookies in php lecture 2
Â
Cookies in php lecture 1
Cookies in php lecture 1
Â
Ajax
Ajax
Â
Reporting using FPDF
Reporting using FPDF
Â
Oop in php lecture 2
Oop in php lecture 2
Â
Oop in php lecture 2
Oop in php lecture 2
Â
Filing system in PHP
Filing system in PHP
Â
Time manipulation lecture 2
Time manipulation lecture 2
Â
Time manipulation lecture 1
Time manipulation lecture 1
Â
Php Mysql
Php Mysql
Â
Adminstrating Through PHPMyAdmin
Adminstrating Through PHPMyAdmin
Â
Sql select
Sql select
Â
PHP mysql Sql
PHP mysql Sql
Â
PHP mysql Mysql joins
PHP mysql Mysql joins
Â
PHP mysql Introduction database
PHP mysql Introduction database
Â
PHP mysql Installing my sql 5.1
PHP mysql Installing my sql 5.1
Â
PHP mysql Er diagram
PHP mysql Er diagram
Â
PHP mysql Database normalizatin
PHP mysql Database normalizatin
Â
PHP mysql Aggregate functions
PHP mysql Aggregate functions
Â
Recently uploaded
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
iammrhaywood
Â
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Â
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
ssuser54595a
Â
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Celine George
Â
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
chloefrazer622
Â
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
Sarwono Sutikno, Dr.Eng.,CISA,CISSP,CISM,CSX-F
Â
mini mental status format.docx
mini mental status format.docx
PoojaSen20
Â
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
anshu789521
Â
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Krashi Coaching
Â
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
RKavithamani
Â
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
eniolaolutunde
Â
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
SoniaTolstoy
Â
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
pboyjonauth
Â
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
Thiyagu K
Â
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
Marc Dusseiller Dusjagr
Â
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
JhengPantaleon
Â
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
FatimaKhan178732
Â
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
sanyamsingh5019
Â
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
OH TEIK BIN
Â
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
Association for Project Management
Â
Recently uploaded
(20)
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
Â
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Â
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
Â
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Â
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
Â
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
Â
mini mental status format.docx
mini mental status format.docx
Â
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
Â
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Â
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Â
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
Â
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
Â
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
Â
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
Â
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
Â
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
Â
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
Â
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
Â
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
Â
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
Â
Javascript 2
1.
© Copyright 2012
Hidaya Trust (Pakistan) â—Ź A Non-Profit Organization â—Ź www.hidayatrust.org / www,histpk.org Hidaya Institute of Science & Technology www.histpk.org A Division of Hidaya Trust, Pakistan
2.
© Copyright 2012
Hidaya Trust (Pakistan) â—Ź A Non-Profit Organization â—Ź www.hidayatrust.org / www,histpk.org JAVASCRIPT
3.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org DIALOG BOX Alert Dialog Box: •An alert dialog box is mostly used to give a warning message to the users. Like if one input field requires to enter some text but user does not enter that field then as a part of validation you can use alert box to give warning message alert(“text”); Confirmation Dialog Box: •A confirmation dialog box is mostly used to take user's consent on any option. It displays a dialog box with two buttons: OK and Cancel. •If the user clicks on OK button the window method confirm() will return true. If the user clicks on the Cancel button confirm() returns false. You can use confirmation dialog box confirm(“Message");
4.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org DIALOG BOX •Prompt Dialog Box: •The prompt dialog box is very useful when you want to pop-up a text box to get user input. Thus it enable you to interact with the user. The user needs to fill in the field and then click OK. •This dialog box is displayed using a method called prompt() which takes two parameters (i) A label which you want to display in the text box (ii) A default string to display in the text box. •This dialog box with two buttons: OK and Cancel. If the user clicks on OK button the window method prompt() will return entered value from the text box. If the user clicks on the Cancel button the window method prompt() returns null. •prompt(“Message At top", “Name In Field");
5.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org FUNCTIONS •A function is a group of reusable code which can be called anywhere in your program. This eliminates the need of writing same code again and again. •Help programmers to write modular code. •Can easily divide your big program in a number of small and manageable functions. •Like any other advance programming language, JavaScript also supports all the features necessary to write modular code using functions. •You must have seen functions like alert() and write(), We are using these function again and again but they have been written in core JavaScript only once.
6.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org FUNCTIONS •The most common way to define a function in JavaScript is by using the function keyword, followed by a unique function name, a list of parameters (that might be empty), and a statement block surrounded by curly braces. •The basic syntax is shown here: function functionname(parameter-list) { statements } Calling a Function: •To invoke a function somewhere later in the script, you would simple need to write the name of that function as follows: functionname();
7.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org FUNCTIONS Function Parameters: •There is a facility to pass different parameters while calling a function. •These passed parameters can be captured inside the function and any manipulation can be done over those parameters. •A function can take multiple parameters separated by comma. function functionname(para1,para2) { statements } The return Statement: A JavaScript function can have an optional return statement. This is required if you want to return a value from a function. This statement should be the last statement in a function.
8.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org EVENTS IN JAVASCRIPT •JavaScript's interaction with HTML is handled through events that occur when the user or browser manipulates a page. •When the page loads, that is an event. •When the user clicks a button, that click, too, is an event. • Another example of events are like: • pressing any key • closing window • resizing window. •Developers can use these events to execute JavaScript coded responses, which cause buttons to close windows, messages to be displayed to users, data to be validated, and virtually any other type of response imaginable to occur.
9.
© Copyright 2012
Hidaya Trust (Pakistan) â—Ź A Non-Profit Organization â—Ź www.hidayatrust.org / www,histpk.org HTML 4 STANDARD EVENTS Event Value Description onchange script Script runs when the element changes onsubmit script Script runs when the form is submitted onreset script Script runs when the form is reset onselect script Script runs when the element is selected onblur script Script runs when the element loses focus onfocus script Script runs when the element gets focus onkeydown script Script runs when key is pressed onkeypress script Script runs when key is pressed and released onkeyup script Script runs when key is released onclick script Script runs when a mouse click ondblclick script Script runs when a mouse double-click onmousedown script Script runs when mouse button is pressed onmousemove script Script runs when mouse pointer moves onmouseout script Script runs when mouse pointer moves out of an element onmouseover script Script runs when mouse pointer moves over an element onmouseup script Script runs when mouse button is released
10.
© Copyright 2012
Hidaya Trust (Pakistan) ● A Non-Profit Organization ● www.hidayatrust.org / www,histpk.org DOCUMENT OBJECT MODEL •Every web page resides inside a browser window which can be considered as an object. •A Document object represents the HTML document that is displayed in that window. •The Document object has various properties that refer to other objects which allow access to and modification of document content. •The way that document content is accessed and modified is called the Document Object Model, or DOM. The Objects are organized in a hierarchy. • This hierarchical structure applies to the organization of objects in a Web document. •Window object: Top of the hierarchy. It is the outmost element of the object hierarchy. •Document object: Each HTML document that gets loaded into a window becomes a document object. The document contains the content of the page. •Form object: Everything enclosed in the <form>...</form> tags sets the form object. •Form control elements: The form object contains all the elements defined for that object such as text fields, buttons, radio buttons, and checkboxes.
11.
© Copyright 2012
Hidaya Trust (Pakistan) â—Ź A Non-Profit Organization â—Ź www.hidayatrust.org / www,histpk.org
12.
© Copyright 2012
Hidaya Trust (Pakistan) â—Ź A Non-Profit Organization â—Ź www.hidayatrust.org / www,histpk.org
Download now