tableやul,liで表示されたリストの順番を任意に入れ替えて、自分用に保存したい

質問

HPを作っているのですが、tableやul,liで表示されたリストの順番を任意に入れ替えて、自分用にクッキーで保存出来ればと思ってぐぐってはみたものの良いサンプルが見つからないので、もしどなた様か参考になるようなURLなりアドバイスなり頂けませんでしょうか。宜しくお願い致します。

回答No.1

yambejp · ベストアンサー

とりあえずリストを並び替えるサンプルです。

<style>
.select{
background-color:#ffc0c0;
}
</style>
<script>
window.onload=function(){
lastid=null;
var giants=document.getElementById("giants");
var member=giants.getElementsByTagName("li");
for(var i=0;i<member.length;i++){
member[i].onclick=function(){
var p=this.parentNode;
if(lastid!=null){
var temp=document.createElement("li");
var l=document.getElementById(lastid);
var c=l.getAttribute("class")?"class":"className";
if(l==this){
this.removeAttribute(c);
lastid=null;
return false;
}
p.insertBefore(temp,l);
p.removeChild(l);
p.insertBefore(l,this);
p.removeChild(this);
p.insertBefore(this,temp);
p.removeChild(temp);
var c=l.getAttribute("class")?"class":"className";
l.removeAttribute(c);
lastid=null;
}else{
if(this.className=="") this.className="select";
lastid=this.id;
}
}
}
}
</script>
<ul id="giants">
<li id="num61">坂本</li>
<li id="num35">亀井</li>
<li id="num2">小笠原</li>
<li id="num24">高橋</li>
<li id="num5">ラミ</li>
<li id="num10">阿部</li>
<li id="num49">ゴン</li>
<li id="num0">木村</li>
</ul>

クッキーについては話すと長くなるので今回は割愛。
idの順を覚えておいて、ロード時に並び替えをおこなえば良いような
気がしますが検証はしていません

お礼

お返事遅くなりましたが、ご教授頂きましてありがとうございます。

クッキー発行部分を、暇を見つけて取り組みたいと思います。

分からない際には、再度投稿させて頂くかとは存じますが、また機会が

ありましたらよろしくお願いいたします。