Calendaring Fun with and Duke Law Michael Wright Manager, Web Services Duke Law (919) 613-8557 Plus some XML, PHP, and.

Slides:



Advertisements
Similar presentations
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
12-CRS-0106 REVISED 8 FEB 2013 PRESENTS Meeting Notice feeds and iCal Functionality.
getElementById() document.getElementById(“idName").innerHTML = “Any valid content"; getElementById is a method innerHTML is a property.
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.
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.
In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.
Day 2 – JavaScript & PHP.  Have the hover effect display an extra image  Add an extra image for each of the tags  In your writeText() function, you.
Why Isn't This Button Working? JavaScript and Accessibility in Web Development.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
1 Lesson 10 Using JavaScript with Styles HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 3 Style Sheets: CSS WEB.
Chapter 6 Working with Frames.
JavaScript onLoad getElement. onload Using JavaScript to create content No user input Comes up when page LOADS [redo Koozebane; random picture]
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.
© 2007 Fred Ryals Conditional Content – A Dynamic HTML Demonstration Fred Ryals Senior Web Developer Leading Edge Design & Systems.
Lecture 11 – DOM Scripting SFDV3011 – Advanced Web Development Reference: 1.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Adding Hypertext Links to a Web Page Tutorial 2 eXtensible Markup Language (XML)
Manipulating the DOM CST 200 – JavaScript 3 –
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
JavaScript, Fourth Edition
Cascading Style Sheets Dreamweaver. Styles Determine how the HTML code will display Determine how the HTML code will display Gives designers much more.
Chapter 8 © 2001 by Addison Wesley Longman, Inc. 1 Chapter 8 Sebesta: Programming the World Wide Web.
Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.
JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
HTML.
Internet & World Wide Web How to Program, 5/e. © by Pearson Education, Inc. All Rights Reserved.2 Revised by Dr. T. Tran for CSI3140.
1 Javascript DOM Peter Atkinson. 2 Objectives Understand the nature and structure of the DOM Add and remove content from the page Access and change element.
the acronym for Asynchronous JavaScript and XML.
JavaScript Challenges Answers for challenges
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
JQuery and AJAX WEB Technologies : PHP Programming Language.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
DOM (Document Object Model) - Parsing and Reading HTML and XML -
Class Jump. ClassJump.com provides teachers web sites free of charge, where multiple classes can be managed and updated using an easy to understand interface.
Understanding JavaScript and Coding Essentials Lesson 8.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
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.
Project 7: Exploring DHTML Essentials for Design JavaScript Level Two Michael Brooks.
Chapter 10 Dynamic HTML (DHTML) JavaScript, Third Edition.
Chapter 1: Intro to HTML Section 1: HTML Structure Presentation Section 2: Layout of an HTML File Section 3: Working with Lists & Tables Section 4: HTML.
XP Tutorial 10 New Perspectives on JavaScript, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
THE DOM.
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Intro to JavaScript CS 1150 Spring 2017.
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
Web Systems Development (CSC-215)
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
HTML A brief introduction HTML.
Diagramming the Tree Structure of an XML Document
NC King Tides Project: Documenting water levels through photography.
شبكة الانترنت العالمية
© 2015, Mike Murach & Associates, Inc.
HTML Links.
Javascript.
HTML and CSS Basics.
Introduction to Web programming
Intro to JavaScript Events
Presentation transcript:

Calendaring Fun with and Duke Law Michael Wright Manager, Web Services Duke Law (919) Plus some XML, PHP, and Javascript

XML+PHP

Add to Calendar

Add to Calendar: ICS

Add to Calendar: Google Calendar

Add to Calendar: Yahoo Calendar

Add to Calendar: Facebook

Add to Calendar: Permalink

Add to Calendar: to Calendar

Add to Calendar: More Javascript

function showMore(link_id,elemId) { linkObj = document.getElementById(link_id); //display the more content for this elemId document.getElementById(elemId).style.display='inline'; //change the links attributes to hide the more content linkObj.href = 'javascript:hideMore("'+link_id+'","'+elemId+'")'; linkObj.innerHTML = " Add to Calendar "; } function hideMore(link_id,elemId) { linkObj = document.getElementById(link_id); //hide the more content for this elemId document.getElementById(elemId).style.display='none'; //change the links attributes to show the more content linkObj.href = 'javascript:showMore("'+link_id+'","'+elemId+'")'; linkObj.innerHTML = " Add to Calendar "; } Add to Calendar: More Javascript

fin. Michael Wright Manager, Web Services Duke University School of Law (919)