首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

关于表格改为DIV的循环有关问题

2012-03-25 
关于表格改为DIV的循环问题下面这段代码是用表格循环显示数据:

关于表格改为DIV的循环问题
下面这段代码是用表格循环显示数据:
'=================================================
Movievod= " <table   width=100%   border=0   cellpadding=0   cellspacing=1   bgcolor=#F0F7FF> "
if   Sclassid <> " "   then
    set   rs=conn.execute( "SELECT   *   FROM   Movie   where   Sclassid= "&Sclassid& "   order   by   letter ")
    if   not   rs.eof   then
        i=0
        do   while   not   rs.eof
        i=i+1
            if   thischar <> rs( "letter ")   then
                thischar=rs( "letter ")
                i   =   1
                Movievod=Movievod& " <tr> <td   colspan=5   width= " "100% " "> "&thischar& " </td> </tr> <tr>   "                  
            end   if
            Movievod=Movievod& " <td   width= " "15% " "> "&rs( "NClass ")& " </td> "
            if   (i   mod   5)=0   and   i> =5   then
                Movievod=Movievod& " </tr> "
            end   if
        rs.movenext
        loop
    end   if
end   if  
set   rs   =   nothing  
set   conn   =   nothing
Movievod=Movievod& " </table> "
'=================================================

五个单元格为一行地循环。我现在想改成DIV布局的, <li> 里的内容从数据库读取,记录条数不定。显示方式为:
<div>
    <ul>
        <li> 内容一 </li>
        <li> 内容二 </li>
    </ul>
    <ul>
        <li> 内容一 </li>
        <li> 内容二 </li>
        <li> 内容三 </li>
    </ul>
</div>
应该怎么改?

[解决办法]
说的不够清楚啊,不明白你想要怎么做?
[解决办法]
不能这么简单的改

貌似ul,li不支持一行多列

为什么一定要改成ul的?

table挺好的呀
[解决办法]
什么不支持一行多列啊,
把li 的样式加上float,加入固定值的width,只要这个width加起来小于等于整个宽,他可以多列显示
<div style= "width:500px ">
<ul>
<%for i=0 to 10%>
<li style= "width:100px;float:left "> <%=i%> </li>
<%next%>
</ul>
</div>

[解决办法]
-_-#
的确可以。楼主对此很厉害啊呵呵

那么

Movievod= " <div> "
if Sclassid <> " " then
set rs=conn.execute( "SELECT * FROM Movie where Sclassid= "&Sclassid& " order by letter ")


if not rs.eof then
i=0
do while not rs.eof
i=i+1
if thischar <> rs( "letter ") then
thischar=rs( "letter ")
i = 1
Movievod=Movievod& " <ul> <li> "&thischar& " </li> </ul> <tr> "
end if
Movievod=Movievod& " <li> "&rs( "NClass ")& " </li> "
if (i mod 5)=0 and i> =5 then
Movievod=Movievod& " </ul> "
end if
rs.movenext
loop
end if
end if
set rs = nothing
set conn = nothing
Movievod=Movievod& " </div> "

不行么?〉

[解决办法]
把 <ul> 放到循环体之外,if ...end if之间,即可.
[解决办法]
同意楼上的,
然后写好CSS,就能出和表格一样的效果了。且是自动换行的,不用判断一行要几格。

热点排行