Flaps The technology and its variations across browsers

Flaps XHTML Compliant CSS V2 Uniform elements Multilayer components JavaScript Dynamically updating elements Redrawing maps Placing data such as pictures Authenticating users Requesting Geo Data via XML-RPC SVG Rendering complex menus (To be done with Layering)

Flaps Google Maps API (javascript classes and object literals) GMap2(container) GEvent() GLatLang(x,y) GMapTypeControl() GMarker() Flickr API (XML-RPC Calls) flickr.photos.getWithGeoData flickr.photos.search

SVG Scalable Vector Graphics Defines geometric shapes directly on browser Included using,, or Namespace Browser Support Firefox (Gecko), Opera, Safari: Capable of rendering some with limited support Internet Explorer: Needs adobe viewer Thus, could not be used in Flaps effectively

XHTML, HTML DOM, CSS Internet Explorer: No XHTML Support, reads as HTML. No issue here (XHTML more restrictive-move to CSS). W3C API’s not fully implemented by browsers; some browsers have own extensions IE: Object.style.backgroundPosition. Alternative: CSS position, left, top, right Map Sizing Many other examples…

Resizing in Flaps function get_new_dims(){ if (navigator.appName=="Netscape") { width = window.innerWidth; height = window.innerHeight-80; //compensate for bottom stuff } else if (navigator.appName.indexOf("Microsoft")!=-1) { width = document.body.offsetWidth; height = document.body.offsetHeight; } if(isLoaded == true){ window.onresize = null; document.getElementById("map").style.height=height+'px'; window.onresize = get_new_dims; } Window.onresize=get_new_dims();

Effects Firefox Resizing of map done after releasing of browser window Safari Resizing of map done as window is resized Opera Same action as Firefox Internet Explorer Infinite loop – web browser becomes unstable

Flaps With limited developing resources, this is an example of a web application that would not work well across all browsers

Result Widely used applications mean user is locked into a browser No competition inhibits innovation Tabbed Browsing, Convenient Search, RSS, etc. Greater risk of attacks Recent.INI vulnerability of IE