关于Div排列的问题！

sirlotus 2002-05-23 02:41:45

比如我的页面中有N个div，不知道能否按他们的名字（按拼音）、按类型排序啊，如果排序后div的长度超过页面的长度能否自动折行，如果可以，拜托各位给个详细点的例子！谢谢！

...全文

333 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

qiushuiwuhen 2002-05-23

打赏
举报

我放弃了，等别人吧

给了你也不认真看，徒劳

我回答问题重在点，而不是分

sirlotus 2002-05-23

打赏
举报

我是个初学者，能不能提供一个完整的例子！

还有一个问题，如何在一个层上加最大化、最小化、还原、关闭功能。最大化时可以将这个层铺满整个页面，最小化时只显示标题。

qiushuiwuhen 2002-05-23

打赏
举报

var startX=0,startY=40,maxX=400,stepY=20;

设定maxX:到多长换行
stepY:每换行加多长

sirlotus 2002-05-23

打赏
举报

帮我搞定多少分都可以，麻烦各位了！

qiushuiwuhen 2002-05-23

打赏
举报

var startX=0,startY=40,maxX=400,stepY=20;

设定maxX，到多长换行
设定stepY,换行Y加多长

to weidegong(weidegong) :你的最终目的是什么?
比如一堆的div，重组成排序的

sirlotus 2002-05-23

打赏
举报

可能是我没说清楚，我就是想将几个同样大小的div块，通过几个按钮让他们按照拼音顺序横向排序、对齐，如果超出页面的右边界会自动折行，还可以通过拖动每个div来改变它们的位置，可是不管怎么变，只要通过这几个按钮就可以将它们重新排列，可以实现吗，不如象这样的N个div:
<div><table><tr><td>
<table cellSpacing="0" cellPadding="0" border="0">
<tr height="25">
<td class=class1 width="220" colSpan="3" height="25" align="center">
<font class=classfont>DIV1</font></td>
</tr>
<tr>
<td class=class1 width="220" colSpan="3" height="1"></td>
</tr>
<tr>
<td class=class1 width="1"></td>
<td class=classbody align="middle" width="218" height="215"></td>
<td class=class1 width="1"></td>
</tr>
<tr>
<td class=class1 width="220" colSpan="3" height="1"></td>
</tr>
</table></div>

weidegong 2002-05-23

打赏
举报

你的最终目的是什么？看看下面代码对你有没有帮助

<body topmargin=0 leftmargin=0 rightmargin=0 >
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0 style="word-break:break-all">
<tr><td>
<div>
斯大林附加赛对立法；联赛看东方所对立法；记阿瑟琳；对方可见；劳动服金卡所；两顿开房间科；拉萨地方军；萨迪克福建阿瑟离开；接的发送；对立法进口撒；对立法将阿瑟；封口机萨迪克立法局；
</div>
</td></tr>
</TABLE>

rocsnake 2002-05-23

打赏
举报

这就要看你的要求了，对于JavaScript，很多东西都能控制，主要就要看自己的算法如何了！有问题可以多聊聊。

sirlotus 2002-05-23

打赏
举报

多谢二位，
to qiushuiwuhen(秋水无恨) :你的那段程序，怎么还没有到页面的边界就已经折行了？
to rocsnake(dp):呵呵...我一定会给分的。

如果我将div打乱顺序，也就是说可以放在页面的任何部分，还能实现我说的效果吗

rocsnake 2002-05-23

打赏
举报

要给分哦

<html>
<head>
</head>
<body>
<button onclick="clkName()">name</button>
<button onclick="clkType()">type</button>
<div name=a1 type=a4 style="background-color:#aaccee">name:a1-type:a4</div>
<div name=a2 type=a3 style="background-color:#aaddee">name:a2-type:a3</div>
<div name=a3 type=a2 style="background-color:#bbccee">name:a3-type:a2</div>
<div name=a4 type=a1 style="background-color:#aaffaa">name:a4-type:a1</div>
</body>
</html>

<script language="javascript">
function clkName(){
var divArr = new Array()
var i,j,obj
for(i=0;i<document.body.children.length;i++){
if(document.body.children[i].tagName == "DIV"){
divArr[divArr.length] = document.body.children[i]
}
}
for(i=0;i<divArr.length;i++){
for(j=i;j<divArr.length;j++){
if(divArr[i].name<divArr[j].name){
obj = divArr[i]
divArr[i] = divArr[j]
divArr[j]=obj
}
}
}
for(i=0;i<divArr.length;i++){
document.body.appendChild(divArr[i])
}
}
function clkType(){
var divArr = new Array()
var i,j,obj
for(i=0;i<document.body.children.length;i++){
if(document.body.children[i].tagName == "DIV"){
divArr[divArr.length] = document.body.children[i]
}
}
for(i=0;i<divArr.length;i++){
for(j=i;j<divArr.length;j++){
if(divArr[i].type<divArr[j].type){
obj = divArr[i]
divArr[i] = divArr[j]
divArr[j]=obj
}
}
}
for(i=0;i<divArr.length;i++){
document.body.appendChild(divArr[i])
}
}
</script>

qiushuiwuhen 2002-05-23

打赏
举报

这样行么，刚做的，呵呵(IE6通过)
<div id=divA>Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div id=divC>Cccccccccccccccccccc</div>
<div id=divB>Bbbbbbbbbbbbbbb</div>
<div id=divE>Eeeeeeeeeee</div>
<div id=divD>Ddddddd</div>
<script>
/******(qiushuiwuhen 2002-5-23)*******/
var objs=document.all.tags("div"),arr=[];
var startX=0,startY=40,maxX=400,stepY=20;
for(i=0;i<objs.length;i++)arr[i]=objs[i].id;
arr.sort();
for(i=0;i<arr.length;i++)
with(document.all(arr[i])){
style.position="absolute"
style.pixelLeft=startX;
style.pixelTop=startY;
startX+=offsetWidth;
if(startX>maxX){startX=0;startY+=stepY}
}
</script>

div+css布局大全 B/S项目表现层也很重要！