Alertas en una web, sin refresh con AJAX JAVASCRIPT y GX9

Hola en esta ocasion voy a contarles como implementar alertas tipo las que aparecen en Taringa ! cuando alguien hace un comentario en tu post.

Esto lo hice con las librerias:

mootools-1.2.4-core.js
mootools-1.2.4-more.js
message_src.js

Y las hojas de estilo:

message.css
menustyle.css

Descargar librerias

Obviamente hay que configurar un modelo en GX con el generador que tengas disponible.

1º Paso, crear un web panel Main al cual vamos a llamar Pruebas_Push
En el Web Form poner un textblock, en el ejemplo lo llamare txtretorno que sea de formato HTML.



En el evento Start de ese web panel hacemos lo siguiente:

Inicializamos el textblock.

//// Codigo
txtRetorno.Caption = ''
//// Codigo

Con la propiedad Form.HeaderRawHtml cargamos las librerias (desde la carpeta donde las tengamos, en el zip esta la misma estructura del ejemplo)

//// Codigo
Form.HeaderRawHTML = '' + NewLine()
Form.HeaderRawHTML += '' + NewLine()
Form.HeaderRawHTML += '' + NewLine()
Form.HeaderRawHTML += '' + NewLine()
Form.HeaderRawHTML += '' + NewLine()
//// Codigo


Abrimos la etiqueta de Javascript
///// Codigo
Form.HeaderRawHTML += '' + newline()
//// Codigo

Y por ultimo llamo a la funcion HacerAlgo() desde el Body Unload

//// Codigo
Form.HeaderRawHTML += '