Using Spring-Dojo libraries stop some html elements getting displayed by the browser

**shijuppaul** · Jan 25th, 2010, 05:10 AM

Hi Guys,

I have created a small application using Spring MVC, Tiles and WebFlow. It's a simple MVC application and WebFlow is used only to access java script libraries.

Problem i am facing is using the java script libraries (Spring.js, Spring-Dojo.js and dojo.js) stops some html getting displayed by the browser.

If i comment out the java script usage section then all elements gets displayed.

Versions of spring modules used are as follows.

Spring Core : 2.5.6
WEBFLOW - 2.0.8
Tiles - 2.0.7

My Home.jsp is attached. <Script> elements specified in the <Head> section prevent "header" getting displayed.

If i comment <Script> elements "header" is displayed with other contents.

<?xml version="1.0" encoding="utf-8"?>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta content="text/html" http-equiv="contentType" lang="java"/>
<title><tiles:getAsString name="title"/></title>
<link type="text/css" rel="stylesheet" href="../css/mycss.css"/>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring.js"/>"/>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring-Dojo.js"/>"/>
<script type="text/javascript" src="<c:url value="/resources/dojo/dojo.js"/>"/>
</head>
<body>

<div id="wrap">
<div id="headerArea">
<tiles:insertAttribute name="header"/>
</div>
<div id="contentArea">
<tiles:insertAttribute name="content"/>
</div>
<div id="footerArea">
<tiles:insertAttribute name="footer"/>
</div>
</div>
</body>
</html>

If it's a problem with Browser settings please let me know.

Any help will be highly appreciated.

**Hetal B** · Jan 25th, 2010, 05:51 AM

Try using Firefox tools to debug if the js file s etc are being loaded. Firefox may help you to trace the issue.

-Hetal

**shijuppaul** · Jan 25th, 2010, 06:22 AM

Thanks for the Info.

Looks like only the first script out of 3 is loaded by the browser.

Screen images of "source" and "firebug" are attached.

I tried changing the order of the .js files specified, still results are the same.

any thoughts?

**Hetal B** · Jan 25th, 2010, 06:24 AM

I am not able to open these at my end but i am sure there is an error console telling you the reason why the load did not happen.

-Hetal

**shijuppaul** · Jan 25th, 2010, 06:38 AM

Checked the Error Console.
There is only one warning.
Unknown property 'zoom'.Declaration dropped.

**shijuppaul** · Jan 25th, 2010, 07:21 AM

Not sure what was the problem.
I put a closing tag for the <Script> element, then it started working.

Updated <head> element is as follows.

<head>
<title><tiles:getAsString name="title"/></title>
<script type="text/javascript" src="<c:url value="/resources/dojo/dojo.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring-Dojo.js"/>"></script>
<link type="text/css" rel="stylesheet" href="../css/mycss.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

as you could see only difference is all <script> elements has a corresponding closing element.

Would like to know why this error got generated in first place (why only one first library is loaded)? and with the changes i have done
How come all the libraries are getting loaded?

**Hetal B** · Jan 25th, 2010, 07:28 AM

Try maintaining the order as :-
<script type="text/javascript" src="<c:url value="/resources/dojo/dojo.js" />"> </script> <script type="text/javascript" src="<c:url value="/resources/spring/Spring.js" />"> </script> <script type="text/javascript" src="<c:url value="/resources/spring/Spring-Dojo.js" />"> </script>

We had faced a similar issue while using prototype.js along with dojo.js

-Hetal

**Marten Deinum** · Jan 25th, 2010, 08:37 AM

Would like to know why this error got generated in first place (why only one first library is loaded)? and with the changes i have done
How come all the libraries are getting loaded?

The script tags needs a full closing tag, you cannot use an inline / to close the tag. If you do you will get invalid html and depending on the browser it might or might not render.

**ss040306** · Jan 25th, 2010, 12:10 PM

I had a question related to ValidateAllDecoration.If a required field is empty, it prevents the form from submitting.However is there a way to capture the error and show the user the name of the field which needs to be entered in order to successfully post the form.Right now i use

Spring.addDecoration(new Spring.ValidateAllDecoration({
elementId : 'next',
event:'onclick'
}));

Any inputs will be appreciated

**eros** · Feb 14th, 2010, 10:46 PM

could you attach the whole project Sir? in order to see what's really going on..

thanks

Originally Posted by shijuppaul

Hi Guys,

I have created a small application using Spring MVC, Tiles and WebFlow. It's a simple MVC application and WebFlow is used only to access java script libraries.

Problem i am facing is using the java script libraries (Spring.js, Spring-Dojo.js and dojo.js) stops some html getting displayed by the browser.

If i comment out the java script usage section then all elements gets displayed.

Versions of spring modules used are as follows.

Spring Core : 2.5.6
WEBFLOW - 2.0.8
Tiles - 2.0.7

My Home.jsp is attached. <Script> elements specified in the <Head> section prevent "header" getting displayed.

If i comment <Script> elements "header" is displayed with other contents.

<?xml version="1.0" encoding="utf-8"?>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta content="text/html" http-equiv="contentType" lang="java"/>
<title><tiles:getAsString name="title"/></title>
<link type="text/css" rel="stylesheet" href="../css/mycss.css"/>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring.js"/>"/>
<script type="text/javascript" src="<c:url value="/resources/spring/Spring-Dojo.js"/>"/>
<script type="text/javascript" src="<c:url value="/resources/dojo/dojo.js"/>"/>
</head>
<body>

<div id="wrap">
<div id="headerArea">
<tiles:insertAttribute name="header"/>
</div>
<div id="contentArea">
<tiles:insertAttribute name="content"/>
</div>
<div id="footerArea">
<tiles:insertAttribute name="footer"/>
</div>
</div>
</body>
</html>

If it's a problem with Browser settings please let me know.

Any help will be highly appreciated.

Thread: Using Spring-Dojo libraries stop some html elements getting displayed by the browser

Thread Tools

Display

Using Spring-Dojo libraries stop some html elements getting displayed by the browser

Spring Dojo

Posting Permissions