Technical University of Sofia Faculty of Computer Systems and Control. Web Programming. Lecture 5 JavaScript part 2

Size: px
Start display at page:

Download "Technical University of Sofia Faculty of Computer Systems and Control. Web Programming. Lecture 5 JavaScript part 2"

Transcription

1 Technical University of Sofia Faculty of Computer Systems and Control Web Programming Lecture 5 JavaScript part 2

2 JAVASCRIPT AND FORMS 11/13/201 4 Assist. Prof. Antonia Tasheva 2

3 Page Title <!DOCTYPE html> <html> <head> <title>w3schools Demo</title> </head> <body> <p id="demo"></p> document.getelementbyid("demo").innerhtml = "The title of this document is: " + document.title; </body> </html> 11/13/2014 Assist. Prof. Antonia Tasheva 3

4 Disable a button <input type="button" id="btn01" value="ok"> <p>click the "Disable" button to disable the "OK" button:</p> <button onclick="disableelement()">disable</button> function disableelement() { document.getelementbyid("btn01").disabled = true; 11/13/2014 Assist. Prof. Antonia Tasheva 4

5 Disable/Enable a select function disable() { document.getelementbyid("myselect").disabled=true; function enable() { document.getelementbyid("myselect").disabled=false; <select id="myselect"> <option>apple</option> <option>pear</option> </select> <br><br> <input type="button" onclick="disable()" value="disable list"> <input type="button" onclick="enable()" value="enable list"> 11/13/2014 Assist. Prof. Antonia Tasheva 5

6 Select multiline list function changesize() { document.getelementbyid("myselect").size = 4; <form> <select id="myselect"> <option>apple</option> <option>banana</option> <option>orange</option> <option>melon</option> </select> <input type="button" onclick="changesize()" value="change size"> </form> 11/13/2014 Assist. Prof. Antonia Tasheva 6

7 Selected option function getoption() { var obj = document.getelementbyid("myselect"); document.getelementbyid("demo").innerhtml=obj.options[obj.selectedindex].text; Select your favorite fruit: <select id="myselect"> <option>apple</option> <option>orange</option> <option>pineapple</option> <option>banana</option> </select> <br><br> <input type="button" onclick="getoption()" value="click Me!"> <p id="demo"></p> 11/13/2014 Assist. Prof. Antonia Tasheva 7

8 Selected option (index) function getindex() { document.getelementbyid("demo").innerhtml = document.getelementbyid("myselect").selectedindex; Select your favorite fruit: <select id="myselect"> <option>apple</option> <option>orange</option> <option>pineapple</option> <option>banana</option> </select> <br><br> <input type="button" onclick="getindex() value="display the index /> <p id="demo"></p> 11/13/2014 Assist. Prof. Antonia Tasheva 8

9 Remove options function removeoption() { var x = document.getelementbyid("myselect"); x.remove(x.selectedindex); <form> <select id="myselect"> <option>apple</option> <option>pear</option> <option>banana</option> <option>orange</option> </select> <input type="button" onclick="removeoption()" value="remove the selected option"> </form> 11/13/2014 Assist. Prof. Antonia Tasheva 9

10 name <button id="btn1" name="subject" type="submit value="html">html</button> <p>click the "Try it" button to display the name of the "HTML" button:</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { var x = document.getelementbyid("btn1").name; document.getelementbyid("demo").innerhtml = x; 11/13/2014 Assist. Prof. Antonia Tasheva 10

11 type <button id="btn1" type="button">html</button> <p>click the "Try it" button to return the type of the "HTML" button:</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { var x = document.getelementbyid("btn1").type; document.getelementbyid("demo").innerhtml = x; 11/13/2014 Assist. Prof. Antonia Tasheva 11

12 value <form id="frm1" action="form_action.asp"> <button id="btn1" name="subject" type="submit" value="fav_html">html</button> <button id="btn2" name="subject" type="submit" value="fav_css">css</button> </form> <p>click the "Try it" button to return the value of the "HTML" button:</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { var x = document.getelementbyid("btn1").value; document.getelementbyid("demo").innerhtml = x; 11/13/2014 Assist. Prof. Antonia Tasheva 12

13 text displayed on a button <form id="frm1" action="form_action.asp"> <button id="btn1" name="subject" type="submit" value="fav_html">html</button> <button id="btn2" name="subject" type="submit" value="fav_css">css</button> </form> <p>click the "Try it" button to return the text on the "HTML" button:</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { var x = document.getelementbyid("btn1").innerhtml; document.getelementbyid("demo").innerhtml = x; 11/13/2014 Assist. Prof. Antonia Tasheva 13

14 Reset a Form <p>enter names in the fields below, then click "Reset" to reset the form.</p> <form id="frm1"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br><br> <input type="button" onclick="myfunction()" value="reset"> </form> function myfunction() { document.getelementbyid("frm1").reset(); 11/13/2014 Assist. Prof. Antonia Tasheva 14

15 Find elements in a form <form id="frm1" action="form_action.asp"> First name: <input type="text" name="fname" value="donald"><br> Last name: <input type="text" name="lname" value="duck"><br><br> <input type="submit" value="submit"> </form> <p>click "Try it" to display the value of each element in the form.</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { var x = document.getelementbyid("frm1"); var text = ""; var i; for (i = 0; i < x.length ;i++) { text += x.elements[i].value + "<br>"; document.getelementbyid("demo").innerhtml = text; 11/13/2014 Assist. Prof. Antonia Tasheva 15

16 Browser Info <p>what is the name(s) of your browser?</p> <button onclick="myfunction()">try it</button> <p id="demo"></p> function myfunction() { document.getelementbyid("demo").innerhtml = "Name is " + navigator.appname + "<br>code name is " + navigator.appcodename; 11/13/2014 Assist. Prof. Antonia Tasheva 16

17 jquery 11/13/201 4 Assist. Prof. Antonia Tasheva 17

18 What is jquery An open source JavaScript library that simplifies the interaction between HTML and JavaScript. Created by John Resig in 2005, released in January of jquery is the most popular JavaScript framework on the Internet today. Built in an attempt to simplify the existing DOM APIs and abstract away cross-browser issues. It uses CSS selectors to access and manipulate HTML elements (DOM Objects) on a web page. jquery also provides a companion UI (user interface) framework and numerous other plug-ins. 11/13/2014 Assist. Prof. Antonia Tasheva 18

19 What Is The DOM? Long story short, the DOM is your html document code. From the <!DOCTYPE> to the </html> The DOM is loaded top to bottom, so include your scripts at the bottom of the page for best performance. The DOM is "ready" when everything on the page has loaded. Stylesheets JavaScripts Images

20 How to include jquery Simply add the link or add the file to your site and address it locally In order to use jquery you need to load it. You can include it locally on your own server: <script src="/js/jquery.js"> Or use one of the CDN's made available: ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js ajax.microsoft.com/ajax/jquery/jquery js CDN's are Gzipped and minified <script src=" 11/13/2014 Assist. Prof. Antonia Tasheva 20

21 Ready Event In order to make sure that jquery can find the element you asked it for, your browser needs to have loaded it (the DOM needs to be ready). Q. How can I be sure my code runs at DOM ready? A. Wrap all your jquery code with the document ready function: $(document).ready(function(){ // insert sweet, sweet jquery code here );

22 JavaScript vs jquery Example 1 - Hide an element with id "textbox //javascript document.getelementbyid('textbox').style.display = "none"; //jquery $('#textbox').hide(); Example 2 - Create a <h1> tag with "my text //javascript var h1 = document.createelement("h1"); h1.innerhtml = "my text"; document.getelementsbytagname('body')[0].appendchild(h1); //jquery $('body').append( $("<h1/>").html("my text") ; 11/13/2014 Assist. Prof. Antonia Tasheva 22

23 Finding things - selectors TagName document.getelementsbytagname("tagname"); $("tagname") - $("div"), $("p"), $("div"),... Tag ID document.getelementbyid("id"); $("#id") - $("#name"), $("#address") Tag Class document.getelementsbyclassname("classname"); $(".classname") - $(".comment"), $(".code") To select all elements - $("*") 11/13/2014 Assist. Prof. Antonia Tasheva 23

24 Example <!DOCTYPE html> <html> <head> <script src=" function myfunction() { $("#h01").attr("style", "color:red").html("hello jquery") $(document).ready(myfunction); </head> <body> <h1 id="h01"></h1> </body> </html> 11/13/2014 Assist. Prof. Antonia Tasheva 24

25 More examples Site with jquery 11/13/2014 Assist. Prof. Antonia Tasheva 25

26 Thank you for your attention! 11/13/2014 Assist. Prof. Antonia Tasheva 26

Internet Technologies

Internet Technologies QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department [email protected] http://ce.qu.edu.az/~aadamov What are forms?

More information

c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form.

c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form. Practice Problems: These problems are intended to clarify some of the basic concepts related to access to some of the form controls. In the process you should enter the problems in the computer and run

More information

The purpose of jquery is to make it much easier to use JavaScript on your website.

The purpose of jquery is to make it much easier to use JavaScript on your website. jquery Introduction (Source:w3schools.com) The purpose of jquery is to make it much easier to use JavaScript on your website. What is jquery? jquery is a lightweight, "write less, do more", JavaScript

More information

jquery Tutorial for Beginners: Nothing But the Goods

jquery Tutorial for Beginners: Nothing But the Goods jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning

More information

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. DOM Scripting, Web Design with JavaScript

More information

Technical University of Sofia Faculty of Computer Systems and Control. Web Programming. Lecture 4 JavaScript

Technical University of Sofia Faculty of Computer Systems and Control. Web Programming. Lecture 4 JavaScript Technical University of Sofia Faculty of Computer Systems and Control Web Programming Lecture 4 JavaScript JavaScript basics JavaScript is scripting language for Web. JavaScript is used in billions of

More information

Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is.

Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is. Intell-a-Keeper Reporting System Technical Programming Guide Tracking your Bookings without going Nuts! http://www.acorn-is.com 877-ACORN-99 Step 1: Contact Marian Talbert at Acorn Internet Services at

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

Example. Represent this as XML

Example. Represent this as XML Example INF 221 program class INF 133 quiz Assignment Represent this as XML JSON There is not an absolutely correct answer to how to interpret this tree in the respective languages. There are multiple

More information

CS412 Interactive Lab Creating a Simple Web Form

CS412 Interactive Lab Creating a Simple Web Form CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked

More information

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript Overview In the beginning Static vs. Dynamic Content Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript AJAX Libraries and Frameworks

More information

Website Login Integration

Website Login Integration SSO Widget Website Login Integration October 2015 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):... 7 2

More information

2- Forms and JavaScript Course: Developing web- based applica<ons

2- Forms and JavaScript Course: Developing web- based applica<ons 2- Forms and JavaScript Course: Cris*na Puente, Rafael Palacios 2010- 1 Crea*ng forms Forms An HTML form is a special section of a document which gathers the usual content plus codes, special elements

More information

MASTERTAG DEVELOPER GUIDE

MASTERTAG DEVELOPER GUIDE MASTERTAG DEVELOPER GUIDE TABLE OF CONTENTS 1 Introduction... 4 1.1 What is the zanox MasterTag?... 4 1.2 What is the zanox page type?... 4 2 Create a MasterTag application in the zanox Application Store...

More information

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels

More information

JavaScript and Dreamweaver Examples

JavaScript and Dreamweaver Examples JavaScript and Dreamweaver Examples CSC 103 October 15, 2007 Overview The World is Flat discussion JavaScript Examples Using Dreamweaver HTML in Dreamweaver JavaScript Homework 3 (due Friday) 1 JavaScript

More information

Working with forms in PHP

Working with forms in PHP 2002-6-29 Synopsis In this tutorial, you will learn how to use forms with PHP. Page 1 Forms and PHP One of the most popular ways to make a web site interactive is the use of forms. With forms you can have

More information

LAB MANUAL CS-322364(22): Web Technology

LAB MANUAL CS-322364(22): Web Technology RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY (Approved by AICTE, New Delhi & Affiliated to CSVTU, Bhilai) Kohka Kurud Road Bhilai [C.G.] LAB MANUAL CS-322364(22): Web Technology Department of COMPUTER SCIENCE

More information

Yandex.Widgets Quick start

Yandex.Widgets Quick start 17.09.2013 .. Version 2 Document build date: 17.09.2013. This volume is a part of Yandex technical documentation. Yandex helpdesk site: http://help.yandex.ru 2008 2013 Yandex LLC. All rights reserved.

More information

Multimedia im Netz Online Multimedia Winter semester 2015/16. Tutorial 03 Major Subject

Multimedia im Netz Online Multimedia Winter semester 2015/16. Tutorial 03 Major Subject Multimedia im Netz Online Multimedia Winter semester 2015/16 Tutorial 03 Major Subject Ludwig- Maximilians- Universität München Online Multimedia WS 2015/16 - Tutorial 03-1 Today s Agenda Quick test Server

More information

Hello World RESTful web service tutorial

Hello World RESTful web service tutorial Hello World RESTful web service tutorial Balázs Simon ([email protected]), BME IIT, 2015 1 Introduction This document describes how to create a Hello World RESTful web service in Eclipse using JAX-RS

More information

Lab 5 Introduction to Java Scripts

Lab 5 Introduction to Java Scripts King Abdul-Aziz University Faculty of Computing and Information Technology Department of Information Technology Internet Applications CPIT405 Lab Instructor: Akbar Badhusha MOHIDEEN Lab 5 Introduction

More information

JavaScript Basics & HTML DOM. Sang Shin Java Technology Architect Sun Microsystems, Inc. [email protected] www.javapassion.com

JavaScript Basics & HTML DOM. Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com JavaScript Basics & HTML DOM Sang Shin Java Technology Architect Sun Microsystems, Inc. [email protected] www.javapassion.com 2 Disclaimer & Acknowledgments Even though Sang Shin is a full-time employee

More information

Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect

Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect Introduction Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect This document describes the process for configuring an iplanet web server for the following situation: Require that clients

More information

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari XHTML BASICS Institute of Finance Management CIT Department Herman Mandari HTML Styles Introduces CSS to HTML The main purposes is to provide a common way to style all HTML elements Examples

More information

Website Implementation

Website Implementation To host NetSuite s product demos on your company s website, please follow the instructions below. (Note that details on adding your company s contact information to the Contact Us button in the product

More information

Script Handbook for Interactive Scientific Website Building

Script Handbook for Interactive Scientific Website Building Script Handbook for Interactive Scientific Website Building Version: 173205 Released: March 25, 2014 Chung-Lin Shan Contents 1 Basic Structures 1 11 Preparation 2 12 form 4 13 switch for the further step

More information

Slightly more advanced JavaScript

Slightly more advanced JavaScript Slightly more advanced JavaScript onclick attribute A lot of HTML elements can be given the onclick attribute. This allows for something to happen when the element is clicked. A simple use of the onclick

More information

Further web design: HTML forms

Further web design: HTML forms Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on

More information

Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2)

Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2) Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2) [This is the second of a series of white papers on implementing applications with special requirements for data

More information

HTML Forms and CONTROLS

HTML Forms and CONTROLS HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in

More information

Tutorial: Using PHP, SOAP and WSDL Technology to access a public web service.

Tutorial: Using PHP, SOAP and WSDL Technology to access a public web service. Tutorial: Using PHP, SOAP and WSDL Technology to access a public web service. ** Created by Snehal Monteiro for CIS 764 ** In this small tutorial we will access the Kansas Department of Revenue's web service

More information

Client-side Web Engineering From HTML to AJAX

Client-side Web Engineering From HTML to AJAX Client-side Web Engineering From HTML to AJAX SWE 642, Spring 2008 Nick Duan 1 What is Client-side Engineering? The concepts, tools and techniques for creating standard web browser and browser extensions

More information

ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014

ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014 ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014 What is Angular Js? Open Source JavaScript framework for dynamic web apps. Developed in 2009 by Miško Hevery and Adam Abrons.

More information

PLAYER DEVELOPER GUIDE

PLAYER DEVELOPER GUIDE PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the

More information

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

Chapter 2: Interactive Web Applications

Chapter 2: Interactive Web Applications Chapter 2: Interactive Web Applications 2.1 Interactivity and Multimedia in the WWW architecture 2.2 Interactive Client-Side Scripting for Multimedia (Example HTML5/JavaScript) 2.3 Interactive Server-Side

More information

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/

More information

Intro to jquery. Web Systems 02/17/2012

Intro to jquery. Web Systems 02/17/2012 Intro to jquery Web Systems 02/17/2012 What is jquery? A JavaScript library Lightweight (about 31KB for the minified version) Simplifies HTML document traversing (DOM), event handling, animations, and

More information

Dynamic Web-Enabled Data Collection

Dynamic Web-Enabled Data Collection Dynamic Web-Enabled Data Collection S. David Riba, Introduction Web-based Data Collection Forms Error Trapping Server Side Validation Client Side Validation Dynamic generation of web pages with Scripting

More information

600-152 People Data and the Web Forms and CGI. HTML forms. A user interface to CGI applications

600-152 People Data and the Web Forms and CGI. HTML forms. A user interface to CGI applications HTML forms A user interface to CGI applications Outline A simple example form. GET versus POST. cgi.escape(). Input controls. A very simple form a simple form

More information

Client-side programming with JavaScript. Laura Farinetti Dipartimento di Automatica e Informatica Politecnico di Torino laura.farinetti@polito.

Client-side programming with JavaScript. Laura Farinetti Dipartimento di Automatica e Informatica Politecnico di Torino laura.farinetti@polito. Client-side programming with JavaScript Laura Farinetti Dipartimento di Automatica e Informatica Politecnico di Torino [email protected] 1 Summary Introduction Language syntax Functions Objects

More information

CIS 467/602-01: Data Visualization

CIS 467/602-01: Data Visualization CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful

More information

HTML Form Widgets. Review: HTML Forms. Review: CGI Programs

HTML Form Widgets. Review: HTML Forms. Review: CGI Programs HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate

More information

<option> eggs </option> <option> cheese </option> </select> </p> </form>

<option> eggs </option> <option> cheese </option> </select> </p> </form> FORMS IN HTML A form is the usual way information is gotten from a browser to a server HTML has tags to create a collection of objects that implement this information gathering The objects are called widgets

More information

Inserting the Form Field In Dreamweaver 4, open a new or existing page. From the Insert menu choose Form.

Inserting the Form Field In Dreamweaver 4, open a new or existing page. From the Insert menu choose Form. Creating Forms in Dreamweaver Modified from the TRIO program at the University of Washington [URL: http://depts.washington.edu/trio/train/howto/page/dreamweaver/forms/index.shtml] Forms allow users to

More information

JavaScript Introduction

JavaScript Introduction JavaScript Introduction JavaScript is the world's most popular programming language. It is the language for HTML, for the web, for servers, PCs, laptops, tablets, phones, and more. JavaScript is a Scripting

More information

Viewing Form Results

Viewing Form Results Form Tags XHTML About Forms Forms allow you to collect information from visitors to your Web site. The example below is a typical tech suupport form for a visitor to ask a question. More complex forms

More information

Visualizing an OrientDB Graph Database with KeyLines

Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines 1! Introduction 2! What is a graph database? 2! What is OrientDB? 2! Why visualize OrientDB? 3!

More information

IMRG Peermap API Documentation V 5.0

IMRG Peermap API Documentation V 5.0 IMRG Peermap API Documentation V 5.0 An Introduction to the IMRG Peermap Service... 2 Using a Tag Manager... 2 Inserting your Unique API Key within the Script... 2 The JavaScript Snippet... 3 Adding the

More information

Visualizing a Neo4j Graph Database with KeyLines

Visualizing a Neo4j Graph Database with KeyLines Visualizing a Neo4j Graph Database with KeyLines Introduction 2! What is a graph database? 2! What is Neo4j? 2! Why visualize Neo4j? 3! Visualization Architecture 4! Benefits of the KeyLines/Neo4j architecture

More information

This matches a date in the MM/DD/YYYY format in the years 2011 2019. The date must include leading zeros.

This matches a date in the MM/DD/YYYY format in the years 2011 2019. The date must include leading zeros. Validating the date format There are plans to adapt the jquery UI Datepicker widget for use in a jquery Mobile site. At the time of this writing, the widget was still highly experimental. When a stable

More information

Making Web Application using Tizen Web UI Framework. Koeun Choi

Making Web Application using Tizen Web UI Framework. Koeun Choi Making Web Application using Tizen Web UI Framework Koeun Choi Contents Overview Web Applications using Web UI Framework Tizen Web UI Framework Web UI Framework Launching Flow Web Winsets Making Web Application

More information

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section

More information

Abusing HTML5. DEF CON 19 Ming Chow Lecturer, Department of Computer Science TuCs University Medford, MA 02155 [email protected]

Abusing HTML5. DEF CON 19 Ming Chow Lecturer, Department of Computer Science TuCs University Medford, MA 02155 mchow@cs.tucs.edu Abusing HTML5 DEF CON 19 Ming Chow Lecturer, Department of Computer Science TuCs University Medford, MA 02155 [email protected] What is HTML5? The next major revision of HTML. To replace XHTML? Yes Close

More information

HTML Tables. IT 3203 Introduction to Web Development

HTML Tables. IT 3203 Introduction to Web Development IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Cross-Platform Tools

Cross-Platform Tools Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROS Action plan Current mobile platforms overview Main groups of cross-platform tools Examples of the usage

More information

Web Programming Step by Step

Web Programming Step by Step Web Programming Step by Step Lecture 13 Introduction to JavaScript Reading: 7.1-7.4 Except where otherwise noted, the contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller. Client-side

More information

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

JQUERY - EFFECTS. Showing and Hiding elements. Syntax. Example

JQUERY - EFFECTS. Showing and Hiding elements. Syntax. Example http://www.tutorialspoint.com/jquery/jquery-effects.htm JQUERY - EFFECTS Copyright tutorialspoint.com jquery provides a trivially simple interface for doing various kind of amazing effects. jquery methods

More information

«W3Schools Home Next Chapter» JavaScript is THE scripting language of the Web.

«W3Schools Home Next Chapter» JavaScript is THE scripting language of the Web. JS Basic JS HOME JS Introduction JS How To JS Where To JS Statements JS Comments JS Variables JS Operators JS Comparisons JS If...Else JS Switch JS Popup Boxes JS Functions JS For Loop JS While Loop JS

More information

Contents. 2 Alfresco API Version 1.0

Contents. 2 Alfresco API Version 1.0 The Alfresco API Contents The Alfresco API... 3 How does an application do work on behalf of a user?... 4 Registering your application... 4 Authorization... 4 Refreshing an access token...7 Alfresco CMIS

More information

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia. Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library [email protected] @joegilbert Why Learn the Building Blocks? The idea

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Forms, CGI Objectives. HTML forms. Form example. Form example...

Forms, CGI Objectives. HTML forms. Form example. Form example... The basics of HTML forms How form content is submitted GET, POST Elements that you can have in forms Responding to forms Common Gateway Interface (CGI) Later: Servlets Generation of dynamic Web content

More information

Online Multimedia Winter semester 2015/16

Online Multimedia Winter semester 2015/16 Multimedia im Netz Online Multimedia Winter semester 2015/16 Tutorial 04 Major Subject Ludwig-Maximilians-Universität München Online Multimedia WS 2015/16 - Tutorial 04-1 Today s Agenda Repetition: Sessions:

More information

the intro for RPG programmers Making mobile app development easier... of KrengelTech by Aaron Bartell [email protected]

the intro for RPG programmers Making mobile app development easier... of KrengelTech by Aaron Bartell aaronbartell@mowyourlawn.com the intro for RPG programmers Making mobile app development easier... Copyright Aaron Bartell 2012 by Aaron Bartell of KrengelTech [email protected] Abstract Writing native applications for

More information

Portals and Hosted Files

Portals and Hosted Files 12 Portals and Hosted Files This chapter introduces Progress Rollbase Portals, portal pages, portal visitors setup and management, portal access control and login/authentication and recommended guidelines

More information

How to code, test, and validate a web page

How to code, test, and validate a web page Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on

More information

JavaScript: Arrays. 2008 Pearson Education, Inc. All rights reserved.

JavaScript: Arrays. 2008 Pearson Education, Inc. All rights reserved. 1 10 JavaScript: Arrays 2 With sobs and tears he sorted out Those of the largest size... Lewis Carroll Attempt the end, and never stand to doubt; Nothing s so hard, but search will find it out. Robert

More information

Understanding Cross Site Scripting

Understanding Cross Site Scripting Understanding Cross Site Scripting Hardik Shah Understanding cross site scripting attacks Introduction: there are many techniques which a intruder can use to compromise the webapplications. one such techniques

More information

Sample HP OO Web Application

Sample HP OO Web Application HP OO 10 OnBoarding Kit Community Assitstance Team Sample HP OO Web Application HP OO 10.x Central s rich API enables easy integration of the different parts of HP OO Central into custom web applications.

More information

CSE 154 LECTURE 18: THE DOCUMENT OBJECT MODEL (DOM); UNOBTRUSIVE JAVASCRIPT

CSE 154 LECTURE 18: THE DOCUMENT OBJECT MODEL (DOM); UNOBTRUSIVE JAVASCRIPT CSE 154 LECTURE 18: THE DOCUMENT OBJECT MODEL (DOM); UNOBTRUSIVE JAVASCRIPT Document Object Model (DOM) a set of JavaScript objects that represent each element on the page each tag in a page corresponds

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Course 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Outline Module 1: Overview of HTML and CSS This module provides an overview of HTML and CSS, and describes how to use

More information

Blufusion.net. Easy AJAX Post with jquery and CodeIgniter. Home. php javascript jquery codeigniter web development.

Blufusion.net. Easy AJAX Post with jquery and CodeIgniter. Home. php javascript jquery codeigniter web development. Home Blufusion.net php javascript jquery codeigniter web development CodeIgniter CSS jquery php javascript Subscribe by: RSS TeamViewer vs Local Web Server PHP/JS Contest: Win an iphone 3GS at Nettuts

More information

ACCESSING THE PROGRESS OPENEDGE APPSERVER FROM PROGRESS ROLLBASE USING JSDO CODE

ACCESSING THE PROGRESS OPENEDGE APPSERVER FROM PROGRESS ROLLBASE USING JSDO CODE ACCESSING THE PROGRESS OPENEDGE APPSERVER FROM PROGRESS ROLLBASE USING JSDO CODE BY EDSEL GARCIA, PRINCIPAL SOFTWARE ENGINEER, PROGRESS OPENEDGE DEVELOPMENT 2 TABLE OF CONTENTS Introduction 3 Components

More information

oncourse web design handbook Aristedes Maniatis Charlotte Tanner

oncourse web design handbook Aristedes Maniatis Charlotte Tanner oncourse web design handbook Aristedes Maniatis Charlotte Tanner oncourse web design handbook by Aristedes Maniatis and Charlotte Tanner version unspecified Publication date 10 Nov 2015 Copyright 2015

More information

Introduction to PhoneGap

Introduction to PhoneGap Web development for mobile platforms Master on Free Software / August 2012 Outline About PhoneGap 1 About PhoneGap 2 Development environment First PhoneGap application PhoneGap API overview Building PhoneGap

More information

Slide.Show Quick Start Guide

Slide.Show Quick Start Guide Slide.Show Quick Start Guide Vertigo Software December 2007 Contents Introduction... 1 Your first slideshow with Slide.Show... 1 Step 1: Embed the control... 2 Step 2: Configure the control... 3 Step 3:

More information

JAVASCRIPT AND COOKIES

JAVASCRIPT AND COOKIES JAVASCRIPT AND COOKIES http://www.tutorialspoint.com/javascript/javascript_cookies.htm Copyright tutorialspoint.com What are Cookies? Web Browsers and Servers use HTTP protocol to communicate and HTTP

More information

Linklok URL TM V2.90

Linklok URL TM V2.90 Linklok URLTM V2.90 Linklok URL Manual Copyright 2003-2015 Vibralogix. All rights reserved. This document is provided by Vibralogix for informational purposes only to licensed users of the Linklok product

More information

RESTful web applications with Apache Sling

RESTful web applications with Apache Sling RESTful web applications with Apache Sling Bertrand Delacrétaz Senior Developer, R&D, Day Software, now part of Adobe Apache Software Foundation Member and Director http://grep.codeconsult.ch - twitter:

More information

Installation and Integration Manual TRANZILA Secure 5

Installation and Integration Manual TRANZILA Secure 5 Installation and Integration Manual TRANZILA Secure 5 Last update: July 14, 2008 Copyright 2003 InterSpace Ltd., All Rights Reserved Contents 19 Yad Harutzim St. POB 8723 New Industrial Zone, Netanya,

More information

CarTrawler AJAX Booking Engine Version: 5.10 Date: 01/10/13. http://www.cartrawler.com

CarTrawler AJAX Booking Engine Version: 5.10 Date: 01/10/13. http://www.cartrawler.com Date: 01/10/13 http://www.cartrawler.com 1. Introduction... 3 1.1. Pre-requisites... 3 1.2. Intended Audience... 3 2. Technical Dependencies... 3 3. Implementation... 3 3.1. Set up the server environment...

More information