Click to See Complete Forum and Search --> : drop list like a table with 3 colums?


asolell
04-06-2003, 07:42 PM
Is there a way to make a drop list like a table with 3 colums?

I DO NOT want to create a page with frames and have
the lower portion be a scrollable table.

INSTEAD I want to be able to 'browse' if you will, a
table within a dropdown list box.

Is there such an attribute that make the listbox act as
table with rows and colums?

In Windows world, if you ever worked with PowerBuilder and
are familiar with DataWindow, this is similar in concept, only
no live data after the result set is uploaded to the page.

Thanks,

-Alon
js@wsco.com

Mr J
05-06-2003, 02:55 PM
This is a bit rough and ready but it might point you in the right direction.





<SCRIPT language="JavaScript1.2">

document.write('<span style="position:absolute; left:50px; top:100px; width:180px; height:20px; border:1px groove #c5c5c5; font-size:12px; text-align:center;cursor:hand;background-color:aabbcc" onClick="showhide(1);event.cancelBubble=1">Links')

document.write('<table id="tab" border="1" style="position:absolute; top:20px; left:-1px; width:180px; height:200px; background-color:#c9c9c9; overflow-y:scroll; visibility:hidden">')

document.write('<tr><td width="60">')

function where(linkname,dest){
document.write('<a href="'+dest+'">'+linkname+'</a><br>')
}

where("Link1","page1.htm")
where("Link2","page2.htm")
where("Link3","page3.htm")

document.write('</td><td width="60">')
function where(linkname,dest){
document.write('<a href="'+dest+'">'+linkname+'</a><br>')
}

where("Link4","page1.htm")
where("Link5","page2.htm")
where("Link6","page3.htm")

document.write('</td><td width="60">')
function where(linkname,dest){
document.write('<a href="'+dest+'">'+linkname+'</a><br>')
}

where("Link7","page1.htm")
where("Link8","page2.htm")
where("Link9","page3.htm")

document.write('</td></tr></table></span>')

function showhide(state){
var obj=document.getElementById("tab").style
if (state==0)
obj.visibility="hidden"
else
obj.visibility=obj.visibility=="hidden"? "visible" : "hidden"
}
</SCRIPT>