GxWebResources III - Mouse over Calling Web Panel via AJAX!

GxWebResources III.

AJAXToolTipText calling Web Panel. (GxObject)

GxWR

• GxWR-TTTAjax(GxTextoLink,GxProgramm)
  Esta funcion, permite llamar como tooltip a un Programa Gx, desde un link
  
  
  ToolTipText AJAX DEMO

Mirando el Source

El web form correspondiente a la ScreenShot que esta en la (FIG Fig.: GxRW-TTTAJAX(TextLink,GxProgram) se puede observar en la (FIG: WebFORM), es una simple Grilla con 2 variables, las cuales deben ser readonly, y el formato hay que cambiarlo a HTMLRaw, para que actuen domo como containers del resultado de la funcion.

En los eventos, hay que inicializar la GxWR, en el Event Start, la funcion pGxWRTTTAJAXHeader(), asignandole el resultado al Form.Header, así se inicializan las GxWebResources. Luego, el llamado a la funcion GxWRTTTAJAX() propiamente dicha, que necesita 2 parametros, el primero es el Texto que se mostrara en la Grid, y el 2do es el Link de llamado al programa que se mostrará en la PopUp Windows con el WebPanel, ver (FIG.: TTTAjax in Browser).

Para llamar al GxProgram AJAX, primero generamos el link del programa respectivo, y luego si, asignamos a la Comunna de la grilla &BooDesc,

&URL = Link(hBookView, BooCode)
&BooDesc = udf(pGxWRTTTAJAX, BooDesc, &URL)

&URL = Link(hAuthView, AutCode)
&AutDesc = udf(pGxWRTTTAJAX, AutDesc, &URL)

El resultado de estos llamados, se pueden ver en la web se detalla en la, fig. Demo Of Use GxRWTTTAjax Function.

Los Objetos Gx llamados, son el hBookView, que es un webpanle, que contiene informacion del libro, y la imagen de la portada ver figura siguiente:

el otro objeto GeneXus llamado es: hAuthView, que es un webpanel, que contiene la informacion del Author, como se ve en la figura siguiente:

Ver demo del llamado AJAX en accion.

GxWebResources II - The Bubble is Simple

GxWebResources II.

BUBBLE ToolTipText pure CSS

GxWR

• GxWR-Bubble(GxTextoLink,TextoBUBBLE)
  Esta funcion, permite colocar a cualquier link una Nice & configurable e Instantanea ToolTip Bubble, look & test at: http://www.gxsoft.com.ar/gab/hbookbubble.aspx
  Bubble DEMO
  

Fig.: GxRW-Bubble(TextLink,TextBubble)

Mirando el Source

El web form, la ScreenShot se puede ver en la (FIG: WebFORM), es una simple Grilla con 2 variables, las cuales deben ser readonly, y el formato hay que cambiarlo a HTMLRaw, para que actuen domo correspondiente a como containers del resultado de la funcion.

Fig.: WebFORM

En los eventos, hay solo dos cosas que poner, la primera es en el Event Start, la funcion pGxWRBubbleHeader(), que se la asignaremos al Form.Header, para inicializar las GxWResources y luego la funcion GxWrBubble() propiamente dicha, que le enviaremos 2 argumentos, el primero es el Texto que se mostrara en la Grid, y el 2do es el texto que se mostrará en la Bubble. Y eso es todo, ver (FIG.: Bubble in Browser).

Fig.: Bubbble in Browser

En los eventos, hay solo dos cosas que poner, la primera es en el Event Start, la funcion pGxWRBubbleHeader(), que se la asignaremos al Form.Header, para inicializar las GxWResources y la segunda es el llamado a la funcion GxWrBubble() propiamente dicha, que le enviaremos 2 argumentos, el primero es el Texto que se mostrara en la Grid, y el 2do es el texto que se mostrará en la Bubble. Y eso es todo, ver (FIG.: Bubble Events).

Fig.: Bubble Events

Espero que se animen y se metan en la burbuja.

GxWebResources II - The Bubble is Simple

GxWebResources II.

BUBBLE ToolTipText pure CSS

GxWR

• GxWR-Bubble(GxTextoLink,TextoBUBBLE)
  Esta funcion, permite colocar a cualquier link una Nice & configurable e Instantanea ToolTip Bubble, look & test at: http://www.gxsoft.com.ar/gab/hbookbubble.aspx

Fig.: GxRW-Bubble(TextLink,TextBubble)

Mirando el Source

El web form correspondiente a la ScreenShot que estamos viendo se puede ver en la (FIG: WebFORM), es una simple Grilla con 2 variables, las cuales deben ser readonly, y el formato hay que cambiarlo a HTMLRaw, para que actuen domo como containers del resultado de la funcion.

Fig.: WebFORM

En los eventos, hay solo dos cosas que poner, la primera es en el Event Start, la funcion pGxWRBubbleHeader(), que se la asignaremos al Form.Header, para inicializar las GxWResources y luego la funcion GxWrBubble() propiamente dicha, que le enviaremos 2 argumentos, el primero es el Texto que se mostrara en la Grid, y el 2do es el texto que se mostrará en la Bubble. Y eso es todo, ver (FIG.: Bubble in Browser).

Fig.: Bubbble in Browser

En los eventos, hay solo dos cosas que poner, la primera es en el Event Start, la funcion pGxWRBubbleHeader(), que se la asignaremos al Form.Header, para inicializar las GxWResources y la segunda es el llamado a la funcion GxWrBubble() propiamente dicha, que le enviaremos 2 argumentos, el primero es el Texto que se mostrara en la Grid, y el 2do es el texto que se mostrará en la Bubble. Y eso es todo, ver (FIG.: Bubble Events).

Fig.: Bubble Events

Espero que se animen y se metan en la burbuja.

Vas a esperar hasta la GxRocha, para que....

GxWebResources.

Como saben, ARTech invito a la comunidad GeneXus, a presentar Proyectos, nosotros desde

• cualquiera.test it at: RioCuarto paricipamos con nuestro aporte, en el proyecto denominado GxWebResources, es un proyecto que presenta un conjunto de recursos de JSs y CSS, para hacer "facil" la vida del programador GeneXus para Web,...
  
  Y que las aplicaciones sean Web20!, con la simplicidad que nos permite Gx,
  de ocultar lo complejo, y automatizar lo automatizable. Se presentan en el Site 3 funciones muy SIMPLES que se denominan:
  
  
• GxWR-Bubble(GxTextoLink,TextoBUBBLE)
  Esta funcion, permite colocar a cualquier link una Nice & configurable e Instantanea ToolTip Bubble, look & test at:
  Bubble DEMO
  

• GxWR-TTTAjax(GxTextoLink,GxProgramm)
  Esta funcion, permite llamar como tooltip a un Programa Gx, desde un link

• 
  ToolTipText AJAX DEMO
  
  
• 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
• GxWRTabs(ArrayDeTabs())
  Esta funcion crea TABs ajax a partir de un Array de TABs, que son pares de
  (TABTitle, GxProgram),...
  
  Test at :
  TABs AJAX DEMO
  
  
  
  
  
  
  
  
  
  GeneXus simplifies code and data,

  GxWR simplifies presentation and usability: try them together!
  

  
  
  
  
  
  
  Logueate a GxTechnical y votanos en este LINK
  
  
  
  

Test 01 Feed 04/08/2007 (07:51hs)

04/08/2007 (07:51hs)