Demo‎ > ‎Gadgets‎ > ‎

Google Gadgets used in Waveform Application


There are over 200,000 gadgets available at google for you to add to any web page.


How to add google gadgets to your waveforms page:



///post the following code as a wavefuntion
//for wall street journal
<div id="wsj">
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/100674619146546250953/wsj.xml&amp;up_entries=5&amp;up_refresh=15&amp;synd=open&amp;w=320&amp;h=300&amp;title=The+Wall+Street+Journal&amp;border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB%7C0px%2C1px+solid+%230088CC&amp;output=js"></script>
</div>

<script>
<script>
function min_wsj(){
  wsj.collapse(false);
}
var wsj = new Ext.Window({title: 'wsj', minimizable : 'true', maximizable : 'true'});
wsj.on('minimize', min_wsj)
wsj.html = Ext.get('wsj').dom.innerHTML;
wsj.show();
</script>


////for turtle
<div id='turtle'>
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.xml&amp;up_turtleName=Turtle&amp;up_waterColor=d0dce5&amp;up_percentWater=.75&amp;up_groundColor=EEEEEE&amp;up_foodColor=CCCC33&amp;up_numTurtles=2&amp;up_turtle1HeadColor=828250&amp;up_turtle1ShellColor=828250&amp;up_turtle1LegColor=66663f&amp;up_turtle2HeadColor=828250&amp;up_turtle2ShellColor=828250&amp;up_turtle2LegColor=66663f&amp;up_turtle3HeadColor=828250&amp;up_turtle3ShellColor=828250&amp;up_turtle3LegColor=66663f&amp;up_turtle4HeadColor=828250&amp;up_turtle4ShellColor=828250&amp;up_turtle4LegColor=66663f&amp;up_turtle5HeadColor=828250&amp;up_turtle5ShellColor=828250&amp;up_turtle5LegColor=66663f&amp;synd=open&amp;w=320&amp;h=200&amp;title=Veronica+and+Jughead&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
</div>
<script>
function min_ttl(){
  ttl.collapse(false);
}
var ttl = new Ext.Window({title: 'turtles', minimizable : 'true', maximizable : 'true'});
ttl.on('minimize', min_ttl)
ttl.html = Ext.get('turtle').dom.innerHTML;
ttl.show();
</script>


Update: If you are not using the gtalk tab, you can do this instead of creating the windows. Click to a different tab and back again to load the gadgets.
Ext.get('googletalk').dom.innerHTML =  Ext.get('turtle').dom.innerHTML + '<br />' + Ext.get('wsj').dom.innerHTML;



Do you use twitter to communicate to your co-workers? 

Here is how to add a twitter feed to a window that they will see when they log in:


<link href="http://a0.twimg.com/a/1251493570/stylesheet/widgets.css?1251496417" media="screen, projection" rel="stylesheet" type="text/css" />
<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/waveforms" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/waveforms.json?callback=twitterCallback2&amp;count=10"></script>
<script>
var tweets = new Ext.Window({title: 'Daily Tweet',  maximizable : 'true'});
tweets.html = Ext.get('twitter_div').dom.innerHTML;
tweets.show();
</script>



Comments