3rd Party Widgets & Custom Code

Slides:

Advertisements

Similar presentations

Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.

Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

MWD1001 Website Production Using JavaScript with Forms.

HTML. The World Wide Web Protocols Addresses HTML.

HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.

HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.

B.Sc. Multimedia ComputingMedia Technologies Database Technologies.

CIS101 Introduction to Computing

There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.

XP Tutorial 1 New Perspectives on JavaScript, Comprehensive1 Introducing JavaScript Hiding Addresses from Spammers.

Tutorial 1: Introduction to JavaScript JavaScript - Introductory.

Understanding Page Template Components Lila Bronson Training Manager, OmniUpdate, Inc.

Creating New Page and Section Templates Robert Kiffe Senior Web Developer, OmniUpdate, Inc.

Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.

OU Campus Intermediate Training Workshop. Agenda Administrator Overview and Roles Administrator Controls Administrator Configuration Setting Up Access.

Configuring Social Media, Google Analytics, and Gadgets Lila Bronson Training Manager, OmniUpdate, Inc.

Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.

Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.

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.

SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Introduction to GAIGS XML Scripting Integrating Algorithm Visualization into Computer Science Education Grand Valley State University June 13-16, 2006.

Creating Feeds for News, Events, and More Vinit Varghese Implementation Manager.

End-User Training Editing Content with JustEdit Brandon Scheirman Instructional Designer, OmniUpdate.

Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/

XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu

JavaScript - A Web Script Language Fred Durao

Building Faculty Directories, Profiles, and More with MultiEdit Robert Kiffe & Bradley Prasuhn Senior Web DeveloperImplementation Manager OmniUpdate, Inc.

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

Active Standards – Q/A By Jeppe Pedersen and Alexander Karlsson 18/08/2015.

Administrator Training Lila Bronson Training Manager, OmniUpdate.

Implementing and Using the SIRWEB Interface Setup of the CGI script and web procfile Connecting to your database using HTML Retrieving data using the CGI.

Generators 101 Form Mail LAMP Bubbles & Blanks End of Course Surveys Form Mail LAMP Bubbles & Blanks End of Course Surveys.

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.

Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.

DT228/3 Web Development JSP: Actions elements and JSTL.

Unit 4 Working with data. Form Element HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes, radio-buttons,

Miguel Lara, PhD. Design and development instructional websites using a variety of web technologies such as HTML5, CSS, JavaScript, and jQuery.

Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.

Getting Started with HTML

Introduction to Dynamic Web Programming

Using JavaScript to Show an Alert

How to Write Web Forms By Mimi Opkins.

JavaScript is a programming language designed for Web pages.

4. Javascript Pemrograman Web I Program Studi Teknik Informatika

Database Driven Websites

Rocketing into End-User Training

What’s a _resource and What Does It Do?

The Adventure Continues

Customizing Editable Regions and Building Templates

Working with Server-side Scripts

Keeping it Current with RSS

Information Architecture in OU Campus

Unit 2 Test Building a Web Page Test.

Common Page Design Elements

JavaScript Basics What is JavaScript?

JavaScript is a scripting language designed for Web pages by Netscape.

LET’S GATHER THE DATA AKIFUMI YAMAMOTO| OMNIUPDATE.

MAKING XSL-PCF PAGES FROM SCRATCH

INTRODUCTION TO OU CAMPUS

EDITING EXISTING TEMPLATES

COMPONENTS INSIDE AND OUT

ACCOUNT AND SITE SETUP: SETUP FOR SUCCESS!

EXTENDING COMPONENTS AND TABLE TRANSFORMATIONS WITH XSL

RSS ARCHIVING: KEEPING IT CURRENT WITH RSS

XSL API for Tag Management

READY, SET, REPORT ROBERT KIFFE| OMNIUPDATE.

Warranty screenshots.

Presentation transcript:

3rd Party Widgets & Custom Code ROBERT KIFFE| OMNIUPDATE

Agenda What’s the problem? A Typical Setup Page Specific? Site-Wide? Writing JavaScript in an XML File Writing Server-Side Code in an XML File Hands-On Q&A

What’s the Problem? I need to add ‘code’ to a specific page! I need to add ‘code’ to a bunch of pages! When I add some ‘code’, it breaks my page! JavaScript or Server-Side scripts aren't working!

Individual Pages Content Regions Source Code Editor Assets Components

Individual Pages Head-Code Element Body-Code Element Foot-Code Element Hidden Regions Head-Code Element Body-Code Element Foot-Code Element

Multiple Pages Headcode.inc Footcode.inc Set By Directory Variable Hidden Regions Global Include Files Headcode.inc Footcode.inc Directory Include File Set By Directory Variable Configured in XSL Create Parameter Build Include Code in Desired Location

Multiple Pages Content Regions Include File via Asset

Adding HTML Self-closing tags Missing close tags To an XML Document Make sure your code meets XML syntax requirements Self-closing tags Missing close tags Encode special characters

Adding JavaScript Use CDATA to protect special characters To an XML Document Use CDATA to protect special characters

Adding Server-Side Code To an XML Document Must obey XML syntax PCF Source Code Asset / Component Unless the XSL is specially configured, use an include file XSL Processing Instruction ‘Disable Output Escaping’ Character Maps HTML output method

Let’s Go Hands-On! Travel to http://workshop[#].outc18.com/index.html Replace [#] with the number on your badge Click the DirectEdit link Log in as the level 10 user! Username: admin Password: found on your badge

THANK YOU! PLEASE SHARE YOUR FEEDBACK: WWW.SLIDO.COM #OUTC19