Generar texto en movimiento

Generar texto en movimiento

Postby checo176 » Mon Jan 15, 2018 10:41 pm

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
Sergio Vacarezza S.
Programador Freelance
sergio@vacarezza.cl
Santiago, Chile

Harbour 3.2.0dev (r2006301601) - FWH 22.03 - MariaDB - FivEdit
User avatar
checo176
 
Posts: 59
Joined: Wed Apr 20, 2011 3:08 pm

Re: Generar texto en movimiento

Postby checo176 » Mon Jan 22, 2018 7:19 pm

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

Un abrazo desde Chile
Sergio Vacarezza S.
Programador Freelance
sergio@vacarezza.cl
Santiago, Chile

Harbour 3.2.0dev (r2006301601) - FWH 22.03 - MariaDB - FivEdit
User avatar
checo176
 
Posts: 59
Joined: Wed Apr 20, 2011 3:08 pm

Re: Generar texto en movimiento

Postby karinha » Mon Jan 22, 2018 7:23 pm

Lo siento. No comprendo. Tiens algun fuente de exemplo? Esto és directamente de un sitio(site)? Sorry, saludos.
João Santos - São Paulo - Brasil - Phone: +55(11)95150-7341
User avatar
karinha
 
Posts: 7154
Joined: Tue Dec 20, 2005 7:36 pm
Location: São Paulo - Brasil

Re: Generar texto en movimiento

Postby Hector Pedro Lerda » Mon Jan 22, 2018 8:01 pm

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/
User avatar
Hector Pedro Lerda
 
Posts: 46
Joined: Tue May 07, 2013 7:27 pm
Location: Buenos Aires - Argentina

Re: Generar texto en movimiento

Postby Antonio Linares » Tue Jan 23, 2018 6:58 am

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
regards, saludos

Antonio Linares
www.fivetechsoft.com
User avatar
Antonio Linares
Site Admin
 
Posts: 41206
Joined: Thu Oct 06, 2005 5:47 pm
Location: Spain

Re: Generar texto en movimiento

Postby cnavarro » Tue Jan 23, 2018 2:06 pm

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

 
Cristobal Navarro
Hay dos tipos de personas: las que te hacen perder el tiempo y las que te hacen perder la noción del tiempo
El secreto de la felicidad no está en hacer lo que te gusta, sino en que te guste lo que haces
User avatar
cnavarro
 
Posts: 6498
Joined: Wed Feb 15, 2012 8:25 pm
Location: España

Re: Generar texto en movimiento

Postby D.Fernandez » Fri Jan 26, 2018 6:22 am

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
Dario Fernandez
FWH 22.12, Harbour, MVS2022 Community, BCC, MySql & MariaDB, Dbf/Cdx VSCode.
Maldonado - Uruguay
D.Fernandez
 
Posts: 455
Joined: Wed Jul 31, 2013 1:14 pm
Location: Maldonado - Uruguay

Re: Generar texto en movimiento

Postby Carles » Fri Jan 26, 2018 6:36 am

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.
Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
Skype -> https://join.skype.com/cnzQg3Kr1dnk
User avatar
Carles
 
Posts: 1082
Joined: Fri Feb 10, 2006 2:34 pm
Location: Barcelona

Re: Generar texto en movimiento

Postby Antonio Linares » Fri Jan 26, 2018 9:22 am

regards, saludos

Antonio Linares
www.fivetechsoft.com
User avatar
Antonio Linares
Site Admin
 
Posts: 41206
Joined: Thu Oct 06, 2005 5:47 pm
Location: Spain

Re: Generar texto en movimiento

Postby joseluisysturiz » Fri Jan 26, 2018 3:39 pm

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:
Dios no está muerto...

Gracias a mi Dios ante todo!
User avatar
joseluisysturiz
 
Posts: 2064
Joined: Fri Jan 06, 2006 9:28 pm
Location: Guatire - Caracas - Venezuela

Re: Generar texto en movimiento

Postby cnavarro » Fri Jan 26, 2018 7:02 pm

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
Cristobal Navarro
Hay dos tipos de personas: las que te hacen perder el tiempo y las que te hacen perder la noción del tiempo
El secreto de la felicidad no está en hacer lo que te gusta, sino en que te guste lo que haces
User avatar
cnavarro
 
Posts: 6498
Joined: Wed Feb 15, 2012 8:25 pm
Location: España


Return to FiveWin para Harbour/xHarbour

Who is online

Users browsing this forum: No registered users and 14 guests