DecSoft Support - Where to place external Javascript code in our applications

Where to place external Javascript code in our applications

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Take a look at some frequently asked questions about us and our products!

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Guest

Hi, i added this code in content html control and got Error: "'myMove' is undefined", is there any way to call a function is defined in html?


#myContainer {  width: 400px;  height: 400px;  position: relative;  background: yellow;}
#myAnimation {  width: 50px;  height: 50px;  position: absolute;  background-color: red;}


Click Me

<p id="myContainer">
 <p id="myAnimation"><div id="myAnimation"></div></p>
</p>


 function myMove() {  
   var elem = document.getElementById("myAnimation");  
   var pos = 0;  var id = setInterval(frame, 10);  
   function frame() {    
     if (pos == 350) {      
       clearInterval(id);    
     } else {      
       pos++;      
       elem.style.top = pos + 'px';      
       elem.style.left = pos + 'px';    
     }  
   }}

Thanks!

DecSoft

Hello starin,

You must place the Javascript code in some app's/view's/control's event (between the couple "StartJS" and "EndJS" actions) or in an external Javascript file or maybe in an app's Javascript function. Depending on where you place it then you can use it in some or other way. For example, if you place the code in an app's function you can simply call to that function. If you place the code ni an external Javascript file, you must use a bit of Javascript to call it. Take a look at the "External" app sample and also at the "External Javascript" tutorial in the App Builder's help file.

P.S. The CSS code probably can work... but is a good idea to separate it into the app's Inline CSS option or in an external CSS file.

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.