Use of local Javascript

Question: are we able to use local Javascript? - If "yes", it would be great.

If "no", we could revisit this topic in version 2. After all, we have the following workaround. Put the local Javascript code into a stand-alone webpage, and present it in an . Here is the code I concerned with right now:</p> <p>These two appear in the header portion of an html-document:</p> <script type="text/javascript" charset="UTF-8" src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css" /> <p>Here is the code for the graphic. It appears in the <body>-part of a webpage.</p> <div id="exa2" class="jxgbox" style="width:500px; height:500px;"></div> <script type="text/javascript"> JXG.Options.axis.ticks.majorHeight = 1; JXG.Options.axis.ticks.insertTicks = true; JXG.Options.axis.ticks.ticksDistance = 1; JXG.Options.text.fontSize = 16; var board2 = JXG.JSXGraph.initBoard('exa2',{axis:true, boundingbox:[-0.25,3,3,-0.25], showCopyright: false, showNavigation:false}); var con = function(x){ return x+1; }; var plotleft = board2.create('functiongraph',[con,-2, 0.96],{strokeColor:'red',strokeWidth:3}); var plotright = board2.create('functiongraph',[con, 1.04, 3],{strokeColor:'blue',strokeWidth:3}); var SG = board2.create('point', [1, 2], {name: '', face: 'circle', Color: 'purple', size: 5, fixed: 'true'}); var SGInt = board2.create('point', [1, 2], {name: '', face: 'circle', Color: 'white', size: 3.2, fixed: 'true'}); var SGLabel = board2.create('point', [1.03, 1.89], {name: 'S', face: 'circle', Color: 'purple', size: 0, fixed: 'true'}); var SDom = board2.create('point', [1, 0], {name: '', face: 'circle', Color: 'purple', size: 5, fixed: 'true'}); var SDomInt = board2.create('point', [1, 0], {name: '', face: 'circle', Color: 'white', size: 3.2, fixed: 'true'}); var SegAuxH = board2.create('segment',[SDom,SG], {name: '', Color: 'purple', strokeWidth: 2, fixed: 'true'}); var XAux1 = board2.create('point', [3, 0], {name: '', face: 'circle', Color: 'white', size: 0, fixed: 'true'}); var XSub = board2.create('arrow',[SDom,XAux1], {name: '', Color: 'blue', strokeWidth: 2, fixed: 'true'}); var XAux2 = board2.create('point', [-0.25, 0], {name: '', face: 'circle', Color: 'white', size: 0, fixed: 'true'}); var XSub = board2.create('segment',[SDom,XAux2], {name: '', Color: 'red', strokeWidth: 2, fixed: 'true'}); </script> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/xqiu1"><img src="https://avatars.githubusercontent.com/u/44105167?v=4" />xqiu1</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>I didn't find a way to load a js file locally using <code>iframe</code>, but I noticed as long as there is a valid URL to link the HTML file, we can use <code>iframe</code> to refer to it. So for html files, there is one possible approach to achieve it: if the html file doesn't need to be modified frequently, we can put it into our project, which basically means putting it to our server, so the js file can have a valid URL. But if it's a js file, then I haven't come up with an idea to do it...</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/bohungi"><img src="https://avatars.githubusercontent.com/u/9791639?v=4" />bohungi</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>That's not what I meant. If we use iframe, then I can load a complete webpage, and there and Javascript that I've tried works fine. </p> <p>What I am wondering about is whether it is possible to use Javascript side by side with the html/css in the "pages" of the eMath system. This would make it a easier to create richer and interactive content. The alternative of using webpages via <iframe> is still powerful. However, content in an <iframe> is walled off from the rest of eMath. So, it has no way of interacting with other eMath content. So, it is slightly more limited. It is also harder to manage because these webpages need to be stored and served outside the actual eMath system.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/xqiu1"><img src="https://avatars.githubusercontent.com/u/44105167?v=4" />xqiu1</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>If the scripts will not be modified frequently, I can add them to our project's <code>index.html</code>, then the system should have those scripts. But if you want to add scripts manually, maybe we should move this feature to version 2.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/bohungi"><img src="https://avatars.githubusercontent.com/u/9791639?v=4" />bohungi</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>Ok. Let's move this to version 2. - Although, I will ask Chris whether he has dealt with this issue in eQuiz, because there it is needed even more.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

UA-eMath / eMath

Use of local Javascript #219