You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Ashish Jain <as...@gmail.com> on 2009/06/20 08:46:15 UTC
JSP/JSF not rendering properly once using javascript
Hi,
I am user of apache geronimo and recently I have been facing page rendering
issues once I have java script embedded in the page. Here is how the source
of my page looks like. Please see the content in blue. Due to these unwanted
tags my page is not rendering properly.
<html xmlns="http://www.w3.org/1999/xhtml"><head><link class="component"
href="/TNHSP/TEST/a4j/s/3_3_1.GAorg/richfaces/renderkit/html/css/basic_classes.xcss/DATB/eAF7xW2xL3T5DGkAET8Dmw__.faces"
rel="stylesheet" type="text/css" /><link class="component"
href="/TNHSP/TEST/a4j/s/3_3_1.GAorg/richfaces/renderkit/html/css/extended_classes.xcss/DATB/eAF7xW2xL3T5DGkAET8Dmw__.faces"
media="rich-extended-skinning" rel="stylesheet" type="text/css" /><scripttype
="text/javascript">window.RICH_FACES_EXTENDED_SKINNING_ON=true;</script><
script src="/TNHSP/TEST/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/skinning.js.faces"
type="text/javascript"></script></head><link href="
http://172.21.19.32:8080/TNHSP/TEST/\styles\Form.css" rel="stylesheet" type=
"text/css"/>
<link href="http://172.21.19.32:8080/TNHSP/TEST/\styles\Menu.css"
rel="stylesheet" type="text/css"/>
<link href="http://172.21.19.32:8080/TNHSP/TEST/\styles\Header.css"
rel="stylesheet" type="text/css"/>
<title>WasteDetails</title>
<form id="wastedetailsModifyForm" name="wastedetailsModifyForm"
method="post" action="/TNHSP/TEST/biomedicalwaste/wastedetails/wastedetailsModifyContent.faces"
enctype="application/x-www-form-urlencoded"><table
class="headerMenuContent">
<thead><tr><th class="HeaderBgcolor" scope="colgroup" colspan="2">
<table class="headerRow"><tbody><tr><td><img
src="/TNHSP/TEST/images/ImgHeader.gif" /></td></tr>
<tr><td>
<table width="100%" class="HeaderBar">
<tr>
<td align="left">
<label class="backgrnd"> User </label><span class="backgrnd"> -
</span><label class="backgrnd"> Waste Detail </label>
</td>
<td align="center">
<span size='14' class='backgrnd' >General Hospital,Tambaram</span>
</td>
<td align="right">
<img src="/TNHSP/TEST/images/HOME.gif" height="20" width="20"
/><script type="text/javascript"><!--
function oamSetHiddenInput(formname, name, value)
{
var form = document.forms[formname];
if(typeof form.elements[name]=='undefined')
{
var newInput = document.createElement('input');
newInput.setAttribute('type','hidden');
newInput.setAttribute('id',name);
newInput.setAttribute('name',name);
newInput.setAttribute('value',value);
form.appendChild(newInput);
}
else
{
form.elements[name].value=value;
}
}
function oamClearHiddenInput(formname, name, value)
{
var form = document.forms[formname];
var hInput = form.elements[name];
if(typeof hInput !='undefined')
{
form.removeChild(hInput);
}
}
function oamSubmitForm(formName, linkId, target, params)
{
var clearFn = 'clearFormHiddenParams_'+formName.replace(/-/g,
'\$:').replace(/:/g,'_');
if(typeof window[clearFn] =='function')
{
window[clearFn](formName);
}
var form = document.forms[formName];
var oldTarget = form.target;
if(target != null)
{
form.target=target;
}
if((typeof params!='undefined') && params != null)
{
for(var i=0, param; (param = params[i]); i++)
{
oamSetHiddenInput(formName,param[0], param[1]);
}
}
oamSetHiddenInput(formName,formName +':'+'_idcl',linkId);
if(form.onsubmit)
{
var result=form.onsubmit();
if((typeof result=='undefined')||result)
{
try
{
form.submit();
}
catch(e){}
}
}
else
{
try
{
form.submit();
}
catch(e){}
}
form.target=oldTarget;
if((typeof params!='undefined') && params != null)
{
for(var i=0, param; (param = params[i]); i++)
{
oamClearHiddenInput(formName,param[0], param[1]);
}
}
oamClearHiddenInput(formName,formName +':'+'_idcl',linkId);return false;
}
//--></script><a href="#" onclick="return
oamSubmitForm('wastedetailsModifyForm','wastedetailsModifyForm:header:j_id_jsp_597588713_7');"
class="HeaderLink">Home</a>
</td>
</tr>
</table>
</td></tr>
</tbody></table>
<html>
<head>
<link href="http://172.21.19.32:8080/TNHSP/TEST//styles/Form.css"
rel="stylesheet" type="text/css"/>
<link href="http://172.21.19.32:8080/TNHSP/TEST//styles/Menu.css"
rel="stylesheet" type="text/css"/>
<link href="http://172.21.19.32:8080/TNHSP/TEST//styles/Header.css"
rel="stylesheet" type="text/css"/>
<link href="http://172.21.19.32:8080/TNHSP/TEST//styles/calendar.css"
rel="stylesheet" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MENU</title>
</head>
<body>
</body>
</html>
</th></tr></thead><tbody><tr><td class="BodyBgColor">
<html>
<head>
<link rel="STYLESHEET" type="text/css"
href="/TNHSP/TEST/codebase/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css"
href="/TNHSP/TEST/codebase/dhtmlxgrid_skins.css">
<script>_css_prefix="http://172.21.19.32:8080/TNHSP/TEST//codebase/";hF="http://172.21.19.32:8080/TNHSP/TEST//codebase/";_js_prefix="http://172.21.19.32:8080/TNHSP/TEST//codebase/";
</script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//codebase/dhtmlxcommon.js"></script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//codebase/dhtmlxgrid.js"></script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//codebase/dhtmlxgridcell.js"></script>
<script src = "http://172.21.19.32:8080/TNHSP/TEST//scripts/prototype.js"
type="text/javascript"></script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//scripts/scriptaculous.js?load=effects,controls"
type="text/javascript"></script>
<script src = "http://172.21.19.32:8080/TNHSP/TEST//scripts/commonValidation.js"
type="text/javascript"></script>
<script src = "http://172.21.19.32:8080/TNHSP/TEST//scripts/datetimepicker.js"
type="text/javascript"></script>
<script src = "http://172.21.19.32:8080/TNHSP/TEST//scripts/commonAlert.js"
type="text/javascript"></script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//codebase/dhtmlxgrid_keymap_access.js"
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
new Ajax.Autocompleter("wardcodemodaut",
"wardcodemod_choices", "/tnhsphms/BiomedicalServlet", {
afterUpdateElement : getSelectionId1,
parameters :
"field="+document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH").value
});
new Ajax.Autocompleter("wardnamemod", "wardnamemod_choices",
"/tnhsphms/BiomedicalServlet", {
afterUpdateElement : getSelectionId4,
parameters :
"field="+document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardNameH").value
});
screenModeDisplay();
}
function clickfocus()
{
document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:click").focus();
}
function getSelectionId1(text,li) {
var text1=text.value.split(',');
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH').value=text1[0];
document.getElementById('wardcodemodaut').value=text1[0];
document.getElementById('wardnamemod').value=text1[1];
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardNameH').value=text1[1];
}
function getSelectionId4(text,li) {
var text1=text.value.split(',');
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardNameH').value=text1[0];
document.getElementById('wardnamemod').value=text1[0];
document.getElementById('wardcodemodaut').value=text1[1];
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH').value=text1[1];
}
var opendeptlov = null;
var openwardlov = null;
function onSave(option)
{
fnsubmit();
var lReturnFlag;
var lReturnFlagOne;
var lReturnFlagTwo;
var lMsg="";
var retVal = false;
if(option=='modifymode'){
var wardCode=document.getElementById('wardcodemodaut').value;
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH').value
=document.getElementById('wardcodemodaut').value;
var
date=document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate').value;
var wardCodeDisable=document.getElementById('wardcodemodaut').value;
var
date=document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate').value;
wardCodeDisable.disabled=true;
lReturnFlagOne=isNull(wardCode);
lReturnFlagthree=isNull(date);
if(lReturnFlagOne==true)
{
lMsg = lMsg+DepartmentAndWardFillAlert+"\n";
retVal = false;
}
if(lReturnFlagOne==true&&lReturnFlagthree==true)
{
lMsg = lMsg+InstituionAndDepartmentAndWardBlankAlert+"\n";
retVal = false;
}
if(lReturnFlagthree==true){
lMsg = lMsg+ModifyDateAlert+"\n";
retVal = false;
}
lReturnFlagFour =
isNull(document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:valtombeanH").value);
//
alert(document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:valtombeanH").value);
if(lReturnFlagFour==true){
lMsg = lMsg+"Click on fetch to get the records" +"\n";
retVal = false;
}
}
if(option=='clickmode'){
var wardCode=document.getElementById('wardcodemodaut').value;
document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH').value
=document.getElementById('wardcodemodaut').value;
var
date=document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate').value;
var wardCodeDisable=document.getElementById('wardcodemodaut').value;
var
date=document.getElementById('wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate').value;
wardCodeDisable.disabled=true;
lReturnFlagOne=isNull(wardCode);
lReturnFlagthree=isNull(date);
if(lReturnFlagOne==true)
{
lMsg = lMsg+DepartmentAndWardFillAlert+"\n";
retVal = false;
}
if(lReturnFlagOne==true&&lReturnFlagthree==true)
{
lMsg = lMsg+InstituionAndDepartmentAndWardBlankAlert+"\n";
retVal = false;
}
if(lReturnFlagthree==true){
lMsg = lMsg+ModifyDateAlert+"\n";
retVal = false;
}
}
if((lMsg!=""))
{
alert(lMsg);
return retVal;
}
else{
lReturnFlag = isAlphaNumeric(wardCode);
if(lReturnFlag == false)
lMsg = lMsg+wardCodeAlphabetAlert+"\n";
if((lMsg!=""))
{
alert(lMsg);
return retVal;
}
}
if(option=='savemode'){
var lReturnFlag;
var lReturnFlagOne;
var lReturnFlagTwo;
var lMsg="";
var retVal = false;
lReturnFlagOne=isNull(wardCode);
if(lReturnFlagOne==true)
{
lMsg = lMsg+DepartmentAndWardFillAlert+"\n";
retVal = false;
}
if((lMsg!=""))
{
alert(lMsg);
return retVal;
}
}
}
function changeButtonBorder()
{
if(document.getElementById('wastedetailsForm:content:addLink'))
{
var addLink
=document.getElementById('wastedetailsForm:content:addLink');
addLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
addLink.onmouseout=new Function("this.className='ButtonBorder'");
}
if(document.getElementById('wastedetailsForm:content:saveLink'))
{
var saveLink
=document.getElementById('wastedetailsForm:content:saveLink');
saveLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
saveLink.onmouseout=new Function("this.className='ButtonBorder'");
}
* *if (document.getElementById('wastedetailsForm:content:queryLink') )
{
var queryLink
=document.getElementById('wastedetailsForm:content:queryLink');
queryLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
queryLink.onmouseout=new Function("this.className='ButtonBorder'");
}*
<table><tbody><tr><td><a href="#" onclick="return
oamSubmitForm('wastedetailsModifyForm','wastedetailsModifyForm:content:j_id_jsp_556705903_1');"
title="Click to open the Screen in add Mode"><img
id="wastedetailsModifyForm:content:addLink"
src="/TNHSP/TEST/images/ImgAddEn.gif" class="ButtonBorder"
/></a></td><td><img src="/TNHSP/TEST/images/ImgModifyDs.gif"
/></td><td><a href="#" onclick="var cf = function(){return
onSave('modifymode')};var oamSF = function(){return
oamSubmitForm('wastedetailsModifyForm','wastedetailsModifyForm:content:j_id_jsp_556705903_7');};return
(cf()==false)? false : oamSF();" accesskey="S" tabindex="5"
title="Click to save the data in to the Database"><img
id="wastedetailsModifyForm:content:saveLink"
src="/TNHSP/TEST/images/ImgSaveEn.gif" class="ButtonBorder"
/></a></td><td><a href="#" onclick="var cf = function(){return
openHelp();};var oamSF = function(){return
oamSubmitForm('wastedetailsModifyForm','wastedetailsModifyForm:content:j_id_jsp_556705903_10');};return
(cf()==false)? false : oamSF();" title="Click for Help"><img
id="wastedetailsModifyForm:content:helpLink"
src="/TNHSP/TEST/images/ImgHelp.gif" class="ButtonBorder"
/></a></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody></table><input type="hidden"
id="wastedetailsModifyForm:content:screenMode"
name="wastedetailsModifyForm:content:screenMode" value="Modify"
/><input type="hidden" id="wastedetailsModifyForm:content:errorStatus"
name="wastedetailsModifyForm:content:errorStatus" value="" /><span
class="Heading">WASTE DETAILS</span><form
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm"
method="post" action="/TNHSP/TEST/biomedicalwaste/wastedetails/wastedetailsModifyContent.faces"
enctype="application/x-www-form-urlencoded"><table><tbody><tr><td><label
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:LblWardCode"
class="GeneralLbl"
for="wastedetailsModifyForm:content:wastedetailsmodifyFrm:LblWardCode">Location</label></td><td><table><tbody><tr><td><table><tbody><tr><td>
<input type="text" tabindex="1"
id="wardnamemod" value=""
style="font-family:verdana,Verdana,Helvetica,Sans-Serif;font-size:8pt;font-weight:bold;border-left-color:Black;border-top-color:Black;border-right-color:Black;border-bottom-color:Black;text-transform:
uppercase;" name="wardnamemod_parameter" size="25" />
<div id="wardnamemod_choices"
class="autocomplete"></div>
</td></tr>
</tbody></table></td><td><table><tbody><tr><td>
<input type="text" tabindex="2"
id="wardcodemodaut" value=""
style="font-family:verdana,Verdana,Helvetica,Sans-Serif;font-size:8pt;font-weight:bold;border-left-color:Black;border-top-color:Black;border-right-color:Black;border-bottom-color:Black;text-transform:
uppercase;" name="wardmod_parameter" size="5"/>
<div id="wardcodemod_choices"
class="autocomplete"></div>
</td></tr>
</tbody></table></td><td><a href="#" onclick="var cf =
function(){hospitalmodifyLov()};var oamSF = function(){return
oamSubmitForm('wastedetailsModifyForm:content:wastedetailsmodifyFrm','wastedetailsModifyForm:content:wastedetailsmodifyFrm:j_id_jsp_556705903_21');};return
(cf()==false)? false : oamSF();"><img
src="/TNHSP/TEST/images/ImgLovEn.gif" class="ButtonBorder"
/></a></td></tr>
</tbody></table></td><td><label
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:LblDetailsEnteredDate"
class="RequiredLbl"
for="wastedetailsModifyForm:content:wastedetailsmodifyFrm:LblDetailsEnteredDate">Date
</label></td><td><table><tbody><tr><td><input
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate"
type="text" value="" maxlength="10" size="12" title="Select the date
from the calender" class="GeneralTxt" /></td><td><a href="#"
onclick="var cf =
function(){javascript:NewCal('wastedetailsModifyForm:content:wastedetailsmodifyFrm:detailsentereddate','DDMMYYYY',true,12)};var
oamSF = function(){return
oamSubmitForm('wastedetailsModifyForm:content:wastedetailsmodifyFrm','wastedetailsModifyForm:content:wastedetailsmodifyFrm:entrdate');};return
(cf()==false)? false : oamSF();"
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:entrdate"
tabindex="3"><img src="/TNHSP/TEST/images/ImgCalender.gif"
class="ButtonBorder" /></a></td></tr>
</tbody></table></td></tr>
<tr><td><input id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:click"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:click"
type="submit" value="Fetch" onclick="return onSave('clickmode');"
title="Click to get the records" tabindex="4"
/></td><td></td><td></td><td></td></tr>
</tbody></table>
<div id="div1" name="div1" style="width:700px;height:200px;">
</div>
<input type="hidden"
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:valtombeanH"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:valtombeanH"
value="" /><input type="hidden"
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:idformodifyH"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:idformodifyH"
value="" /><input type="hidden"
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardCodeH"
value="" /><input type="hidden"
id="wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardNameH"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm:WardNameH"
value="" /><input type="hidden"
name="wastedetailsModifyForm:content:wastedetailsmodifyFrm_SUBMIT"
value="1" /><input type="hidden" name="javax.faces.ViewState"
id="javax.faces.ViewState"
value="DVRLeLE8Xcv8VDBAndG5n38eSwNLIU4UEPhc68NpB1UioGg2vk5Mfq3jS/uupEjS306+s9Mb1axcItx3hhZ6dt6/Q8Fyg6xfaFrOYDSEHG/CQ/fKeDWXDiHOwQWLFYlJryQKZNsagT9ArRilJo92i3at8lKSpAF6"
/></form>if(document.getElementById('wastedetailsForm:content:fetchLink'))
{*
var fetchLink
=document.getElementById('wastedetailsForm:content:fetchLink');
fetchLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
fetchLink.onmouseout=new Function("this.className='ButtonBorder'");
}
if( document.getElementById('wastedetailsForm:content:cancelLink'))
{
var cancelLink
=document.getElementById('wastedetailsForm:content:cancelLink');
cancelLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
cancelLink.onmouseout=new Function("this.className='ButtonBorder'");
}
if( document.getElementById('wastedetailsForm:content:helpLink'))
{
var helpLink
=document.getElementById('wastedetailsForm:content:helpLink');
helpLink.onmouseover=new
Function("this.className='ButtonBorderMouseOver'");
helpLink.onmouseout=new Function("this.className='ButtonBorder'");
}
}
</script>
<script src="http://172.21.19.32:8080/TNHSP/TEST//biomedicalwaste/wastedetails/test.js"
type="text/javascript"></script>
<style>
.HideSpan
{
display : none;
}
.GeneralFieldsetwd
{
font-family:verdana,Verdana,Helvetica,Sans-Serif;
font-size:8pt;
Border-Style:double;
border-width:1.5px 1.5px 1.5px 1.5px;
width :95.5%;
border-color:#6E97D0;
}
</style>
</head>
<body class="BodyBgColor">
<CENTER></CENTER>
<hr width="100%" class="HrColor" /> <!--TODO style class needed-->
<script>
mygrid=new dhtmlXGridObject("div1");
mygrid.setImagePath("http://172.21.19.32:8080/TNHSP/TEST//codebase/imgs/");
mygrid.setSkin("modern");
mygrid.enableKeyboardSupport(true);
mygrid.enableEditEvents(true,false,true);
mygrid.init();
mygrid.loadXML("/TNHSP/TEST/biomedicalwaste/wastedetails/viewmodifyXML.xml",function()
{
populate();
mygrid.setColumnHidden(7,"true");
mygrid.enableResizing("false","false","false","false","false","false","false","false");
});
function fnsubmit()
{
var valuestr;
valuestr="";
for (var i=0; i < mygrid.getRowsNum();i++)
{
for(var j=0;j < mygrid.getColumnsNum();j++)
{
valuestr = valuestr + mygrid.cells2(i,j).getValue()+",";
}
valuestr = valuestr +"#";
}
document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:valtombeanH").value=
valuestr;
}
function populate()
{
var str;
str=document.getElementById("wastedetailsModifyForm:content:wastedetailsmodifyFrm:idformodifyH").value;
if(str.length!=0){
var rowarray = new Array();
rowarray = str.split("#");
rownum=mygrid.getRowsNum();
if (rowarray.length!=0)
{
for (var i=0;i<=rowarray.length-1;i++)
{
rownum= rownum+1;
mygrid.addRow(rownum,rowarray[i],-1);
}
}
}
}
</script>
</body>
</html>
</td><td></td></tr>
</tbody></table><input type="hidden"
name="wastedetailsModifyForm_SUBMIT" value="1" /><input type="hidden"
name="javax.faces.ViewState" id="javax.faces.ViewState"
value="DVRLeLE8Xcv8VDBAndG5n38eSwNLIU4UEPhc68NpB1UioGg2vk5Mfq3jS/uupEjS306+s9Mb1axcItx3hhZ6dt6/Q8Fyg6xfaFrOYDSEHG/CQ/fKeDWXDiHOwQWLFYlJryQKZNsagT9ArRilJo92i3at8lKSpAF6"
/></form>
</html>
Please advice.
Thanks
Ashish