MashupMaker

Add Widgets

Dojo Filtering Table
Google Maps
HTML Button
HTML Textfield

Widget ID:

Add Widget Methods and Events

tab (Dojo Filtering Table)
  onSelect
map (Google Maps)
  moveend
  setCenter
text (HTML Textfield) event handlers added in HTML tag

Add Service

Google Suggest
Google Maps Geocoder
Google Calendar
Google Feed

Customize HTML / Implement Event Handlers

var geocoder = null;

var map;

dojo.require('dojo.widget.FilteringTable');

var tab;

var text;

// page initialization
        function load()
        {

geocoder = new GClientGeocoder();

if (GBrowserIsCompatible())
            {
                map = new GMap2(document.getElementById('map'));
                map.setCenter(new GLatLng(37.4419, -122.1419), 13);
            }

tab = dojo.widget.createWidget('dojo:FilteringTable',{valueField: 'row'},dojo.byId('tab'));
            tab.columns.push( tab.createMetaData( {'field': 'Event'} ) );
            tab.columns.push( tab.createMetaData( {'field': 'Location'} ) );

text = document.getElementById('text');

tab.onDataToggle = function (evt) 
            {
                getLatLng(tab.getSelectedData().Location);
            }
        }

// cleanup code
        function unload()
        {

GUnload();
        }

// register (un)load handlers
        dojo.addOnLoad(load);
        dojo.addOnUnload(unload);

// load events from the google calendar for the given user
        function gCalStub( user )
        {
            var head = document.getElementsByTagName('head').item(0);
            var script = document.createElement('script');
            script.setAttribute('src', 'http://www.google.com/calendar/feeds/'+user+'@google.com/public/full?alt=json-in-script&callback=gCalLoaded&orderby=starttime&max-results=15&singleevents=true&sortorder=ascending&futureevents=true');
            head.appendChild(script);
        }

function setCenter( map, lat, lng )
        {
            map.setCenter(new GLatLng(lat, lng), 13);
        }

// gets the latitude and longitude of the address string given
        function getLatLng(address)
        {
            geocoder.getLatLng( address, function(point)
            {
                if (!point)
                    alert(address + ' not found');
                else
                {
                    dojo.debug( point );
                    setCenter( map, point.y, point.x );
                }
            });
        }
    </script>
</head>
<body>

<input type='button' value='Load Calendar' onclick='gCalStub( text.value )'>