dynamic DIV in struts for a new type of drop down box BUT.......URGENT

I am trying to develop a dynamic div which will be the drop down onmouseover. i have done that in HTML but am not able to do it in struts.
JSP portion

 
WHERE IT WILL BE SHOWN



SCRIPT PORTION
function List(arg)
{
	Listdata=new Array()
	Listdata[0]=''
	Listdata[1]='Yes'
	Listdata[2]='No'

	var lstVal
	var i

	lstVal = '
' for(i=0;i<3;i++) { lstVal+= '' } lstVal+='
' + Listdata+ + '
' return lstVal; } ]]>

JS PORTION

-1 && document.getElementById)?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=lib_bwcheck()

//******* To set the font size, font type, border color or remove the border or whatever, ***************
//******* change the clDescription class in the stylesheet. *********************************************

//Makes crossbrowser object.
function makeObj(obj)
{								
   	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
	if(!this.evnt) return false
	this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;	
   	this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;		
	this.writeIt=b_writeIt;																
	return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_writeIt(text)
{
	if (bw.ns4){this.wref.write(text);this.wref.close()}
	else this.wref.innerHTML = text
}


function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(lstData,ctrlid)
{ 
	if(oDesc)
	{
	   	oDesc.writeIt('
'+lstData+'
') //if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop oDesc.css.left = getAbsXPos(ctrlid)+px oDesc.css.top = getAbsButtomPos(ctrlid)+px oDesc.css.visibility = "visible" } } //Hides it function popout(){ if(oDesc) oDesc.css.visibility = "hidden" } function setPopup() { if(bw.ns4)document.captureEvents(Event.MOUSEMOVE) document.onmousemove = popmousemove; oDesc = new makeObj('divDescription') } //========================================================================= //********** Find Left, Right, Buttom & Top Position ******** Start ******* //========================================================================= function getRealLeft(el) { xPos = el.offsetLeft; tempEl = el.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } function getRealTop(el) { yPos = el.offsetTop; tempEl = el.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } function getAbsXPos(id) { var el = document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null; if (el) { var trueX = getRealLeft(el); return trueX; } } function getAbsYPos(id) { var el = document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null; if (el) { var trueY = getRealTop(el); return trueY; } } function getAbsRightPos(id) { var el = document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null; if (el) { var trueX = getRealLeft(el); var rightX= trueX + el.offsetWidth; return rightX; } } function getAbsButtomPos(id) { var el = document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null; if (el) { var trueY = getRealTop(el); var buttomX = trueY + el.offsetHeight; return buttomX; } } function getAbsWidth(id) { var el = document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null; if (el) { return el.offsetWidth; } } //========================================================================= //********** Find Left, Right, Buttom & Top Position ********* End ******** //========================================================================= ]]>

CSS PORTION

Please sign in to leave a comment.