Forum:

best practice in developing a web-application

shivam singhal

Ranch Hand

Posts: 231

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

is it the best practice of placing all the scripts use in different pages to be placed in the header file??

I think no because if a page do not uses a particular script and it is still loading and wasting processing time and memory..
what is the correct way..
please correct me..

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

By "scripts" you mean JavaScript files?

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Dieter Quickfend

Bartender

Posts: 543

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Think about it.

It's kind of the same thing as asking "What is the best way to fetch data from a database? Lazy or eager?" or "Which is the best web framework for all my applications?"

Also, why would you put a script you don't use in a page?

Oracle Certified Professional: Java SE 6 Programmer && Oracle Certified Expert: (JEE 6 Web Component Developer && JEE 6 EJB Developer)

shivam singhal

Ranch Hand

Posts: 231

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

yes, javascript files, jquery files ..

shivam singhal

Ranch Hand

Posts: 231

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Ways are :

1. one way is that i put each and every script (javascript, jquery) in <head> of header file and import them using <jsp:include>

2. other way is not to use <jsp:include> and use the script file in <head> of each page .
i.e don't use <jsp:include>

which is the best?

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Neither. You don't want to use jsp:include at all. Why would you do that?

And you should only include script that's going to be used on the page.

Let me guess, you're using Tiles or some other templating system and want to know how to choose only scripts that need to be included on each page?

[Asking smart questions] [About Bear] [Books by Bear]

shivam singhal

Ranch Hand

Posts: 231

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

actually i am using bootstrap..
yes Bear Bibeault, you caught my feelings.. :)
and thanks Bear Bibeault, i think,i got my answer,,

what i done till now :
i create one header file , and import all the jqueries, javascripts in that page, and use <jsp:include> on each page because every page needs header, and with that header all the javascripts, jquery are also included in each page

and its a wrong way?

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I'm not sure exactly how you are using includes.

[Asking smart questions] [About Bear] [Books by Bear]

shivam singhal

Ranch Hand

Posts: 231

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

this is my header.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page  import="java.sql.*"%>
    <%@page  isELIgnored="false"%>
    <%@taglib  uri="http://java.sun.com/jsp/jstl/sql" prefix="s"%>
    <%@taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html lang="en">
    <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>blah blah</title>
	 <link type="text/css" rel="stylesheet" href="css/bootstrap.min3e5c.css?1388355641" />
	<link type="text/css" rel="stylesheet" href="css/bootstrap-responsive.min26e1.css?1354579200" />
	<link type="text/css" rel="stylesheet" href="css/main5088.css?1389437229" />
	<link type="text/css" rel="stylesheet" href="css/font-awesome6dd5.css?1358035200" />
	<link charset="utf-8" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" media="screen" rel="stylesheet">
        <link charset="utf-8" href="http://fonts.googleapis.com/css?family=Roboto%20Condensed:400" media="screen" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">
       
        
        <script charset="utf-8" src="../www.gstatic.com/external_hosted/modernizr/modernizr.js"></script>
	
        <style>
	body, h1, h2 {	font-family: -webkit-body;font-family: 'Roboto';font-weight: 300;}
	</style>
	
        <link rel="shortcut icon" href="img/favicon.ico">
        
        
        <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript"  src="js/jquery.dataTables.js"></script>  
	<script type="text/javascript"  src="js/DT_bootstrap.js"></script>
       
        
   
	
         <script type="text/javascript" src="js/bootstrapb91a.js?1382559660"></script>
	<script type="text/javascript" src="js/simpleCartbbb6.js?1383112740"></script>
	<script type="text/javascript" src="js/restaurant3a1f.js?1383972120"></script>
	<script type="text/javascript" src="js/jquery.quicksandb91a.js?1382559660"></script>
	<script type="text/javascript" src="js/jquery.validate.minb91a.js?1382559660"></script>
	<script type="text/javascript" src="js/function2bde.js?1389899428"></script>
	<script src="translate.google.com/translate_a/elementa0d8.html?cb=googleTranslateElementInit"></script>

//Redirect on Change
    $('#service input').on('change', function() {
        var href = window.location.href.substring(0, window.location.href.indexOf('?'));
        var qs = window.location.href.substring(window.location.href.indexOf('?') + 1, window.location.href.length);
        var newParam = ("service") + '=' + $('input[name=servicetype]:checked', '#service').val();
        if (qs.indexOf("service" + '=') == -1) {
              if (qs == '') {
              qs = '?'
             }
             else {
                 qs = qs + '&'
             }
             qs = qs + newParam;
                    }
         else {
             var start = qs.indexOf("service" + "=");
             var end = qs.indexOf("&", start);
             if (end == -1) {
             end = qs.length;
             }
             var curParam = qs.substring(start, end);
             qs = qs.replace(curParam, newParam);
         }
       window.location.assign(href + '?' + qs); 
    });
});

//lot of scripting coe

</script>
</head>
<body>
//some other code for header bar at the top of the page

index.jsp :

footer.jsp

I am coding like this..
please correct me for my mistakes..

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The problem with that, of course, is that by including the same header in every page, you are including a bunch of stuff that's not needed.

I'd include only scripts in the included header that are used on all pages, and include other scripts on each page only as needed.

[Asking smart questions] [About Bear] [Books by Bear]