include external java script file in jsp page

Question

I have an external JavaScript file named paging.js. Following are the contents of the file:

function Pager(tableName,itemPerPage){
    this.tableName = tableName;
    this.itemPerPage = itemPerPage;
    this.currentPage = 1;
    this.pages = 0;

    this.init()= function(){
        alert("init called ");
        var rows = document.getElementById(tableName).rows;
        var records = (rows.length - 1);
        this.pages = Math.ceil(records / itemPerPage);
    }

    this.showPageNav = function(pagerName,positionId){
        alert("show page navi call");
        var element = document.getElementById(positionId);
        var pagerHtml = '<input src = "next.jpg" type="image">';
        pagerHtml += '<input src = "next.jpg" type="image">' ;
        element.innerHTML = pagerHtml;
    }
}

Now I tried to call init from my jsp page like .

<script type="text/javascript">
                        var pager = new Pager('results',7);
                        pager.init();
                    </script>

This code i put before complete my body part in my jsp page.

For including this page I put line like

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

But i can't able to call init method. Is there anyone to help me for finding problem?

How you are not able to call init? Have you tried in firebug? Can you see the javascript file loaded in browser? — amantur
– amantur, Commented Jan 25, 2011 at 6:56
Yes you are right ,its work on IE.But why simple alert work and this not work. — chetan
– chetan, Commented Jan 25, 2011 at 7:37

icktoofay · Accepted Answer · 2011-01-25 06:59:53Z

1

This line of code is the problem:

this.init()= function(){

Change it to:

this.init=function() {

answered Jan 25, 2011 at 6:59

icktoofay

130k23 gold badges261 silver badges239 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paul · Accepted Answer · 2011-01-25 06:56:20Z

0

Try

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

answered Jan 25, 2011 at 6:56

Paul

4,8603 gold badges30 silver badges39 bronze badges

1 Comment

Nishant Over a year ago

this may not work if the url is http://baseurl/conextroot/somedir/myjsp.jsp and JS is just under context root.

Jules0707 · Accepted Answer · 2015-01-27 14:49:08Z

0

With .jsp 2.+ technology, I place all my links and scripts in a separate file that I reference using the <jsp:include> directive:

<jsp:include page="//path to your links_and_scripts page">

My links_and_scripts page has this meta and the path to my script:

<meta http-equiv="Content-Script-Type" content="application/javascript; charset=utf-8" />
<script src="// path to your scripts js"></script>
//...your other scripts and links here

edited Jan 27, 2015 at 14:49

answered Jan 27, 2015 at 11:03

Jules0707

6057 silver badges3 bronze badges

Collectives™ on Stack Overflow

include external java script file in jsp page

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related