1. listView示例

<title>列表</title>
<style>
<!--
body     { font-size: 10px }
table    { font-size: 12px }
-->
</style>
<script language = 'javascript'>
function InitList(theList, theTable, iEnd, iId, checkIt)
{
var colWidth = (document.body.clientWidth - 200) / iEnd

with(theList)
{
View = 3
BorderStyle = 0
GridLines = true
Checkboxes = checkIt
FullRowSelect = true
LabelEdit = 1

for(var i = 0; i < iEnd; i ++)
{
ColumnHeaders.Add(i + 1, 'Col' + i, theTable.rows[0].cells[i].innerText, colWidth) //, 100, myAlign)
}
for(var i = 1; i < theTable.rows.length; i ++)
{
myList.ListItems.Add( i, 'Key' + theTable.rows[i].cells[iId -1].innerText.replace(" ", ""), theTable.rows[i].cells[0].innerText.replace(" ", ""))
for(var j = 1; j < iEnd; j ++)
{
  ListItems(i).SubItems(j) = theTable.rows[i].cells[j].innerText.replace(" ", "")
}
}
Sorted = true
}
}
</script>
<script language = 'javascript' for = 'myList' event = 'ColumnClick(ColumnHeader)'>

if(ColumnHeader.SubItemIndex == myList.SortKey)
{
    if(myList.SortOrder == 0) myList.SortOrder = 1
    else myList.SortOrder = 0
    }
else
{
    myList.SortKey = ColumnHeader.SubItemIndex
    if(myList.SortOrder == 0) myList.SortOrder = 1
else myList.SortOrder == 0
    }
</script>
<script language = 'javascript' for = 'myList' event = 'ItemClick(Item)'>
var theValue = ""

   theValue = Item.Text + Item.Key
   for(i = 1; i <= Item.ListSubItems.Count; i ++) theValue = theValue + "\n" + Item.ListSubItems(i).Text
   myValue.value = theValue
</script>
<body onload = 'InitList(myList, myTale, 4, 5, false)' scroll = 'no' bgcolor = 'buttonface' topmargin='0' leftmargin='0'>
<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' width='100%' height='100%'>
<tr>
<td nowrap>
<script language = 'javascript'>
document.write( "<object classid='clsid:BDD1F04B-858B-11D1-B16A-00C0F0283628' style = 'width:" + (document.body.clientWidth - 150) + ";height:" + document.body.clientHeight + "' id='myList'></object> ")
</script>

<table border = '1' id = 'myTale' style = 'display:none'>
<tr id = 'tablehead'>
<td id = 'mytd'>
编号
</td>
<td id = 'mytd'>
名称
</td>
<td id = 'mytd'>
价格
</td>
<td id = 'mytd'>
备注
</td>
<td id = 'mytd'>
编号
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌭
</td>
<td id = 'mytd'>Չ度特酿
</td>
<td id = 'mytd'>㎂
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ԥ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌮
</td>
<td id = 'mytd'>Ո趵突泉特酿
</td>
<td id = 'mytd'>㍈
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ԥ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌯
</td>
<td id = 'mytd'>Ի度精品趵突泉特酿
</td>
<td id = 'mytd'>Ր
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ԧ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌰
</td>
<td id = 'mytd'>Զ度趵突泉特酿
</td>
<td id = 'mytd'>Ձ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ԧ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌱
</td>
<td id = 'mytd'>Ը度趵突泉特酿
</td>
<td id = 'mytd'>ԭ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ԩ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌲
</td>
<td id = 'mytd'>Ժ度趵突泉特酿
</td>
<td id = 'mytd'>ԣ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ԩ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌳
</td>
<td id = 'mytd'>Ի度趵突泉特酿
</td>
<td id = 'mytd'>Ԟ.58
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ԫ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌴
</td>
<td id = 'mytd'>Ի度五年趵突泉陈酿
</td>
<td id = 'mytd'>ԧ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ԫ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌵
</td>
<td id = 'mytd'>Ի度八年趵突泉陈酿
</td>
<td id = 'mytd'>Ա.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ԭ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌶
</td>
<td id = 'mytd'>Վ度珍品趵突泉特酿
</td>
<td id = 'mytd'>㏨
</td>
<td id = 'mytd'>ƒ*4
</td>
<td id = 'mytd'>ԭ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌷
</td>
<td id = 'mytd'>Ո度250ml趵突泉特酿
</td>
<td id = 'mytd'>Ք
</td>
<td id = 'mytd'>ƒ*8
</td>
<td id = 'mytd'>Ԯ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍃
</td>
<td id = 'mytd'>Ժ度趵突泉特酿(金)
</td>
<td id = 'mytd'>բ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ԯ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍄
</td>
<td id = 'mytd'>Ժ度趵突泉特酿(银)
</td>
<td id = 'mytd'>Վ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>԰
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌺
</td>
<td id = 'mytd'>Դ度趵突泉特酿
</td>
<td id = 'mytd'>Մ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ա
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍀
</td>
<td id = 'mytd'>Ի度锦绣川特酿(瓷)
</td>
<td id = 'mytd'>ԧ.8
</td>
<td id = 'mytd'>ƒ*12
</td>
<td id = 'mytd'>Բ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍁
</td>
<td id = 'mytd'>Ը度趵突泉特酿(瓷瓶)
</td>
<td id = 'mytd'>Մ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Գ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍂
</td>
<td id = 'mytd'>Զ度趵突泉特酿(瓷瓶)
</td>
<td id = 'mytd'>լ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Դ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎗
</td>
<td id = 'mytd'>Մ度趵突泉特曲
</td>
<td id = 'mytd'>‡
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ե
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎚
</td>
<td id = 'mytd'>Հ度趵突泉特曲
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Զ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎛
</td>
<td id = 'mytd'>Հ度新趵突泉特曲
</td>
<td id = 'mytd'>†.2
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Է
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎞
</td>
<td id = 'mytd'>Հ度趵突泉白酒
</td>
<td id = 'mytd'>ƒ.5
</td>
<td id = 'mytd'>ƒ*10
</td>
<td id = 'mytd'>Ը
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎠
</td>
<td id = 'mytd'>Հ度趵突泉二曲
</td>
<td id = 'mytd'>ƒ.4
</td>
<td id = 'mytd'>ƒ*10
</td>
<td id = 'mytd'>Թ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎢
</td>
<td id = 'mytd'>Ի度万竹园特酿
</td>
<td id = 'mytd'>‡
</td>
<td id = 'mytd'>ƒ*20
</td>
<td id = 'mytd'>Ժ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎢
</td>
<td id = 'mytd'>Ի度万竹园特酿
</td>
<td id = 'mytd'>‡
</td>
<td id = 'mytd'>ƒ*12
</td>
<td id = 'mytd'>Լ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎣
</td>
<td id = 'mytd'>Ղ度趵突泉桶装酒
</td>
<td id = 'mytd'>ԣ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Խ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎤
</td>
<td id = 'mytd'>Պ度锦绣川桶装酒
</td>
<td id = 'mytd'>Ԥ
</td>
<td id = 'mytd'>ƒ*4
</td>
<td id = 'mytd'>Ծ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎰
</td>
<td id = 'mytd'>Ն趵突泉大曲
</td>
<td id = 'mytd'>„.5
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Կ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎳
</td>
<td id = 'mytd'>Ն趵突泉老窖
</td>
<td id = 'mytd'>†
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Հ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎴
</td>
<td id = 'mytd'>Ծ度趵突泉陈酿
</td>
<td id = 'mytd'>†.5
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ձ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎽
</td>
<td id = 'mytd'>Ծ度趵突泉酒
</td>
<td id = 'mytd'>†
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ղ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐕
</td>
<td id = 'mytd'>Ծ度趵突泉佳酿
</td>
<td id = 'mytd'>‡.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ճ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐘
</td>
<td id = 'mytd'>Ժ度趵突泉特酿
</td>
<td id = 'mytd'>Š.1
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Մ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐛
</td>
<td id = 'mytd'>Ժ度趵突泉特酿
</td>
<td id = 'mytd'>Š.3
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Յ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍅
</td>
<td id = 'mytd'>Ժ度礼品特酿(2瓶装)
</td>
<td id = 'mytd'>㍦
</td>
<td id = 'mytd'>ƒ*2*4
</td>
<td id = 'mytd'>Ն
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎶
</td>
<td id = 'mytd'>Լ度趵突泉酒
</td>
<td id = 'mytd'>….6
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Շ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏎
</td>
<td id = 'mytd'>Ղ度趵突泉特酿
</td>
<td id = 'mytd'>‹
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ո
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏏
</td>
<td id = 'mytd'>Ղ度趵突泉特酿
</td>
<td id = 'mytd'>‹
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Չ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎺
</td>
<td id = 'mytd'>Հ度趵突泉老窖
</td>
<td id = 'mytd'>ƒ.8
</td>
<td id = 'mytd'>ƒ*10
</td>
<td id = 'mytd'>Պ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㌽
</td>
<td id = 'mytd'>Ժ度礼品特酿
</td>
<td id = 'mytd'>լ
</td>
<td id = 'mytd'>ƒ*4
</td>
<td id = 'mytd'>Ջ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎼
</td>
<td id = 'mytd'>Ծ度趵突泉酒
</td>
<td id = 'mytd'>†
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ռ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㎿
</td>
<td id = 'mytd'>Լ度趵突泉酒
</td>
<td id = 'mytd'>ˆ
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ս
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㍆
</td>
<td id = 'mytd'>Պ度礼品特酿(2瓶装)
</td>
<td id = 'mytd'>㒰
</td>
<td id = 'mytd'>ƒ*2*4
</td>
<td id = 'mytd'>Վ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏁
</td>
<td id = 'mytd'>Հ度趵突泉特曲
</td>
<td id = 'mytd'>†.53
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Տ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏐
</td>
<td id = 'mytd'>Պ度锦绣川佳酿
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*8
</td>
<td id = 'mytd'>Ր
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏑
</td>
<td id = 'mytd'>Հ度锦绣川白酒
</td>
<td id = 'mytd'>Š
</td>
<td id = 'mytd'>ƒ*4
</td>
<td id = 'mytd'>Ց
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏄
</td>
<td id = 'mytd'>Հ度卧虎山白酒
</td>
<td id = 'mytd'>„.6
</td>
<td id = 'mytd'>ƒ*12
</td>
<td id = 'mytd'>Ւ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏅
</td>
<td id = 'mytd'>Ժ度趵突泉特酿(实惠型)
</td>
<td id = 'mytd'>….6
</td>
<td id = 'mytd'>ƒ*8
</td>
<td id = 'mytd'>Փ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏅
</td>
<td id = 'mytd'>Ժ度趵突泉特酿(实惠型)
</td>
<td id = 'mytd'>….6
</td>
<td id = 'mytd'>ƒ*12
</td>
<td id = 'mytd'>Ք
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏆
</td>
<td id = 'mytd'>Ժ度125ml趵突泉特酿
</td>
<td id = 'mytd'>„
</td>
<td id = 'mytd'>ƒ*24
</td>
<td id = 'mytd'>Օ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏇
</td>
<td id = 'mytd'>Ժ度趵突泉酒
</td>
<td id = 'mytd'>ˆ.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>Ֆ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏈
</td>
<td id = 'mytd'>Է度趵突泉特曲
</td>
<td id = 'mytd'>‡.6
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՗
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏊
</td>
<td id = 'mytd'>Ղ度趵突泉酒
</td>
<td id = 'mytd'>†.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՘
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏋
</td>
<td id = 'mytd'>Հ度趵突泉特曲
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ՙ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏌
</td>
<td id = 'mytd'>Ծ度趵突泉特曲(简装)
</td>
<td id = 'mytd'>….18
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՚
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏍
</td>
<td id = 'mytd'>Ն度趵突泉特曲(捆扎)
</td>
<td id = 'mytd'>„
</td>
<td id = 'mytd'>ƒ*10
</td>
<td id = 'mytd'>՛
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐃
</td>
<td id = 'mytd'>Ժ度趵突泉特酿(招财进宝)
</td>
<td id = 'mytd'>ˆ.5
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՜
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐆
</td>
<td id = 'mytd'>Ծ度趵突泉醇香
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՝
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐉
</td>
<td id = 'mytd'>Ծ度趵突泉特曲
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՞
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐋
</td>
<td id = 'mytd'>Ժ度趵突泉特酿
</td>
<td id = 'mytd'>Š
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>՟
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐎
</td>
<td id = 'mytd'>Ի度趵突泉特酿(一级)
</td>
<td id = 'mytd'>….5
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ՠ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐑
</td>
<td id = 'mytd'>Հ度趵突泉特酿
</td>
<td id = 'mytd'>‡.4
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>ա
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐓
</td>
<td id = 'mytd'>Հ度趵突泉特酿
</td>
<td id = 'mytd'>‡.8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>բ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐔
</td>
<td id = 'mytd'>Հ度趵突泉酒
</td>
<td id = 'mytd'>‡.5
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>գ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㐛
</td>
<td id = 'mytd'>Ժ度趵突泉特酿
</td>
<td id = 'mytd'>Š.3
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>դ
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>㏋
</td>
<td id = 'mytd'>Հ度趵突泉特曲
</td>
<td id = 'mytd'>….8
</td>
<td id = 'mytd'>ƒ*6
</td>
<td id = 'mytd'>է
</td>
</tr>
</table>
</td>
<td nowrap width='150' align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td> </td>
</tr>
<tr>
<td>&nbsp;内容:</td>
</tr>
<tr>
<td>
&nbsp;
<textarea rows="10" name="myValue" cols = '16'></textarea>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<script language = "javascript">
//function chageSize()
//{
//myList.width = document.body.clientWidth - 150
//myList.height = document.body.clientHeight
//alert(document.body.clientWidth - 150)
//setTimeout("chageSize()", 10)
//}
//chageSize()
</script>


::-- jejwe [2006-07-20 17:14:46]