How-To Wave on typo3

Um die google wave auf einer typo3 Seite zu bringen brauchst du nur ein paar kleine Sachen.
1. Einen wave account
2. Eine typo3 Seite

- Wir erstellen zunächst eine neue wave und merken uns die URL. Damit auch jeder nachher drauf zugreifen kann fügen wir den Benutzer public@a.gwave.com der Wave hinzu.

VORSICHT! – Jetzt kann jeder hier reinschreiben und lesen!!
- Als nächstest legen wir im typo3 eine neue Content Seite an oder navigieren an die Stelle wo wir die Wave ausgeben wollen. Dann fügen wir ein Inhaltselement vom type „html“ ein.

<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 -->

- Deine Wave ID XXXXXX muss durch die ersetzt werden, die du anzeigen willst. Z.B.
https://wave.google.com/wave/#restored:wave:googlewave.com!w%252ByCe64rv1A

-> Die Url muss von rechts nach links bis zu den Zeichen w%252B abgeschnitten werden, so dass nur noch yCe64rv1A übrig bleibt. Dieses fügen wir nun in das HTML anstelle der XXXXX ein.
-> Wenn man möchte können hier noch die Größe und das Erscheinungsbild der Wave angepasst werden.

- Dann erstellen wir ein onLoad Javascript Element an der gleichen Stelle der Seite:

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

Fertig.

eine kleine Vorschau:
http://www.r-p-it.de/googlewave/

Viel Spaß beim Waven


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