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' for(i=0;i<3;i++) { lstVal+= '' } lstVal+='SCRIPT PORTION function List(arg) { Listdata=new Array() Listdata[0]='' Listdata[1]='Yes' Listdata[2]='No' var lstVal var i lstVal = '
| ' + Listdata+ + ' |
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.