Page 1 of 1

Generar texto en movimiento

PostPosted: Mon Jan 15, 2018 10:41 pm
by 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:

Image

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

Image

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

Image


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

Un abrazo cariñoso desde Santiago de Chile

Re: Generar texto en movimiento

PostPosted: Mon Jan 22, 2018 7:19 pm
by checo176
Estimados, disculpen, la insistencia, pero hay alguien que me pueda orientar o darme alguna ayuda.

Un abrazo desde Chile

Re: Generar texto en movimiento

PostPosted: Mon Jan 22, 2018 7:23 pm
by karinha
Lo siento. No comprendo. Tiens algun fuente de exemplo? Esto és directamente de un sitio(site)? Sorry, saludos.

Re: Generar texto en movimiento

PostPosted: Mon Jan 22, 2018 8:01 pm
by 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/

Re: Generar texto en movimiento

PostPosted: Tue Jan 23, 2018 6:58 am
by 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

Re: Generar texto en movimiento

PostPosted: Tue Jan 23, 2018 2:06 pm
by 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 view


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

// Add this to your resources RC file

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

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

 

Re: Generar texto en movimiento

PostPosted: Fri Jan 26, 2018 6:22 am
by 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

Re: Generar texto en movimiento

PostPosted: Fri Jan 26, 2018 6:36 am
by 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.

Re: Generar texto en movimiento

PostPosted: Fri Jan 26, 2018 9:22 am
by Antonio Linares

Re: Generar texto en movimiento

PostPosted: Fri Jan 26, 2018 3:39 pm
by 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... :shock:

Re: Generar texto en movimiento

PostPosted: Fri Jan 26, 2018 7:02 pm
by cnavarro
joseluisysturiz wrote: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... :shock:


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