Home/ Questions/Q 9111147
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T03:26:13+00:00

basically I have 2 problems with javascript and jsp file. First one concerns fact

  • 0

basically I have 2 problems with javascript and jsp file. First one concerns fact that I can’t include externall js file into jsp file. Basic structure of my project looks something like this:

system.web
       |
      WebContent
         |
         js
           |
            nowa_postac.js
         |
         jsp
           |
            nowa_postac.jsp

nowa_postac.js has only

 init = function() {
    test();
}
function test() {
        var myObject = JSON.parse('${gson}', null);
        alert(myObject.rasy.rasaList.length);
        alert(document.getElementById("testowy").id);
    }

I include javascript inside nowa_postac.jsp with:

<script type="text/javascript" src="${pageContext.request.contextPath}/js/nowa_postac.js"></script>

but I can’t call any function from nowa_postac.js in jsp file and 

 src="<c:url value="/js/nowa_postac.js"

seems to be not working either…
test() returns nothing but alert(test) returns text, so javascript file is loaded…Also, everything works fine when test() is inside jsp file.

The second problem is about how to initialize function after the jsp page is loaded;

<body onload='init()'>

is not good here because in init() I need to refer to some objects created in jsp…
Thanks for any help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I use jQuery to answer this question. First I have an external .txt file with the name includedScripts.txt which has the following format:

    NameOfFile~pathToJSFile

    For example:

    nowa_postac~nowaPostAc.js

    Note that nowaPostAc.js will be residing in a subfolder called Scripts.

    Next I load jQuery (I’m assuming you know how to do this, if not you can read up on http://www.learningjquery.com/2006/09/introducing-document-ready#more-5) and in my jQuery file I have the following:

    /*
    *
    * LOAD ADDITIONAL SCRIPTS
    */
    jQuery.ajax(
    {
        url: 'Scripts/includedScripts.txt'
        , timeout: 5000
        , success:
            function (data) {
                myArray = data.split(/\n/);
                for (var i = 0; i < myArray.length; i++) {
                    theContents = myArray[i].split("~");
                    goodToGo = false;
                    theFileName = "";

                    if (theContents.length == 1) {
                        goodToGo = true;
                        theFileName = theContents[0];
                    }
                    else {
                        for (var t = 0; t < theContents.length; t++) {
                            if (theContents[t].indexOf(".") != -1) {
                                theFileName = theContents[t];
                            }
                            else if (location.pathname.indexOf(theContents[t]) != -1) {
                                goodToGo = true;
                            }
                        }
                    }
                    if (goodToGo == true) {
                        pathToScript = (theFileName.indexOf("..") >= 0) ? theFileName.replace("..", "") : "Scripts/" + theFileName;
                        script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = pathToScript;
                        if (jQuery("#ctl01").length > 0) {
                            jQuery("#ctl01").append(script);
                        }
                        else if (jQuery(".page").length > 0) {
                            jQuery(".page").append(script);
                        }
                    }
                }
            }
        , error:
            function (xhr, textStatus, errorThrown) {
                //alert("Could not load additional modules, please alert IT");
                //make a log entry...
            }
        , async: false
    }); // load additional scripts

    You will more than likely need to edit the lines:

    if (jQuery("#ctl01").length > 0) {
                            jQuery("#ctl01").append(script);
                        }
                        else if (jQuery(".page").length > 0) {
                            jQuery(".page").append(script);
                        }

    to possibly read something like:

    if (jQuery("body").length > 0) {
                            jQuery("body").append(script);
                        }
                        else if (jQuery("SomeOtherDivOrClass").length > 0) {
                            jQuery("SomeOtherDivOrClass").append(script);
                        }

    What the script does (in conjunction with the includedScripts.txt file) is allow you to specify a different script to be loaded based on the page. This of course, assumes that you have a singular script that is loaded on all pages, for example:

    <script type="text/javascript"> src="Scripts/customeJQuery.js"></script>

    which would have the above code (Load Additional Scripts).

    This works for me, you’ll have to do some tweaking – let me know if you get through.

    • 0