iframeクッキー2
すみません。解決したと思っていたのに後で確認したところ、出来ていませんでした。
一度削除したのに、またこうやって立てて、申し訳ないです。
何度も試行錯誤しましたがまったくうまくいかなかったので質問させて頂きます。
testページではできたのですが、index.htmlの方にするとうまくいきません。
タグをおいておきます。
*************************
index.htmlの基本とiframe
*************************
<html>
<head>
<title></title>
<META>(3行、METAタグをおいています)
<link rel="stylesheet" type="text/css" href="/standard.css">
<script language="JavaScript" src="/standard.js"></script>
<script>
function GetHeightForIndex(){
GetHeight("iframeのID");
}
</script>
</head>
<body onLoad="Clock(),Ref()">
<table ~~~
~~~
<td valign=top width=87% rowspan=2>
<script type="text/javascript">
var cook_key = "iframesrc"; /* クッキーのキーになる適当な名前 */
var cook_src;
var cookies = document.cookie.split(';');
for(var i=0; i<cookies.length; i++){
if(cookies[i].indexOf(cook_key) >-1){ cook_src = cookies[i].split('='); break; }
}
var file = cook_src? cook_src[1] : 'a.htmlにあたるページアド';
(/inde.html なら、 /フォルダ名/a.html のファイルの位置にあります)
document.write('<iframe class=tmain src="',file,'" id="iframeのid" name="iframeの名前" frameborder="0" scrolling="no" height="1500"></iframe>')
function setCook(arg){ document.cookie = cook_key + '=' + arg + ';'; }
</script>
<noscript>
<iframe class=tmain src=.htmlにあたるページアド id="iframeのid" name="iframeの名前" frameborder=0 scrolling=no height=1500></iframe>
</noscript>
</td></tr>
</table>
</body>
</html>
*************************
index.htmlのリンク
*************************
<a href=c.htmlにあたるページ onclick="setCook(this.href)">掲示板</a>
</td><td class=white width=1>
<div id="line"></div>
</td><td class=white><center>
<a href=d.htmlにあたるページ onclick="setCook(this.href)">チャット</a>
a.htmlはテーブルリンクを使用しています。
<table ~~~
<td onClick="tmain.location.href='a.htmlにあたるページ',setCook(this.href)" STYLE="cursor:hand;">
*************************
standard.js
*************************
時計や更新日、iframeの高さ可変など~~~
//iframeクッキー
var cook_key = "iframesrc"; /* クッキーのキーになる適当な名前 */
window.onload = function(){
if(cook_src) document.getElementById('iframeのID').src = '';
var cook_src;
var cookies = document.cookie.split(';');
for(var i=0; i<cookies.length; i++){
if(cookies[i].indexOf(cook_key) >-1){ cook_src = cookies[i].split('='); break; }
}
document.getElementById('iframeのID'').src = cook_src ? (cook_src[1] ? cook_src[1] : 'a.htmlにあたるページアド') : 'a.htmlにあたるページアド';
}
function setCook(arg){ document.cookie = cook_key + '=' + arg + ';'; }
こういう状態なのですがうまく機能されません。
この状態だと、
最初に表示されるa.html ×
(表示されない。404になる。)
b.thmlの表示と更新しても同じように表示される(クッキー有) ○
c.htmlやd.htmlなど、表示 ○
↑の状態でを更新をおす。 ×
(a.htmlの最初に表示するときと同じように404)
a.htmlのリンクを押す。(a.htmlが表示される) ○
document.write('<iframe class=tmain src="',file,'" id="iframeのid" name="iframeの名前" frameborder="0" scrolling="no" height="1500"></iframe>')
の
',file,'の部分をa.htmlにあたるページに直すと、
最初に表示されるa.html、c.htmlとd.htmlを更新した際、共にa.htmlが正常に表示されたので、出来たのかと思ったのですが、
b.htmlで更新を押すと、クッキーが無になり、a.htmlが表示されるようになる。
何度もすみませんが、うまくいかず、困ったので教えてください。
P.S. b.htmlのようなページを複数にする場合には、
リンクの onclick="setCook(this.href)" をb.htmlのようにしたいページのリンク(aタグ)に入れればいいですよね?
お礼
fujillinさんお世話になります。m<_ _>m あっさりと、あっけなく出来ました。 誠にシンプルな方法ありがとうございます。