Gualloby » integracion wave http://www.gualloby.com Desvarios de mi mente. Sun, 18 Dec 2011 00:28:57 +0000 en hourly 1 http://wordpress.org/?v= Waveando :D http://www.gualloby.com/waveando/ http://www.gualloby.com/waveando/#comments Thu, 08 Oct 2009 15:36:46 +0000 gualloby http://www.gualloby.com/?p=157 Prueba de integración de google wave en una web.

En este caso esta Montado sobre WordPress pero es igualmente valido para todas las plataformas solamente tienen que insertar el código html para conseguirlo

Esta parte la insertamos donde queremos que salga la wave

[code lang="html"] <div id="wave" style="width: 500px; height: 400px"></div>
[/code]

Con width y height definimos el tamaño que nos ocupara la wave.

Codigo javascript que hace la integración

Puede ir Junto con la anterior o en otro sitio del body, pero para los blog es mas cómodo que esten los dos juntos.

[code lang="js"] <script type="text/javascript" src="http://wave-api.appspot.com/public/embed.js"></script>
<script type="text/javascript">
var wave = new WavePanel('https://wave.google.com/wave/');
wave.setUIConfig('white', 'black', 'Arial', '13px');
wave.loadWave('googlewave.com!w+cM880VzcK');
wave.init(document.getElementById('wave'));
</script>
[/code]

En esta parte las líneas que tenemos que modificar son dos:

[code lang="js"] wave.setUIConfig('white', 'black', 'Arial', '13px');
[/code]

esta línea nos permite definir:

El estilo de la wave definiendo los colores de fondo y la fuente, así como el tamaño de la fuente y el estilo.

[code lang="js"] wave.setUIConfig('Color de fondo', 'color de la fuente', 'Fuente', 'Tamaño de la fuente');
[/code]

Aquí definimos la wave a cargar.

[code lang="js"] wave.loadWave('googlewave.com!w+cM880VzcK');
[/code]

En esta línea lo que ponemos el id de la wave a insertar para sacar el id mira esta imagen:
id_wave

Aquí un ejemplo del código en funcionamiento.

Captura del ejemplo para las personas que no tenga acceso a wave
Captura del ejemplo

]]> http://www.gualloby.com/waveando/feed/ 3