Hi,

CBE is going through some exciting changes! Currently CBE is being upgraded to use object-detection instead of browser-detection. Check the site often, there will be frequent minor releases during this testing period.

Thank you for using CBE,

Mike Foster

CBE Examples

Basics

The Appearance Methods - How to control the appearance of your objects with text and background color, background images, z-index, visibility, and innerHtml.

The Size Methods - How to control the actual and visible sizes of your objects.

The Position Methods - Learn how to use the CBE positioning methods.

Position Viewer - Displays real-time values for all the CBE positioning methods.

The Clipping Methods - Learn how to use the CBE clipping methods.

Sliding

Slide Basics - Intro to the slide methods and their parameters.

Linear Slide - Time-based linear motion with sinusoidal rate using the slideTo() and slideBy() methods.

Elliptical Slide - Time-based elliptical motion using the ellipse() method.

Spinners - Another example using the ellipse() method.

Corner Slide - Time-based resize (corner slide) with sinusoidal rate using the slideCornerTo() and slideCornerBy() methods.

Slide Sequence - How to create a sequence of slides which occur one after the other.

parametricEquation() - Experiments with the parametricEquation() method.

Dragging

Basic Dragging - The minimum requirements for dragging a CBE object.

Advanced Dragging - Multiple, nested, drag objects with "bring to top" feature, using dragStart, drag, and dragEnd events.

Making an Element Resizeable and Draggable - How to allow a user to resize an element by dragging the bottom-right corner.

A simple Slider example.

Events

Basic Event Management - How to start using the CBE event model.

Event Properties Viewer - Allows you to add/remove a listener for different event types and watch the event properties.

Misc.

Dynamic Creation of Elements - using the methods createElement() and appendchild().

The Marker Technique - how to place absolutely positioned elements relative to some element in the flow of html.

Top

CBE Applications

Menus

Cascading Menu explanation and template - A mouseover dropdown menu with unlimited submenus.

Panel Menu template - A horizontal collapsible menu.

Interfaces

CBE Dynamic Interface #1 - Two columns with header and footer. Vertical, floating menu. Dynamically resizes to fit window and content.

Top

Documents

CBE Documentation

GNU LGPL License - This license governs the usage and distribution of the CBE library. Before using CBE you must read the license and agree to its terms.

Getting Started With CBE - A step by step guide to starting development with CBE.

CBE Object Model - Overview of the core objects and their relationships.

CBE Event Model - Overview of event flow and event listeners.

CBE Object Reference - A detailed reference for the methods, properties, and events of all public objects in CBE.

Basic Templates

XHTML - A basic CBE template which has an XHTML 1.0 Transitional doctype.

HTML 4 - A basic CBE template which has an HTML 4.01 Transitional doctype.

Top

Resources

Online Resources

For the latest version of CBE visit Cross-Browser.com.

For free technical support visit the CBE Support Forum.

W3C.org CSS, HTML, DOM Specifications

Mozilla DOM Reference

Netscape Javascript Reference

Microsoft HTML & DHTML Reference

Opera Javascript Specs

Link To Us

If you use CBE, a link to Cross-Browser.com would be most appreciated. Feel free to use the following images.

Special thanks to Kiffin for the great button! I can't remember who made the X image (someone please remind me) - thanks!