Request.TimeZone v1.3

This is a simple plugin that shows you the local TimeZone with JSONP&YQL-driven badge.



Details

Author
Adrian Statescu
Current version
v1.3
GitHub
thinkphp/Request.TimeZone
Downloads
3288
Category
Request
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.3: *

How to use

First you must to include the JS files in the head of your HTML document.

   #HTML
   <script type="text/javascript" src="core.js"></script>
   <script type="text/javascript" src="jsonp.js"></script>
   <script type="text/javascript" src="Request.TimeZone.js"></script>

In your JavaScript source:

   #JS 
   window.addEvent('domready',function(){ 

     new Request.TimeZone('sydney',{
                                   onSuccess: function(o){
                                         if(window.console) {console.log(o);} 
                                         $('timezonearea1').set('html',o.results[0]);                                             
                                   },
                                   onRequest: function(script){           
                                         if(window.console) {console.log(script);} 
                                         $('timezonearea1').set('text','Loading...'); 
                                   }   
     },{badge: true}).send(); 

     new Request.TimeZone('toronto',{
                              onSuccess: function(o){
                                         if(window.console) {console.log(o);} 
                                         var resp = o.query.results.response.timezone;
                                         $('timezonearea2').set('html',"<ul class='tz'>"+
                                                                "<li><span>Timezone:</span> "+resp.timezoneId+"</li>"+
                                                                "<li><span>Country: </span>"+resp.countryName+"("+resp.countryCode+")</li>"+
                                                                "<li><span>Sunset: </span>"+resp.sunset+"</li>"+
                                                                "<li><span>Sunrise: </span>"+resp.sunrise+"</li>"+
                                                                "<li><span>Latitude: </span>"+resp.lat+"</li>"+
                                                                "<li><span>Longitude: </span>"+resp.lng+"</li>"+
                                                                "<li><span>Time: </span>"+resp.time+"</li>"+
                                                                "</ul>");

                                   },
                              onRequest: function(script){           
                                         if(window.console) {console.log(script);} 
                                         $('timezonearea2').set('text','Loading...'); 
                              }   
      }).send(); 

     //You can load the timezone in an Element
     $('timezonearea3').loadTimeZone('bucuresti');
  });

In your HTML source:

   #HTML
   <div id="timezonearea1"></div>
   <div id="timezonearea2"></div>
   <div id="timezonearea3"></div>

Dependencies

  MooTools Core 1.3.0
  MooTools More: Request.JSONP

Notes:

You can view in action:


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus