Freitag, 26. Februar 2010

How-To Wave on typo3 (eng)

To get the google wave on a typo3 site you only need a few little things.
1. A wave account
2. A typo3 page

- We first create a new wave and remember the URL. In order to give everyone access to it we add the user public@a.gwave.com to the Wave.

CAUTION! - Now everyone can read and write!

- The next step is to add a new page on typo3 or navigate where we want to show the Wave. Then we add a content element of type "html is a".
><div id="wave" style="width: 480px; min-height:480pt; height:100%"></div>

<script type="text/javascript" src="http://www.r-p-it.de/google/wave_embed.js">

</script>

<script type="text/javascript">

var wave =

new WavePanel('https://wave.google.com/wave/');

wave.setUIConfig('white', 'black', 'Arial', '12pt');

wave.loadWave('googlewave.com!w+XXXXXX);

wave.init(document.getElementById('wave'));

</script>

<!--/Wave -->

- Your Wave ID XXXXXX must be replaced with the ones you want to view. For instance
https://wavegoogle.com/wave/#restored:wave:googlewave.com!w%252ByCe64rv1A

-> The ID is a part of the Url to read from right to left up to the characters w%252B, so that remains is yCe64rv1A left. This we now insert into the HTML instead of XXXXX.
-> If you want to you can still change the size and appearance of the wave in the html code.

- Next we create a javascript onLoad item at the same point on the page:
<script type="text/javascript" src="http://www.r-p-it.de/google/wave_embed.js"></script>

Done.

have a look in a preview
http://www.r-p-it.de/googlewave/

Have fun and wave

Thomas Ruta

IT Consultant (New Media)
Google Expert (Expert maps, wave, buzz)
Web Developer (Python, PHP, Perl, JScript)

Follow me!
http://www.google.com/profiles/thomasruta.us
http://twitter.com/thomasruta
http://www.facebook.com/thomasruta
http://www.xing.com/profile/Thomas_Ruta

Keine Kommentare:

Kommentar veröffentlichen