src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert().
|
|
- Clifton Richards
- 6 years ago
- Views:
Transcription
1 src1-malan/ajax/ajaxhtml ajaxhtml Gets stock quote from quotephp via Ajax, displaying result with alert(). Building Mobile Applications Harvard Extension School <html lang="en-us"> <meta charset="utf-8"> <script> // an XMLHttpRequest var xhr = null; /* * void * quote() * * Gets a quote. */ function quote() // instantiate XMLHttpRequest object try xhr = new XMLHttpRequest(); catch (e) xhr = new ActiveXObject("Microsoft.XMLHTTP"); // handle old browsers if (xhr == null) alert("ajax not supported by your browser!"); return;
2 src1-malan/ajax/ajaxhtml // construct URL var url = "quotephp?symbol=" + document.getelementbyid("symbol").value; // get quote xhr.onreadystatechange = handler; xhr.open("get", url, true); xhr.send(null); /* * void * handler() * * Handles the Ajax response. */ function handler() // only handle loaded requests if (xhr.readystate == 4) // display response if possible if (xhr.status == 200) alert(xhr.responsetext); else alert("error with Ajax call!"); // ]]> </script> <title>ajax1</title> <form onsubmit="quote(); return false;"> Symbol: <input autocomplete="off" id="symbol" type="text"> <br><br> <input type="submit" value="get Quote"> </form>
3 src1-malan/ajax/ajaxhtml ajaxhtml Gets stock quote from quotephp via Ajax, embedding result in page itself. Building Mobile Applications Harvard Extension School <html lang="en-us"> <meta charset="utf-8"> <script type="text/javascript"> // <![CDATA[ // an XMLHttpRequest var xhr = null; /* * void * quote() * * Gets a quote. */ function quote() // instantiate XMLHttpRequest object try xhr = new XMLHttpRequest(); catch (e) xhr = new ActiveXObject("Microsoft.XMLHTTP"); // handle old browsers if (xhr == null) alert("ajax not supported by your browser!"); return;
4 src1-malan/ajax/ajaxhtml // construct URL var url = "quotephp?symbol=" + document.getelementbyid("symbol").value; // get quote xhr.onreadystatechange = handler; xhr.open("get", url, true); xhr.send(null); /* * void * handler() * * Handles the Ajax response. */ function handler() // only handle loaded requests if (xhr.readystate == 4) // embed respose in page if possible if (xhr.status == 200) document.getelementbyid("price").innerhtml = xhr.responsetext; else alert("error with Ajax call!"); // ]]> </script> <title>ajax2</title> <form onsubmit="quote(); return false;"> Symbol: <input autocomplete="off" id="symbol" type="text"> <br> Price: <span id="price"><b>to be determined</b></span> <br><br> <input type="submit" value="get Quote"> </form>
5 src1-malan/ajax/ajaxhtml ajaxhtml Gets stock quote from Yahoo Finance via YQL using JSONP. Building Mobile Applications Harvard Extension School 1 <html lang="en-us"> 1 1 <meta charset="utf-8"> 1 1 <script type="text/javascript"> // <![CDATA[ 2 /* 2 * void 2 * quote() 2 * 2 * Gets a quote. 2 */ 2 function quote() // construct URL 3 var url = " ad.finance.yahoo.com%2fd%2fquotes.csv%3ff%3dl1%26s%3d" + document.getelementbyid("symbol").value + "'&format=json&callback=handler"; 3 3 // get quote via JSONP 3 var script = document.createelement("script"); 3 script.setattribute("src", url); 3 document.getelementsbytagname("head")[0].appendchild(script); /* 4 * void 4 * handler(response) 4 * 4 * Handles the JSONP response. 4 */ 4 function handler(response)
6 src1-malan/ajax/ajaxhtml if (response.query.count == 1) alert(response.query.results.row.price); else alert("error in JSONP response!"); // ]]> </script> <title>ajax3</title> <form onsubmit="quote(); return false;"> Symbol: <input autocomplete="off" id="symbol" type="text"> <br><br> <input type="submit" value="get Quote"> </form>
7 src1-malan/ajax/quotephp <??> /** * quotephp * * Outputs price of given symbol as text/html. * * Building Mobile Applications * Harvard Extension School * */ // get quote $handle "r"); if ($handle!== FALSE) $data = fgetcsv($handle); if ($data!== FALSE && $data[0] == "N/A") print($data[1]); fclose($handle);
8 src1-malan/app/index.html <link rel="apple-touch-icon" href="custom_icon.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>tommy App</title> <body style="margin: 0"> <img alt="tommy" src="tommy.png">
9 src1-malan/cscie76/css/index.html index.html malan@harvard.edu A homepage for the course that mimics ios's UI. <link href="ios.css" rel="stylesheet"> <title>csci E-76</title> <h1>csci E-76</h1> <ul> <li><a href="lectures.html">lectures</a></li> <li><a href="
10 src1-malan/cscie76/css/ios.css body font-family: Helvetica, sans-serif; margin: 0; h1 background-color: #7C92AE; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#abb9cb), color-stop(0.5, #8C9FB8), color-stop(0.51, #7C92AE), to(#6c85a4)); color: #FFF; font-size: 18px; margin: 0; padding: 6px; text-align: center; li a border-bottom: 1px #CCC solid; color: #000; display: block; font-weight: bold; padding: 10px; text-decoration: none; ul list-style: none; margin: 0; padding: 0;
11 src1-malan/cscie76/css/lecture0.html lecture0.html malan@harvard.edu Represents a lecture. <link href="ios.css" rel="stylesheet"> <title>lecture 0</title> <h1>lecture 0</h1> <ul> <li><a href=" <li><a href="
12 src1-malan/cscie76/css/lecturehtml lecturehtml malan@harvard.edu Represents a lecture. <link href="ios.css" rel="stylesheet"> <title>lecture 1</title> <h1>lecture 1</h1> <ul> <li><a href=" <li><a href="
13 src1-malan/cscie76/css/lectures.html lectures.html malan@harvard.edu Links to lectures. <link href="ios.css" rel="stylesheet"> <title>lectures</title> <h1>lectures</h1> <ul> <li><a href="lecture0.html">lecture 0</a></li> <li><a href="lecturehtml">lecture 1</a></li>
14 src1-malan/cscie76/framework/index.html index.html malan@harvard.edu Demonstrates jquery Mobile. <link rel="stylesheet" href=" <script src=" <script src=" <title>csci E-76</title> <div data-role="page" id="menu"> <div data-role="header" data-theme="b"> <h1>csci E-76</h1> <div data-role="content"> <ul data-role="listview" data-theme="c"> <li><a href="#lectures">lectures</a></li> <li><a href=" rel="external">syllabus</a></li> <div data-role="page" id="lectures"> <div data-role="header" data-theme="b"> <h1>lectures</h1> <div data-role="content"> <ul data-role="listview" data-theme="c"> <li><a href="#lecture0">lecture 0</a></li> <li><a href="#lecture1">lecture 1</a></li>
15 src1-malan/cscie76/framework/index.html <div data-role="page" id="lecture0"> <div data-role="header" data-theme="b"> <h1>lecture 0</h1> <div data-role="content"> <ul data-role="listview" data-theme="c"> <li><a href=" rel="external">slides</a></li> <li><a href=" rel="external">video</a></li> <div data-role="page" id="lecture1"> <div data-role="header" data-theme="b"> <h1>lecture 1</h1> <div data-role="content"> <ul data-role="listview" data-theme="c"> <li><a href=" rel="external">slides</a></li> <li><a href=" rel="external">video</a></li>
16 src1-malan/cscie76/html/index.html index.html malan@harvard.edu A homepage for the course. <title>csci E-76</title> <h1>csci E-76</h1> <ul> <li><a href="lectures.html">lectures</a></li> <li><a href="
17 src1-malan/cscie76/html/lecture0.html lecture0.html malan@harvard.edu Represents a lecture. <title>lecture 0</title> <h1>lecture 0</h1> <ul> <li><a href=" <li><a href="
18 src1-malan/cscie76/html/lecturehtml lecturehtml malan@harvard.edu Represents a lecture. <title>lecture 1</title> <h1>lecture 1</h1> <ul> <li><a href=" <li><a href="
19 src1-malan/cscie76/html/lectures.html lectures.html malan@harvard.edu Links to lectures. <title>lectures</title> <h1>lectures</h1> <ul> <li><a href="lecture0.html">lecture 0</a></li> <li><a href="lecturehtml">lecture 1</a></li>
lectures/0/src0/cs76/css/index.html index.html David J. Malan A homepage for the course that mimics ios's UI. 11. <!
lectures/0/src0/cs76/css/index.html 1 1 1 1 1 1 1 2 2 2 2 2 2 2
More informationajax1.html 1/2 lectures/7/src/ ajax1.html 2/2 lectures/7/src/
ajax1.html 1/2 3: ajax1.html 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: David J. Malan 8: Dan Armendariz 9: Computer Science E-75 10: Harvard Extension School 11:
More informationajax1.html 1/2 lectures/9/src/ajax/ ajax1.html 2/2 lectures/9/src/ajax/
ajax1.html 1/2 3: ajax1.html 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: Computer Science 50 8: David J. Malan 9: 10: --> 1 1 15: 16:
More informationlecture1/html/cs164/css/index.html index.html David J. Malan A homepage for the course that mimics ios's UI. 11. <!DOCTYPE html> 13.
lecture1/html/cs164/css/index.html 1 1 1 1 1 1 1 1 1 20. 2 2 2 2 2 2 2
More information1 Announcements (0:00 2:00) 2
Contents 1 Announcements (0:00 2:00) 2 2 Ajax (2:00 105:00) 2 2.1 Introduction.............................. 2 2.2 Data-driven Websites......................... 2 2.3 Getting Started............................
More informationLab 1: Introducing HTML5 and CSS3
CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.
More informationThis is CS50 CS164. Mobile Software Engineering
This is CS50 CS164 Mobile Software Engineering diff cs50 cs164 HTML5, PHP, JavaScript, Objective-C workload typedef struct node { int n; struct node *next; } node; typedef struct node { student *student;
More informationChapter 16 Mobile Web Page
Sungkyunkwan University Chapter 16 Mobile Web Page Prepared by J. Jung and H. Choo Web Programming Copyright 2000-2018 Networking 2000-2012 Networking Laboratory Laboratory 1/26 Native App vs. Mobile Web
More informationCORS. Константин Якушев MoscowJS 14,
CORS http://cors.kojo.ru Константин Якушев MoscowJS 14, 28.08.2014 http://api.ya.ru http://api.ya.ru http://api.ya.ru http://m.ya.ru? function Fetch() { var Url = "http://api.ya.ru/"; var xhr = new XMLHttpRequest();
More informationHTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.
HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information
More informationSanta Tracker. Release Notes Version 1.0
Santa Tracker Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen and on the right sidebar click on Manage in the App Parameters area. Edit any
More informationquiz 1 details wed nov 17, 1pm see handout for locations covers weeks 0 through 10, emphasis on 7 onward closed book bring a , 2-sided cheat she
quiz 1 details wed nov 17, 1pm see handout for locations covers weeks 0 through 10, emphasis on 7 onward closed book bring a 8.5 11, 2-sided cheat sheet 75 minutes 15% of final grade resources old quizzes
More informationMultimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3
Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows
More informationMobile Web Development
Mobile Web Development By Phil Huhn 2013-04-30 2013 Northern Software Group Agenda Web-site issues for mobile devices Responsive Design Media Queries Twitter Bootstrap As-is (themes) less variables.less
More informationAJAX ASYNCHRONOUS JAVASCRIPT AND XML. Laura Farinetti - DAUIN
AJAX ASYNCHRONOUS JAVASCRIPT AND XML Laura Farinetti - DAUIN Rich-client asynchronous transactions In 2005, Jesse James Garrett wrote an online article titled Ajax: A New Approach to Web Applications (www.adaptivepath.com/ideas/essays/archives/000
More informationStamp Builder. Documentation. v1.0.0
Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you
More information<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***
Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember
More informationBuilding and packaging mobile apps in Dreamweaver CC
Building and packaging mobile apps in Dreamweaver CC Requirements Prerequisite knowledge Previous experience with Dreamweaver, jquery Mobile, and PhoneGap will help you make the most of this tutorial.
More informationAt the Forge Beginning Ajax Reuven M. Lerner Abstract How to put the A (asynchronous) in Ajax. Many programmers, myself included, have long seen JavaScript as a way to change the appearance of a page of
More informationjquery: JavaScript, Made Easy
jquery: JavaScript, Made Easy 1 What is jquery? jquery is JavaScript. jquery is a Framework, a collec:on of shortcuts jquery is a pla@orm for moderniza:on. jquery is open- source - hdps://github.com/jquery/jquery
More informationCascading Style Sheets Level 2
Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin
More informationNetworking & The Web. HCID 520 User Interface Software & Technology
Networking & The Web HCID 520 User Interface Software & Technology Uniform Resource Locator (URL) http://info.cern.ch:80/ 1991 HTTP v0.9 Uniform Resource Locator (URL) http://info.cern.ch:80/ Scheme/Protocol
More informationCSS often uses hyphens in CSS property names but JavaScript uses camel case, e.g. color: blue; p { <!DOCTYPE html> <meta charset="utf-8" /> <head>
1 of 9 CS1116/CS5018 Web Development 2 Dr Derek Bridge School of Computer Science & Information Technology University College Cork Recap To find nodes: queryselector, queryselectorall To create new element
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: You may create your button in GIMP. Mine is 122 pixels by 48 pixels. You can use whatever
More information1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206
Tamkang University Social Media Apps Programming Google Map API 1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Min-Yuh Day,
More information5 Snowdonia. 94 Web Applications with C#.ASP
94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial
More informationCS 5142 Scripting Languages
CS 5142 Scripting Languages 10/16/2015 Web Applications Databases 1 Outline Stateful Web Applications AJAX 2 Concepts Scope in Server-Side Scripts Request $_GET, $_POST global $g; Session $_SESSION Application
More informationMobile Apps with jquery Mobile. Kai Tödter Siemens Building Technologies
Mobile Apps with jquery Mobile Kai Tödter Siemens Building Technologies Who am I? Senior Software System Architect at Siemens Building Technologies Eclipse expert and OSGi enthusiast Web Technology expert
More informationjmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc.
jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com Agenda What is and Why jmaki? jmaki widgets Using jmaki widget - List widget What makes up
More informationCSS. https://developer.mozilla.org/en-us/docs/web/css
CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties
More informationMobile Web Appplications Development with HTML5
Mobile Web Appplications Development with HTML5 Lecture 2: Building a Mobile Web App Claudio Riva Aalto University - Fall 2012 1 / 49 LECTURE 2: BUILDING A MOBILE WEB APP OUR FIRST MOBILE WEB APP NEW HTML5
More informationMedia Stylesheets and Navigation with CSS goodness. Webpage Design
Media Stylesheets and Navigation with CSS goodness Webpage Design Printing web pages the problem Here s a nice enough website that is clearly designed for the screen. The links are there because they work
More information1.2 * allow custom user list to be passed in * publish changes to a channel
ToDoList /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to cre Items that are due are highlighted in yellow, items passed due ar list can be added to any page. The information
More informationToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/
/*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to create new items, assign them to other users, and set deadlines. Items that are due are highlighted in yellow, items
More informationHTML HTML5. DOM(Document Object Model) CSS CSS
HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif
More informationDevelopment of Web Applications
Development of Web Applications Principles and Practice Vincent Simonet, 2015-2016 Université Pierre et Marie Curie, Master Informatique, Spécialité STL 5 Client Technologies Vincent Simonet, 2015-2016
More informationCSS Cascading Style Sheets
CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need
More information10.1 Overview of Ajax
10.1 Overview of Ajax - History - Possibility began with the nonstandard iframe element, which appeared in IE4 and Netscape 4 - An iframe element could be made invisible and could be used to send asynchronous
More informationAjax Application Design
Ajax Application Design Reuven M. Lerner Abstract Asynchronous is the operative word with Ajax, and here's what it's all about. During the past few months, I've used this column to explore a number of
More informationIntro, Version Control, HTML5. CS147L Lecture 1 Mike Krieger
Intro, Version Control, HTML5 CS147L Lecture 1 Mike Krieger Hello! - A little about me. Hello! - And a little bit about you? By the end of today - Know what this lab will & won t teach you - Have checked
More informationLEARN HOW TO USE CA PPM REST API in 2 Minutes!
LEARN HOW TO USE CA PPM REST API in 2 Minutes! WANT TO LEARN MORE ABOUT CA PPM REST API? If you are excited about the updates to the REST API in CA PPM V14.4 and would like to explore some of the REST
More informationWEBSI TE DESIGNING TRAINING
WEBSI TE DESIGNING TRAINING WHAT IS WEB DESIGN? We b s ite design m e a n s p l a n n i n g, c r e a t i o n and u p d a t i n g of websites. We bsite design also involves i n f o r m a t i o n a rchitecture,
More informationCS 350 COMPUTER/HUMAN INTERACTION. Lecture 6
CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r
More informationSession 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties
Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html
More informationCSC Javascript
CSC 4800 Javascript See book! Javascript Syntax How to embed javascript between from an external file In an event handler URL - bookmarklet
More informationNetworking & The Web. HCID 520 User Interface Software & Technology
Networking & The HCID 520 User Interface Software & Technology Uniform Resource Locator (URL) http://info.cern.ch:80/ 1991 HTTP v0.9 Uniform Resource Locator (URL) http://info.cern.ch:80/ Scheme/Protocol
More informationComputer Science nd Exam Prof. Papa Tuesday, April 28, 2016, 6:00pm 7:20pm
Computer Science 571 2 nd Exam Prof. Papa Tuesday, April 28, 2016, 6:00pm 7:20pm Name: Student ID Number: 1. This is a closed book exam. 2. Please answer all questions on the test Frameworks and Agile
More informationJQUERYUI - SORTABLE. axis This option indicates an axis of movement "x" is horizontal, "y" is vertical. By default its value is false.
JQUERYUI - SORTABLE http://www.tutorialspoint.com/jqueryui/jqueryui_sortable.htm Copyright tutorialspoint.com jqueryui provides sortable method to reorder elements in list or grid using the mouse. This
More informationCSS: Cascading Style Sheets
CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS
More informationCIS 228 (Spring, 2012) Final, 5/17/12
CIS 228 (Spring, 2012) Final, 5/17/12 Name (sign) Name (print) email I would prefer to fail than to receive a grade of or lower for this class. Question 1 2 3 4 5 6 7 8 9 A B C D E TOTAL Score CIS 228,
More informationIBM Bluemix Node-RED Watson Starter
IBM Bluemix Node-RED Watson Starter Cognitive Solutions Application Development IBM Global Business Partners Duration: 45 minutes Updated: Feb 14, 2018 Klaus-Peter Schlotter kps@de.ibm.com Version 1 Overview
More informationhttp://nma.kcc.hawaii.edu/gargiulo/data/johndoe/spring/art128/2014/companyname1_step3/index.html 1 2 3 4 5 company Name 6 7
More informationHoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6
JDownloader - Bug #80273 Bug # 75914 (Closed): Hoster: openload.co - Free Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d9453425a1830b60ab13ddec9a2ff6 08/18/2016 02:13 AM - StatServ Status: Closed
More informationSigns of Spring App. Release Notes Version 1.0
Signs of Spring App Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen. On the right sidebar, click on Manage in the App Parameters area. Edit
More information/* ========================================================================== PROJECT STYLES
html { box-sizing: border-box; *, *:before, *:after { box-sizing: inherit; img { max-width: 100%; border: 0; audio, canvas, iframe, img, svg, video { vertical-align: middle; /* Remove gaps between elements
More informationHTML & CSS November 19, 2014
University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014
More informationIntegrating the Quotation page with your site
Integrating the with your site Introduction Until June 2014, for customers to obtain a quote for your service, it was necessary to redirect the customer to the Instant-Quote.co site. This is no longer
More informationICENIUM Hands On Lab. Hybrid Mobile Application Development with Telerik s Icenium & Kendo UI Mobile
ICENIUM Hands On Lab Hybrid Mobile Application Development with Telerik s Icenium & Kendo UI Mobile Version Information: Version No. Release Date Author(s) Reviewer(s) 1.0 Jan 28 th 2013 Dhananjay Kumar
More informationREADSPEAKER ENTERPRISE HIGHLIGHTING 2.5
READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 Advanced Skinning Guide Introduction The graphical user interface of ReadSpeaker Enterprise Highlighting is built with standard web technologies, Hypertext Markup
More informationWanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.
Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.
More informationIntroduction to using HTML to design webpages
Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the
More informationPUBLISHER SPECIFIC CSS RULES
PUBLISHER SPECIFIC CSS RULES Solita Oy Helsinki Tampere Oulu 26.1.2016 2 (24) Document History Version Date Author Description 0.1 August 17, 2015 J. Similä First draft 0.2 January 26, 2015 A. Autio Fixed
More informationCSS: Layout Part 2. clear. CSS for layout and formatting: clear
CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear
More informationCSS3 Basics. From & CSS Visual Dictionary Learning Curve Books, LLC
CSS3 Basics From www.w3schools.com & CSS Visual Dictionary Learning Curve Books, LLC CSS Box Model Margin (top, right, bottom, left) Shorthand property, equivalent to Border-width border-style border-color
More informationChapter 7: JavaScript for Client-Side Content Behavior
Chapter 7: JavaScript for Client-Side Content Behavior Overview and Objectives Create a rotating sequence of images (a slide show ) on the home page for our website Use a JavaScript function as the value
More informationUNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat
UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat Duration - 2 hours Aid Sheet: Both side of one 8.5 x 11" sheet
More informationCSS. Shan-Hung Wu CS, NTHU
CSS Shan-Hung Wu CS, NTHU CSS Zen Garden 2 Outline The Basics Selectors Layout Stacking Order 3 Outline The Basics Selectors Layout Stacking Order 4 Grammar selector { property: value; 5 Example /* for
More informationGetting your work online. behance.net cargo collective krop coroflot
Getting your work online behance.net cargo collective krop coroflot behance online presence behance.net has a free and pro version. The free version is fine for getting internships. Free Version Pros networked
More informationCreating a Job Aid using HTML and CSS
Creating a Job Aid using HTML and CSS In this tutorial we will apply what we have learned about HTML and CSS. We will create a web page containing a job aid about how to buy from a vending machine. Optionally,
More informationCSC 615 FINAL EXAM SINGLE PAGE APPS. 1. Introduction
CSC 615 FINAL EXAM SINGLE PAGE APPS DR. GODFREY C. MUGANDA 1. Introduction For the final exam, you are going to write a single page application that is basically a JAX-RS web service with a HTML5/JavaScript
More informationGIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple
More informationTo illustrate how to set TAG styles the <body> and <h1> tags (for the BODY and the HEADING 1 styles) will be adjusted.
Chapter The formatting of CSS pages is carried out by setting the required styles. There are four different types of styles: Class which are custom styles that you create. You did this in Chapter 12. Tag
More informationCSS: formatting webpages
CSS: formatting webpages Why CSS? separate content from formatting (style) style can be changed easily without rewriting webpages keep formatting consistent across website allows more advanced formatting
More informationViostream Upload Widget
Viostream Upload Widget Version: 1.0 Date: 15 September, 2015 Viocorp 2015 Author Brendon Kellett Viocorp International Pty Ltd ABN: 43 100 186 838 110 Jones Bay Wharf, 26-32 Pirrama Road, Pyrmont NSW
More informationhtml head script script script function function script title title head body form input input form body html
ajax0.html 1 3 4 5 6 7 8 function quote() 9 { 10 $.getjson("/quote", {symbol: $("#symbol").val()},
More informationJSON. Dr. Kanda Runapongsa Saikaew Computer Engineering Department
JSON Dr. Kanda Runapongsa Saikaew Computer Engineering Department http://twitter.com/krunapon Agenda What is JSON? JSON vs. XML JSON Tutorial JSON and AJAX Using JSON with Yahoo! Web Services Using JSON
More informationWeb Designer s Reference
Web Designer s Reference An Integrated Approach to Web Design with XHTML and CSS Craig Grannell Graphical navigation with rollovers The final exercise in this chapter concerns navigation with graphical
More informationCS197WP. Intro to Web Programming. Nicolas Scarrci - February 13, 2017
CS197WP Intro to Web Programming Nicolas Scarrci - February 13, 2017 Additive Styles li { color: red; }.important { font-size: 2em; } first Item Second
More informationLING 408/508: Computational Techniques for Linguists. Lecture 14
LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side
More informationExam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009
Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 NAME (Printed) NAME (Signed) E-mail Exam Rules Show all your work. Your grade will be based on the
More informationUnveiling the Basics of CSS and how it relates to the DataFlex Web Framework
Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework Presented by Roel Fermont 1 Today more than ever, Cascading Style Sheets (CSS) have a dominant place in online business. CSS
More informationCordova - Guide - App Development - Basics
Cordova - Guide - App Development - Basics Dr Nick Hayward A brief overview and introduction to Apache Cordova application development and design. Contents intro Cordova CLI - build initial project Cordova
More informationCITS1231 Web Technologies. Ajax and Web 2.0 Turning clunky website into interactive mashups
CITS1231 Web Technologies Ajax and Web 2.0 Turning clunky website into interactive mashups What is Ajax? Shorthand for Asynchronous JavaScript and XML. Coined by Jesse James Garrett of Adaptive Path. Helps
More information3.1 Introduction. 3.2 Levels of Style Sheets. - HTML is primarily concerned with content, rather than style. - There are three levels of style sheets
3.1 Introduction - HTML is primarily concerned with content, rather than style - However, tags have presentation properties, for which browsers have default values - The CSS1 cascading style sheet specification
More informationCSS Cascading Style Sheets
CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css charlie.jpg Linking to your HTML You need to link to your css in the of your HTML file.
More informationIntroduction to Computer Science Web Development
Introduction to Computer Science Web Development Flavio Esposito http://cs.slu.edu/~esposito/teaching/1080/ Lecture 9 Lecture Outline Text Styling Some useful CSS properties The Box Model essential to
More informationAs we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.
Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address
More informationwebos TV 앱개발실습 - 활용하기
webos TV 앱개발실습 - 활용하기 1 Web Storage 를활용한 Login 기능구현하기 2 In-App 구매를위한 Payment wall 사용하기 [ 실습 #5] web storage 를활용한 Login 기능구현하기 Login 기능구현하기 외부 UI 소스활용 찾아보면좋은 Resource가많아요 http://codepen.io/colorlib/pen/rxddky
More informationGoogle Web Toolkit Creating/using external JAR files
Google Web Toolkit Creating/using external JAR files If you develop some code that can be reused in more than one project, one way to create a module is to create an external JAR file. This JAR file can
More information3.1 Introduction. 3.2 Levels of Style Sheets. - The CSS1 specification was developed in There are three levels of style sheets
3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers
More information- The CSS1 specification was developed in CSS2 was released in CSS2.1 reflects browser implementations
3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers
More informationINTRODUCTION TO CSS. Topics MODULE 5
MODULE 5 INTRODUCTION TO CSS Topics > Cascading Style Sheets (CSS3) Basics Adding a Style Sheet Selectors Adding Dynamic Styles to Elements CSS3 Properties CSS3 Box Model Vendor Prefixes Cascading Style
More information- HTML is primarily concerned with content, rather than style. - However, tags have presentation properties, for which browsers have default values
3.1 Introduction - HTML is primarily concerned with content, rather than style - However, tags have presentation properties, for which browsers have default values - The CSS1 cascading style sheet specification
More informationWeb Publishing Intermediate 2
Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div
More informationWeb Structure and Style. MB2030 Section 2 Class 4
Web Structure and Style MB2030 Section 2 Class 4 Web Site Hierarchies The Structure of the Web How the Internet Works Computers connected to the Web are called clients and servers. A simplified diagram
More informationZen Garden. CSS Zen Garden
CSS Patrick Behr CSS HTML = content CSS = display It s important to keep them separated Less code in your HTML Easy maintenance Allows for different mediums Desktop Mobile Print Braille Zen Garden CSS
More informationPsychology Experiments on the Web Using PHP and MySQL
Psychology Experiments on the Web Using PHP and MySQL Lisa M. DeBruine August 14, 2008 Contents 1 Basic Web Authoring 2 1.1 Setting up your webpage....................... 2 1.2 HTML.................................
More information