NO.149 ドキュメント応用⑨

サイト内お気に入り機能

ザに搭載されてる『気に入ったリスト』機能に近いですが、
こちらは配列を使わずに単にCookieで空いてる(値を書き込める)キーワードにどんどん追加していくタイプです。
JavaScriptやり始めて間もない頃に使ったやり方です。

実行例

ソース

<script type=text/javascript>
<!--
function DDL(){
XX="<table border=1><tr><th colspan=2>FAVOLITE </th></tr>";
for(C=0;C<30;C++){
JP=dataGET("fav"+C);
GP=dataGET("title"+C);
if((JP!="")&&(JP!=" ")){
XX+="<tr><td width=70%><a href="+JP+" target=f1>"+GP+"</a></td>"+
"<td><a href='javascript:DOC("+C+");'>"+"DEL</a></td></tr>";}}
XX+="</table>";
ftv.innerHTML=XX;
}
function dataGET(keyname){
tmp = document.cookie + ";";
index1 = tmp.indexOf(keyname,0);
if(index1 != -1){
tmp = tmp.substring(index1,tmp.length);
index2 = tmp.indexOf("=",0) + 1;
index3 = tmp.indexOf(";",index2);
return(unescape(tmp.substring(index2,index3)));
}
return("");
}
function dataSET(keyname,val){
tmp = keyname + "=" + escape(val) + ";";
tmp += "expires = Mon,22-Feb-2010 23:59:59;";
document.cookie = tmp;
}
function DOC(TRT){
DA=confirm("削除しますか？");
if(DA==true){
dataSET("fav"+TRT," ")
dataSET("title"+TRT," ")
DDL();}
}
function GTQ(){
SD=confirm("全ての項目を削除しますか？");
if(SD==true){
for(A=0;A<30;A++){
dataSET("fav"+A," ")
dataSET("title"+A," ")
}DDL();}
}
function FAV(ftp1,ftp2){
MSN=confirm("『"+ftp2+"』をFAVOLITEに追加しますか？");
if(MSN==false){return false;}
for(B=0;B<30;B++){
AA=dataGET("fav"+B);
if((AA=="")||(AA==" ")){
dataSET("fav"+B,ftp1);
dataSET("title"+B,ftp2);
DDL();
return false;
}}
alert("FAVOLITEが満杯です｡   \n追加したい場合は既存のリンクを削除してください｡")
return false;
}
-->
</script>
<iframe name=f1 style="width:80%;height:500;"src=index.html></iframe><br><br>
<input type=button value="気に入る"onClick="FAV(f1.location,f1.document.title);"><br><br>
<script language=javascript>
<!--
document.write("<div id=ftv><table border=1><tr><th colspan=2>FAVOLITE </th></tr>");
for(C=0;C<30;C++){
JP=dataGET("fav"+C);
GP=dataGET("title"+C);
if((JP!="")&&(JP!=" ")){
document.write("<tr><td width=70%><a href=",JP," target=f1>",GP,"</a></td>");
document.write("<td><a href='javascript:DOC("+C+");'>");
document.write("DEL</a></td></tr>");}}
document.write("</table></div>");
-->
</script>

実行

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送