关于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>

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧