Browser Object ModelWebinale 2008, Germany

Alexander Back

Alexander Back

• Software Developer at 1&1 Internet AG since 2004

• Experience with qooxdoo Application Development Since Day 1

• Developer of Rich Text Editor Component

Introduction

• Normalizes DOM Operations

• Base for the Widget System

• Works Fully Cross Browser

• Integration Into Traditional Web Pages

Features

• Element Handling

• Event Layer

• XMLHttp Communication

• Animation

Element Handling

• DOM Element Creation

• Calculating Dimensions

• Powerful Element Styling

• Attribute & Property Handling

• Scroll & Overflow Support

Element Location

• Query Location of Elements

• Distance Between Two Elements

Event Layer

• Unified Event Objects

• Matching DOM2 Specification

• Bubbling & Capturing Phase

• Cancelable Events

• Unified Mouse & Keyboard Events

• Powerful Focus Handling

DemoLow Level Application

API Viewer

85 Classes37 KB gzipped

Questions?

AnimationsBeta

Webinale 2008, GermanyJonathan Rass

Jonathan Rass

• Software Developer at 1&1 Internet AG Since 2007

• Introduced Animation Support to qooxdoo

Useful Animation

• Enhanced User Experience

• Better Feedback

• Modern Styling

Status

• Available Since qooxdoo 0.8 Alpha 1

• Based on Widespread script.aculo.us

• Uses BOM Layer

• 14 Bundled Effects

Usage

Demo

Internals

• Core Effects

• Single Property Modified

• Combination Effects

• Several Core Effects Combined

• Transition Functions

Demo

What‘s Next

• More Effects (Morph, ...)

• More Transition Functions

• Move Effect With 2D Transition

• High Level Widget API

Questions?