fixing old onload() in examples

fjanon · Jan 9, 2011 · a0c7bb4 · a0c7bb4
1 parent 1062a0b
commit a0c7bb4
Show file tree

Hide file tree

Showing 20 changed files with 20 additions and 20 deletions.
diff --git a/examples/artists.html b/examples/artists.html
@@ -202,7 +202,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
 
     <div id="fblicense"> <img src="http://www.freebase.com/api/trans/raw/freebase/attribution" style="float:left; margin-right: 5px" /> <div style="margin-left:30px"> Source: <a href="http://www.freebase.com" title="Freebase &ndash; The World's Database">Freebase</a> - The World's Database <br/> Freely licensed under <a href="http://www.freebase.com/view/common/license/cc_attribution_25">CC-BY</a>. </div> </div>
 

diff --git a/examples/basic_googlev2.html b/examples/basic_googlev2.html
@@ -92,7 +92,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Basic Example, Google v2, Timeline v1.2</h1>
     In this example, we're just directly entering the data in the javascript, loading content into the info window in several different ways. (Note that Leonardo's window, which loads content via AJAX, may throw an error or not show up if you're viewing this locally, due to cross-site scripting restrictions.) This example uses the 1.2 version of the SIMILE Timeline API included with the timemap.js distribution, which has less functionality than later versions but is a much smaller download.

diff --git a/examples/basic_googlev3.html b/examples/basic_googlev3.html
@@ -116,7 +116,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Basic Example, Google Maps v3</h1>
     This is the basic example using version 3 of the Google Maps API. This example demostrates how to set additional options on the map - in this case, a custom map style.

diff --git a/examples/basic_microsoft.html b/examples/basic_microsoft.html
@@ -99,7 +99,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Basic Example, Bing Maps</h1>
     Same basic example, but using Microsoft's Bing Maps API. This behaves a little differently than the other APIs in Mapstraction, and info windows and click events might not be exactly what you expect. Also note that the CSS for the map container seems to be a little trickier here. To be honest, I haven't played around with this API much, but it seems to work okay.

diff --git a/examples/basic_openlayers.html b/examples/basic_openlayers.html
@@ -89,7 +89,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Basic Example, OpenLayers</h1>
     This is the basic example using the OpenLayers API. OpenLayers is (in my opinion) neither as robust nor as fast as some of the commercial map providers, but it's very flexible and you can run it locally if you have your own tilesets.

diff --git a/examples/basic_tl230.html b/examples/basic_tl230.html
@@ -92,7 +92,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Basic Example, Timeline 2.3.0</h1>
     This example uses the 2.3.0 version of the SIMILE Timeline API included with the timemap.js distribution. I recommend using this local version over the online API - among other things, it's been compressed and is much smaller than the SIMILE download. Timeline 2.3.0 has some more functionality than version 1.2, and fixes a few bugs, but is a much larger download, and you may find the earlier version quicker and simpler.

diff --git a/examples/data_themes.html b/examples/data_themes.html
@@ -77,7 +77,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Data Themes Example</h1>
     In this example, we're setting the theme of each item based on data points in the item options. Note that this uses the ext/circle_icons.js script, not included in the packed files - but you could use the same techniques to set markers without it.

diff --git a/examples/earthquake_georss.html b/examples/earthquake_georss.html
@@ -62,7 +62,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>GeoRSS Dataset</h1>
     This is a timemap of earthquakes over a 30-day period, loaded via GeoRSS. Data was taken from <a href="http://earthquake.usgs.gov/" target="_blank">USGS Shakemaps</a>. This is basically a recreation of the mash-up created by <a href="http://www.oe-files.de" target="_blank">J&ouml;rn Clausen</a> that served as an inspiration for the TimeMap library. Note the use of the "extraTags" parameter to load non-standard data and display in the info window.

diff --git a/examples/filter.html b/examples/filter.html
@@ -132,7 +132,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Filters</h1>
     In this example, we've loaded a set of tags for each item, and can use this dropdown menu to filter based on tags:

diff --git a/examples/google_earth_sync.html b/examples/google_earth_sync.html
@@ -189,7 +189,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Timemap Synchronized with Google Earth</h1>
     This example syncs a timemap with the Google Earth browser plugin. You have to do some timeout juggling in order to avoid a cyclical listener setup, but it seems to work reasonably well.</div>

diff --git a/examples/google_events.html b/examples/google_events.html
@@ -102,7 +102,7 @@
     <link href="examples.css" type="text/css" rel="stylesheet"/>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Two JSON Datasets</h1>
     In this example, we're loading two JSON datasets from public Google Calendar feeds. <em>Note: this relied on a lat/lon string in the gd$where attribute - looks like the person managing the calendars stopped adding that. :(<em>

diff --git a/examples/google_spreadsheet.html b/examples/google_spreadsheet.html
@@ -82,7 +82,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Data from a Google Spreadsheet</h1>
     In this example, we're loading items from a Google Spreadsheet (<a href="http://spreadsheets.google.com/pub?key=pjUcDAp-oNIOjmx3LCxT4XA" target=_blank>published here</a>). Your spreadsheet must be published in order for the spreadsheet loader to work.

diff --git a/examples/google_spreadsheet_columns.html b/examples/google_spreadsheet_columns.html
@@ -109,7 +109,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Google Spreadsheet, Arbitrary Columns</h1>
     In this example, we're loading items from a Google Spreadsheet (<a href="http://spreadsheets.google.com/pub?key=tu0AB_xb1LtMTuQwIn_ExSQ" target=_blank>published here</a>). Additional arbitrary columns are loaded using the "extraColumns" setting, and displayed in the info window.

diff --git a/examples/google_spreadsheet_heatmap.html b/examples/google_spreadsheet_heatmap.html
@@ -278,7 +278,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Temporal Heatmap from a Google Spreadsheet</h1>
     In this example, we're loading items from a Google Spreadsheet (<a href="http://spreadsheets.google.com/pub?key=tnobdBZ6zvWAWVZEW-uBW1Q" target=_blank>published here</a>) and sizing the markers on the map according to a data point in the spreadsheet (in this case, cumulative deaths from asbestosis and silicosis in Texas). This is still a bit of a work in progress; unfortunately, getting the performance to be reasonable means that the marker click area is a little wonky.

diff --git a/examples/kenya.html b/examples/kenya.html
@@ -58,7 +58,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>KML Dataset</h1>
     In this example, we're loading a KML file of reports of violence in Kenya (data courtesy <a href="http://www.ushahidi.com">www.ushahidi.com</a>, though it looks like the links no longer work). The bandInfo setting allows us to set a custom layout the timeline, and we've resized the timeline and map with CSS. (Note that some browsers will throw an error if if you're viewing this locally, due to cross-site scripting restrictions.)

diff --git a/examples/kml_extendeddata.html b/examples/kml_extendeddata.html
@@ -68,7 +68,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>KML Example: Loading ExtendedData</h1>
     In this example, we're loading a KML file of meteorite impact structures with ExtendedData elements and using a custom template for the info window to display the loaded data. We're also using ExtendedData to load different themes for each item. <a href="http://code.google.com/apis/kml/documentation/extendeddata.html">Learn more about ExtendedData here.</a> (Okay, so the dates here are a little arbitrary - sometime soon I'll figure out a good way to display dates in the negative millions of years...)

diff --git a/examples/pathlines.html b/examples/pathlines.html
@@ -108,7 +108,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Flickr Photos with Pathlines</h1>
     This example loads geotagged Flickr photos (thanks, <a href="http://flickr.com/photos/ken-ichi/">Ken-ichi</a>!), displays them on the map and timeline, and draws lines between them sequentially, creating a rough route map (you may need to zoom in to see the effect). The lines are created using a filter that creates the line elements and shows or hides them based on the timeline location.

diff --git a/examples/polytween.html b/examples/polytween.html
@@ -120,7 +120,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>On-the-fly Polygon Tweening</h1>
     This example uses a custom filter to smoothly tween a polygon between a beginning set of vertices and an ending set. I'm not sure I'd recommend this as an implementation - among other things it's rough on slow computers, especially as you increase the number of vertices - but you get the idea.

diff --git a/examples/progressive.html b/examples/progressive.html
@@ -51,7 +51,7 @@
     <link href="examples.css" type="text/css" rel="stylesheet"/>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Progressive Loading</h1>
     In this example, we're loading data from a JSON service that takes start and end date parameters; data is loaded progressively as the user scrolls the timeline. This is a good idea for very large datasets spread out over a long period of time.

diff --git a/examples/state.html b/examples/state.html
@@ -80,7 +80,7 @@
     </style>
   </head>
 
-  <body onload="onLoad();">
+  <body>
     <div id="help">
     <h1>Loading State from the URL</h1>
     In this example, we're getting the timemap state from the hash portion of the URL (the part after the "#"). This should work in all browsers the first time you come to the page, and in browsers that support the "onhashchange" event (IE8, FF3, Chrome), you should be able to use in-page links to set the state as well, e.g. <a href="#zoom=9&center=43.83,11.06&date=1500-01-21T12:15:49Z&selected=1">#zoom=9&amp;center=43.83,11.06&amp;date=1500-01-21T12:15:49Z&amp;selected=1</a> (if you're using another browser, try clicking this link then reloading).<br><br>
-Original file line number
+Diff line change
@@ Expand Up / @@ -202,7 +202,7 @@ @@
         </style>
       </head>
-      <body onload="onLoad();">
+      <body>
         <div id="fblicense"> <img src="http://www.freebase.com/api/trans/raw/freebase/attribution" style="float:left; margin-right: 5px" /> <div style="margin-left:30px"> Source: <a href="http://www.freebase.com" title="Freebase &ndash; The World's Database">Freebase</a> - The World's Database <br/> Freely licensed under <a href="http://www.freebase.com/view/common/license/cc_attribution_25">CC-BY</a>. </div> </div>
@@ Expand Down @@