Source language: Translate to:

Animation Test (External Library)

General questions about NeoAppBuilder - our rapid application development tool for building HTML5, web and mobile apps.

Moderator: Neosoft Support

Animation Test (External Library)

Postby luishp » Sat Jan 24, 2015 5:00 am

I have been doing some interesting tests on animating with GSAP library and it works quite well :)

http://sinlios.com/neoappbuilder/animation-test

I have found some difficulties:
    -Where should i put external javascript cloud located libraries? (I have finally used a container)
    -How do i call a window.onload event? ("onstart" app event seems not to work for web)
    -I have not found a way to control object code HTML position (i mean above or below in the final source-code, so i have cut-pasted objects to control this)

I think it will be quite easy to create and share custom commands based on external javascript libraries.
Although some inestability and lack of functionalities, NeoAppBuilder is right now a very very powerfull and promising tool.
Keep the good job!

Regards.
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
User avatar
luishp
 
Posts: 361
Joined: Wed May 23, 2007 10:17 am
Location: Spain

Re: Animation Test (External Library)

Postby Gaev » Sat Jan 24, 2015 5:53 am

luishp:

Where should i put external javascript cloud located libraries? (I have finally used a container)

Try ...

Project >>> App Properties ... >>> Libraries (tab)

How do i call a window.onload event? ("onstart" app event seems not to work for web)

Try ...

Project >>> App Events ... the tab (at the bottom) says start-up

Haven't tried these myself as yet ... let us know how it turned out.

I think it will be quite easy to create and share custom commands based on external javascript libraries.

+1 +1 +1
User avatar
Gaev
 
Posts: 3738
Joined: Fri Apr 01, 2005 7:48 am
Location: Toronto, Canada

Re: Animation Test (External Library)

Postby luishp » Sat Jan 24, 2015 6:14 am

Thank you Gaev!

I'm afraid I have try all of that before posting:
Project >>> App Properties ... >>> Libraries (tab)

This seems to work for local libraries but not for something like this (runtime library download from cloud, to get last version):
Code: Select all
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

I have been also doing some test trying to get some Google Font on runtime but with no success as this code should be on head section:
Code: Select all
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>


Project >>> App Events ... the tab (at the bottom) says start-up

I have try with no luck (for web deployment).

Thanks again.

Regards
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
User avatar
luishp
 
Posts: 361
Joined: Wed May 23, 2007 10:17 am
Location: Spain

Re: Animation Test (External Library)

Postby Gaev » Sat Jan 24, 2015 9:09 am

luishp:

This seems to work for local libraries but not for something like this (runtime library download from cloud, to get last version):

This may be due to cross-domain javascript security issues ... does your Application work when ...

a) it is called from an internet location ... as opposed to local disk (like c:\) ?

b) you use (an exact downloaded copy of) the javascript file TweenMax.min.js on your local disk ?


You may be able to dynamically insert external javascript libraries ... http://www.hunlock.com/blogs/Howto_Dyna ... pt_And_CSS

... of course, the code to do this would be placed in a javascript file on your local disk
User avatar
Gaev
 
Posts: 3738
Joined: Fri Apr 01, 2005 7:48 am
Location: Toronto, Canada

Re: Animation Test (External Library)

Postby Gaev » Sat Jan 24, 2015 3:45 pm

Update ...

luishp:

I have a javascript file on my website at "http://www.scriptedlogic.com/zzold/gkLab1.js" ... its content is ...
Code: Select all
function gkAlert1() {
   alert("hi from gkAlert1");
}

function gkAlert2() {
   alert("hi from gkAlert2");
}


I have this code in my App's App Events section ...
Code: Select all
BeginJS
$.getScript("http://www.scriptedlogic.com/zzold/gkLab1.js");
gkAlert1();
EndJS

... it works ... i.e. an alertbox with the message "hi from gkAlert1" is displayed in my (Firefox) Browser at startup time.

Just to be sure, I also invoked gkAlert1() in the click event of a Button ... also OK
User avatar
Gaev
 
Posts: 3738
Joined: Fri Apr 01, 2005 7:48 am
Location: Toronto, Canada

Re: Animation Test (External Library)

Postby luishp » Sat Jan 24, 2015 11:30 pm

Great!.
Thank you again Gaev!
Best regards.
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
User avatar
luishp
 
Posts: 361
Joined: Wed May 23, 2007 10:17 am
Location: Spain


Return to General NeoAppBuilder Discussion

Who is online

Users browsing this forum: No registered users and 1 guest