Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 60 lines (57 sloc) 2.104 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>GeoGlobes Demo Page</title>
  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.0/build/reset-fonts-grids/reset-fonts-grids.css&2.8.0/build/base/base-min.css">
    <script type="text/javascript" src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
    <style>
    .globe img{float:left;}
    .globe ul{background:#69c;-moz-border-radius:10px;padding:10px;margin:0 0 0 160px;}
    .globe {overflow:hidden;margin:1em 0;padding:1em;border:2px solid #999;-moz-border-radius:10px;}
    .globe li{padding:0 0 5px 0;list-style:none;}

    </style>
  </head>
  <body class="yui3-skin-sam yui-skin-sam">
<div id="doc" class="yui-t7">

  <div id="hd" role="banner">
    <h1>GeoGlobes Demo Page</h1>
  </div>
  <div id="bd" role="main">
    <p>This is a quick demo of the globebadge open YQL table. You can see the outcome of the badge below. Enter another location to see a different badge.</p>
    <div id="globes"></div>
    <p>You can download the <a href="http://github.com/codepo8/Geoglobes">code for the GeoGlobes on GitHub</a>.</p>
  </div>
  <div id="ft" role="contentinfo">
    <p>Written by <a href="http://wait-till-i.com">Christian Heilmann</a></p>
  </div>
</div>
<script src="globebadge.js"></script>
<script>
(function(){
 var c = document.getElementById('globes');
 c.innerHTML = '<form><label for="loc">Enter Location</label>'+
               '<input type="text" id="loc" name="loc">'+
               '<input type="submit" value="go"></form>'+
               '<div id="badge"></div>';
 var form = c.getElementsByTagName('form')[0];
 form.onsubmit = function(){
   var loc = document.getElementById('loc');
   if(loc !== ''){
     globebadge.init({
       element:'badge',
       location:loc.value,
       showlist:true
     });
   }
   return false;
 };
})();
globebadge.init({
  element:'badge',
  location:'London',
  showlist:true
});
</script>
</body>
</html>
Something went wrong with that request. Please try again.