• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

とりあえずリストを並び替えるサンプルです。 <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の順を覚えておいて、ロード時に並び替えをおこなえば良いような 気がしますが検証はしていません

taku0
質問者

お礼

お返事遅くなりましたが、ご教授頂きましてありがとうございます。 クッキー発行部分を、暇を見つけて取り組みたいと思います。 分からない際には、再度投稿させて頂くかとは存じますが、また機会が ありましたらよろしくお願いいたします。

関連するQ&A

専門家に質問してみよう