Appendix C. Sample Wave Embed Code

The following is the complete, uninterrupted source code for the wave embed examples covered in Chapter 8.

Enabling the Google Wave Toolbar in an Embedded Wave

You can browse or check out the source code from http://code.google.com/p/google-wave-embed-examples.

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Wave Embed Example</title> <script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script> <style type="text/css"> body { font-family: arial, verdana, sans-serif; } #container { background: #fafafa; border: 1px solid #748F8A; height: 100%; padding: 10px; width: 100%; } #wrapper { color: #333333; height: 350px; margin: 0px auto; width: 500px; } </style> <script type="text/javascript"> var waveUrl = 'https://wave.google.com/wave/'; var waveId = 'googlewave.com!w+bvQu5APyH'; var waveContainer; function load() { waveContainer = new WavePanel(waveUrl); waveContainer.setUIConfig('#ffffff', '#333333', 'Arial', '10pt'); waveContainer.loadWave(waveId); waveContainer.init(document.getElementById('container'), showToolbar); } function showToolbar() { waveContainer.setToolbarVisible(true); } </script> </head> <body onLoad="load()"> <div id="wrapper"> <h2>Wave Embed Example #1</h2> <h3>Showing the Google Wave Toolbar</h3> <div id="container"></div> ...

Get Google Wave: Up and Running now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.