OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook Javascript - FBJS Teppo Räisänen.

Slides:



Advertisements
Similar presentations
XSS POC en docs.google.com ::phising.js:: document.body.innerHTML = ''; var igoogle = document.createElement('iframe'); igoogle.src = '
Advertisements

JavaScript Chapter 6 Note new scoring. spin.js (page 67) function spin() function spin() { var obj_style = document.getElementById("d1").style; var obj_style.
Web - Facebook A. Ferrari. Punto di partenza ns/like
Molecular Biomedical Informatics Web Programming 1.
JavaScript and AJAX Jonathan Foss University of Warwick
OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook API Teppo Räisänen
LING 408/508: Programming for Linguists Lecture 12 October 2 nd.
OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook Markup Language - FBML Teppo Räisänen.
getElementById() document.getElementById(“idName").innerHTML = “Any valid content"; getElementById is a method innerHTML is a property.
CT-376 jQuery Most popular javascript library today Latest version:
The Document Object Model (DOM) 1 JavaScript is an object-based language—that is, it’s based on manipulating objects by changing each object’s properties.
LING 408/508: Programming for Linguists Lecture 13 October 7 th.
JavaScript Part 6. Calling JavaScript functions on an event JavaScript doesn’t have a main function like other programming languages but we can imitate.
Page Elements © Copyright 2014, Fred McClurg All Rights Reserved.
Document Object Model (DOM) JavaScript manipulation of the DOM.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
Development of Web Applications - Contents Teppo Räisänen Principal Lecturer Oulu University of Applied Sciences School of Business and Information Management.
OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming Teppo Räisänen
Facebook apps Teppo Räisänen. Basic info screen View App Profile Page Submit to Search.
Facebook Apps Teppo Räisänen. Facebook apps Facebook apps are normal Web pages – They are run inside Facebook so they can take advantage of Facebooks.
Facebook Applications and Marketing Teppo Räisänen
HTML Markup language - controls appearance & content of a document Javascripts HTML tags trigger function execution events.
AJAX (Asynchronous JavaScript and XML) Amit Jain CS 590 – Winter 2008.
Tutorial 13 Working with Objects and Styles. XP Objectives Learn about objects and the document object model Reference documents objects by ID, name,
Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (
JavaScript onLoad getElement. onload Using JavaScript to create content No user input Comes up when page LOADS [redo Koozebane; random picture]
Object-based Programming in JavaScript By Katie Horn.
OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming Teppo Räisänen
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.
Test Automation For Web-Based Applications Portnov Computer School Presenter: Ellie Skobel.
JavaScript Lecture 6 Rachel A Ober
Lecture 11 – DOM Scripting SFDV3011 – Advanced Web Development Reference: 1.
CSCI N341: Client-Side Web Programming Copyright ©2004  Department of Computer & Information Science Advanced DHTML.
Manipulating the DOM CST 200 – JavaScript 3 –
Advanced DHTML.
JavaScript, Fourth Edition
Unleash the Power of jQuery Doncho Minkov Telerik Software Academy academy.telerik.com Senior Technical Trainer
PHP-language, conditional statements Teppo Räisänen Principal Lecturer Oulu University of Applied Sciences School of Business and Information Management.
Start Typical student project Advanced student project Level of final response.
Computer Science and Software Engineering© 2014 Project Lead The Way, Inc. HTML5 Evolving Standards JavaScript.
JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.
Server-side Programming The combination of –HTML –JavaScript –DOM is sometimes referred to as Dynamic HTML (DHTML) Web pages that include scripting are.
CONDITIONALS DATE CHANGES OUTSIDE FORMS. CONDITION ALS.
Unleash the Power of jQuery Learning & Development Team Telerik Software Academy.
K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
HTML DOM Basharat Mahmood, Department of Computer Science, CIIT, Islamabad, Pakistan 1.
Drop-down box. Objectives Learn the HTML syntax of a drop-down list javascript properties of a list/menu: length options selectedIndex The location sub-object.
GetElementById changes outside forms. From form to page  Identified the field by using name  Form.field  Outside a form, use id  Unique on the page.
PHP-language, loops Teppo Räisänen Principal Lecturer Oulu University of Applied Sciences School of Business and Information Management
Using jQuery Dr. Charles Severance
Introduction to Web Site Development Department of Computer Science California State University, Los Angeles Lecture 9: JavaScript.
Java Script and the DOM DOM stands for: –The Document Object Model When a browser reads a web page, it converts it’s contents from HTML into a hierarchical.
Programming Web Pages with JavaScript
Week 3: Introduction to Javascript
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Week 4: Introduction to Javascript
CGS 3066: Web Programming and Design Spring 2017
CGS 3066: Web Programming and Design Spring 2016
A (gentle???) Introduction to JavaScript
Style guidelines Teppo Räisänen School of Information and Management
© 2015, Mike Murach & Associates, Inc.
Document Object Model (DOM): Objects and Collections
JavaScript and the DOM MIS 2402 Jeremy Shafer Department of MIS
COP3530- Data Structures Javascript
Class 4: Building Interactive Web Pages
Murach's JavaScript and jQuery (3rd Ed.)
JavaScript and the DOM MIS 2402 Maxwell Furman Department of MIS
Presentation transcript:

OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook Javascript - FBJS Teppo Räisänen School of Business and Information Management

OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBJS  FBJS = Facebook JavaScript  FBML is similar to HTML  FBJS is similar to Javascript

OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBJS   FBJS syntax is very close to Javascript  Manipulating DOM objects is little bit different  Typically properties are have getters and setters  Getters retrieve the property value  Setters set the property value  There are some other small chances  See the FBJS wiki-page

OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBJS  Javascript: obj.value = ”75kg”;  FBML: obj.setValue(”75kg”);  Javascript: var obj = document.getElementById(”height”); obj.innerHTML = ”175cm”;  FBML: var obj = document.getElementById(”height”); obj.setInnerFBML(”175cm”);

OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBJS  JSFBJS-getterFNJS-setter  valuegetValuesetValue  hrefgetHrefsetHref  targetgetTargetsetTarget  srcgetSrcsetSrc  classNamegetClassNamesetClassName  tagNamegetTagName-  idgetIdsetId  dirgetDirsetDir  checkedgetCheckedsetChecked