Generar texto en movimiento

[checo176]

Estimados colegas del Foro, acá vengo con una consulta quizás algo rebuscada. Me ha tocado visitar muchas paginas Web que en su login de acceso tienen una modalidad donde el texto que aparece inicialmente en el cuadro GET, al momento de hacer click para ingresar alguna información, se desplaza hacia arriba, quedando como titulo del GET. Existe alguna función o control que permita hacer este efecto??

Les dejo acá unas imágenes que describen de mejor forma:



Al hacer Click para ingresar información en Usuario, sucede esto:



y el texto Ingresa Rut se despalza como titulo del GET:




Como les pregunté anteriormente, existe alguna función o control que permita hacer este efecto??

Un abrazo cariñoso desde Santiago de Chile

[checo176]

Estimados, disculpen, la insistencia, pero hay alguien que me pueda orientar o darme alguna ayuda.

Un abrazo desde Chile

[karinha]

Lo siento. No comprendo. Tiens algun fuente de exemplo? Esto és directamente de un sitio(site)? Sorry, saludos.

[Hector Pedro Lerda]

Buenas tardes

El efecto a que haces mención, es una caracteristica del framework de google materializecsste dejo la dirección para que lo veas, nunca lo vi en este tipo de aplicación.

http://materializecss.com/

[Antonio Linares]

Sergio,

Se podría implementar usando un "tooltip" con fondo transparente e ir cambiando las coordenadas del tooltip usando un timer.

No es algo simple de implementar

[cnavarro]

Sergio, no es exactamente lo que necesitas, pero te puede servir de guia, sustituyendo el codeblock por una function que vaya mostrando/borrando el texto para al final asignar el texto al say, aunque quizás lo complicado sea el pintar/borrar encima del get, pruébalo ( quizás con el oSay2:Move( ...... ) )

Code: Select all | Expand

#include "fivewin.ch"

function main()

   local cVal  := Space(40)
   local cPas  := Space(20)
   local nVal  := 0
   local oDlg
   local oGet1
   local oGet2
   local oGet3
   local oSay1
   local oSay2
   local oSay3

   DEFINE DIALOG oDlg SIZE 300,500 PIXEL

   @ 15, 20 SAY oSay1 PROMPT "Number:" SIZE 60, 12 PIXEL OF oDlg
   @ 30, 20 GET nVal SIZE 100,12 PIXEL OF oDlg
   @ 55, 20 SAY oSay2 PROMPT "" SIZE 60, 12 PIXEL OF oDlg
   @ 70, 20 GET oGet2 VAR cVal SIZE 100,12 PIXEL OF oDlg CUEBANNER "<name>"
   @ 115, 20 SAY oSay3 PROMPT "" SIZE 60, 12 PIXEL OF oDlg
   @ 130,20 GET oGet3 VAR cPas SIZE 100,12 PIXEL OF oDlg CUEBANNER "<location>"
   @ 170,20 BUTTON "OK" SIZE 100,15 PIXEL OF oDlg ACTION oDlg:End()

   oGet2:bGotFocus  := { | o, u | if( !Empty( o:cCueText ), oSay2:SetText( o:cCueText ), ) } 
   oGet2:bLostFocus := { | o, u | if( Empty( o:oGet:Buffer ), oSay2:SetText( Space( 50 ) ), ) } 
   oGet3:bGotFocus  := { | o, u | if( !Empty( o:cCueText ), oSay3:SetText( o:cCueText ), ) } 
   oGet3:bLostFocus := { | o, u | if( Empty( o:oGet:Buffer ), oSay3:SetText( Space( 50 ) ), ) }
   ACTIVATE DIALOG oDlg CENTERED

Return nil

 

Utiliza un .rc con

Code: Select all | Expand

// Add this to your resources RC file

#ifdef __FLAT__
   1 24 "WindowsXP.Manifest"
#endif

#ifdef __64__
   1 24 "WinXP/WindowsXP.Manifest64"
#endif 

 

[D.Fernandez]

Hola Sergio: Se me ocurre que pongas 2 say. Cada uno sobre el get correspondiente y lo ocultas... oSay1:Hide() y oSay2:Hide()

Cuando toma el foco el get1, mostrarias el say1. oSay1:Show() y asi, igual con el otro. Solo una idea.
Tambien podrías verificar que si esta Empty() el get1, haces oSay1:Hide(), igual con el segundo.

Saludos
Ruben Dario Fernandez

[Carles]

Sergio,

Recuerdo hace unos 20 años que habia la clase DSAY de Ramon Avendaño q permitia efectos en el texo... Hay que buscarla.

Nice weekend.
C.

[Antonio Linares]

https://bitbucket.org/fivetech/fivewin-contributions/downloads/TESTDSAY.ZIP

[joseluisysturiz]

Saludos, porque no combinar CUEBANNER y un SAY que se oculte y muestre dependiendo de si el GET tiene el focus.? ya que el cuebanner desaparece cuando el GET tiene el focus y en ese momento se muestra el SAY...Creo que mas o menos seria una emulacion de lo que quiere el colega, saludos...

[cnavarro]

Saludos, porque no combinar CUEBANNER y un SAY que se oculte y muestre dependiendo de si el GET tiene el focus.? ya que el cuebanner desaparece cuando el GET tiene el focus y en ese momento se muestra el SAY...Creo que mas o menos seria una emulacion de lo que quiere el colega, saludos...

Jose Luis, eso es lo que intenta hacer el ejemplo que he puesto en un post anterior