CNIT 133 Interactive Web Pags – JavaScript and AJAX How to run JavaScript?

Slides:



Advertisements
Similar presentations
JavaScript and AJAX Jonathan Foss University of Warwick
Advertisements

Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.
CIS101 Introduction to Computing Week 12. Agenda Your questions Solutions to practice text Final HTML/JavaScript Project Copy and paste assignment JavaScript:
CIS101 Introduction to Computing Week 11 Spring 2004.
JavaScript 101 Lesson 01: Writing Your First JavaScript.
CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.
JavaScript- Introduction. What it is and what it does? What it is? It is NOT Java It is NOT Server-side programming Users can see code It is a client-side.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
JavaScript Lesson 1 TBE 540. Prerequisites  Before beginning this lesson, the learner must be able to… Create a basic web page using a text editor and/or.
JavaScript with Input & Output Step 1: Use tags JavaScript Template.
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Lesson15. JavaScript Objects Objects encapsulate data (properties) and behavior(methods); the properties and the methods of an object are tied together.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Review HTML5.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript forms.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Event and Event Handling.
CNIT 132 Intermediate HTML and CSS Publish Web Page.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Introduction to JavaScript.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
JavaScript Part 1.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
Writing a JavaScript User-Defined Function  A function is JavaScript code written to perform certain tasks repeatedly  Built-in functions.
Enhancing Web Pages  Use Notepad to open any html file  Adding an Animation  Google search ‘free animation’  After saving one, add it to the web page.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Advanced topic - variable.
Client-Side Scripting JavaScript.  produced by Netscape for use within HTML Web pages.  built into all the major modern browsers. properties  lightweight,
Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
JavaScript, jQuery, and Mashups Incorporating JavaScript, jQuery, and other Mashups into existing pages.
JS Basics 1 Lecture JavaScript - Basics. JS Basics 2 What is JavaScript JavaScript is a “simple”, interpreted, programming language with elementary object-
Java Script User Defined Functions. Java Script  You can define your own JavaScript functions. Such functions are called user- defined, as opposed to.
Python Basic. Download python Go to and download Python 2.7.8www.python.org.
Sahar Mosleh California State University San MarcosPage 1 JavaScript Basic.
JavaScript. JavaScript is the programming language of HTML and the Web. Easy to learn One of the 3 languages of all developers MUST learn: 1. HTML to.
Eyeblaster Understanding Discrepancies. Agenda Understanding Discrepancies What is a discrepancy? What causes discrepancies? Common Discrepancy Types.
Cookies (continue). Extracting Data From Cookies Data retrieved from a cookie is a simple text string. While there is no specific JavaScript function.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Objects.
1 JavaScript Part 3. Functions Allow the user to decide when a particular script should be run by the browser in stead of running as long as the page.
Javascript JavaScript is what is called a client-side scripting language:  a programming language that runs inside an Internet browser (a browser is also.
JavaScript Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops Animation Getting.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Variables.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Javascript Overview. What is Javascript? May be one of the most popular programming languages ever Runs in the browser, not on the server All modern browsers.
EFolio 401- Graduate Level Online Survey Online Survey Online Form Online Form Basic HTML programming Basic HTML programming Tables Tables Centering Graphics.
Basic HTML swap with AJAX. Lets get our beloved html for our llama site. Open the index.html page and add a class to our navigation links. Then lets add.
JavaScript and Ajax (JavaScript Basic) Week 2 Web site:
The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.
Answer questions about assignment.. Starting JavaScript, at my site these examples are under programs and JavaScript. You can see the address for this.
JavaScript Events Java 4 Understanding Events Events add interactivity between the web page and the user You can think of an event as a trigger that.
JavaScript Events. Understanding Events Events add interactivity between the web page and the user Events add interactivity between the web page and the.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Popup Boxes.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
COM621: Advanced Interactive Web Development Lecture 6 – JavaScript (cont.)
How can I cite my sources? Go to SMS page Click Quick Links Click Research (NC Wise Owl) Click Citation Maker.
Using JavaScript to Show an Alert
WEB APPLICATION PROGRAMMING
4. Javascript Pemrograman Web I Program Studi Teknik Informatika
Log on to and click on the “log in” button
JavaScript: How To? B. Ramamurthy.
Javascript.
Web Design and Development
For this assignment, copy and past the XHTML to a notepad file with the .html extension. Then add the code I ask for to complete the problems.
CNIT 133 Interactive Web Pags – JavaScript and AJAX
Presentation transcript:

CNIT 133 Interactive Web Pags – JavaScript and AJAX How to run JavaScript?

Agenda My Web Site: (download syllabus, class notes). There are three ways to run JavaScript:  JavaScript in URL (JavaScript Pseudo-Protocol).  JavaScript inside the section.  Call a JavaScript function.

JavaScript in URL (JavaScript Pseudo-Protocol) copy the following JS code and paste it in the URL, then hit the enter key. javascript: var now=new Date(); document.write(" the time is: " + now);

JavaScript inside the section Directly code the JS inside the body element. (Normally use the document.write() function to display the output) Inside the element: var a = 10; document.write("Resut is: " + a);

Call a JavaScript function From the body element, directly call a function defined inside the head element. (Normally use the alert() function to display output) Inside the head element: (defines the function) function f1() { var a = 10; alert("Result is " + a); } Inside the body element: (call the function) Click to run JS