Jump to content

Microsoft Edge: Animate does,t work?


erich.wanker

Recommended Posts

Hello folks,

 

in chrome following jquery-line works fine - in Edge Browser nothing happens?

 

UniSession.AddJS(UniContainerPanel.JSName + '.animate({  duration: 600, to: { x: '+inttostr(position)+' } });');
 

 

And Idea?

ThanX

Erich

Link to comment
Share on other sites

Hi

i think, jquery schould work for every browser??? .. also safari, opera, firefox, Edge..?

i included jquery3.3.1mini.js in my UniGui DLL ... but the animation just works in Chrome-Browser...

The example-line, what works in Chrome:

 

procedure TV_LOGIN.UniLabel4Click(Sender: TObject);
begin
UniSession.AddJS(optionen.JSName + '.animate({duration:600,to:{x:'+inttostr(self.Left)+'}});');

...

UniServerModule - CustomMeta:

custom_meta.jpg.92572632a7915eafbceb5d6077ea5e2e.jpg

 

Chrome-DeveloperTool-View

sources.jpg.1215cb7d8e8f6d82d11c40bfbc4b82b9.jpg

Link to comment
Share on other sites

ok .. found a solution for chrome, egde, safari, opera ...

i changed to https://greensock.com/tweenmax

and i animate my things with :

Panels:

UniSession.AddJS('TweenMax.to('+UniContainerpanel.JSName+'_id,0.4,{left:'+inttostr(x)+'});');

Forms:

UniSession.AddJS('TweenMax.to('+self.WebForm.JSName+'_id,1,{autoAlpha:0});');

 

Works fine :-)

 

Greetings

Erich

  • Like 1
  • Upvote 1
Link to comment
Share on other sites

On 9/14/2018 at 5:23 AM, erich.wanker said:

ok .. found a solution for chrome, egde, safari, opera ...

i changed to https://greensock.com/tweenmax

and i animate my things with :

Panels:

UniSession.AddJS('TweenMax.to('+UniContainerpanel.JSName+'_id,0.4,{left:'+inttostr(x)+'});');

Forms:

UniSession.AddJS('TweenMax.to('+self.WebForm.JSName+'_id,1,{autoAlpha:0});');

 

Works fine :-)

 

Greetings

Erich

 

How do I use these commands?

Link to comment
Share on other sites

hi ..

a small demo ..

i hope it helps :-)

Nice greetings

Erich

 

(zip file containig folder "files" .. with images and JS-Library .. please store it to your webserver-structure..)

demo.zip

 

Places where you should look:

  • Main->UniContainerpanel->ClientEvents->ExtEvents   .. Background thing
  • UniForm1->ClientEvents-ExtEvents  ... Animate the form
  • ServerModule->CustomMeta .. load JS Library
  • in TUniForm1.UniFormShow - i animate all uniConatinerPanels WHERE THE TAG value (ObjectInspector) is 1 
  • in TMainForm.UniFormCreate   -  i copied a lot of my css things  in UniHTMLFrame1 ... a lot of css declarations are not important for the demo .. a lot of trash ;-)

the basic thing:

UniSession.AddJS('TweenMax.to('+the Component and his JSName+'_id,'+Speed of animation+',{left:'+inttostr(position)+'});');

  • Like 1
Link to comment
Share on other sites

2 hours ago, erich.wanker said:

hi ..

a small demo ..

i hope it helps :-)

Nice greetings

Erich

 

(zip file containig folder "files" .. with images and JS-Library .. please store it to your webserver-structure..)

demo.zip

 

Places where you should look:

  • Main->UniContainerpanel->ClientEvents->ExtEvents   .. Background thing
  • UniForm1->ClientEvents-ExtEvents  ... Animate the form
  • ServerModule->CustomMeta .. load JS Library
  • in TUniForm1.UniFormShow - i animate all uniConatinerPanels WHERE THE TAG value (ObjectInspector) is 1 
  • in TMainForm.UniFormCreate   -  i copied a lot of my css things  in UniHTMLFrame1 ... a lot of css declarations are not important for the demo .. a lot of trash ;-)

the basic thing:

UniSession.AddJS('TweenMax.to('+the Component and his JSName+'_id,'+Speed of animation+',{left:'+inttostr(position)+'});');

 

dude, this demo is only available for download for  uni subiscriper members ??
i can't download that demo.
see
image.png.f297ec69cedc680156b81ca9204df025.png

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...