アプリ版：「スタンプのみでお礼する」機能のリリースについて

radio選択をクッキーに保存させる方法について

解決済

  • 質問者：tomorrow_005
  • 質問日時：
  • 回答数：2件

こんにちは。
PHPでメタサーチを作っています。

複数の検索サイト（Yahoo!、Google等）から選択し、
検索窓に入力した値を検索サイトに送り、
iframe内に表示するようにしました。

さらに、サイトに再訪問時に、
ラジオボタンのの選択を前回と同様にしたいと思っています。

しかし、ラジオボタンのcookie保存・読み込みがうまくいきません。

PHP、JavaScript、jQueryと、様々な方法を試してみたのですが、
うまくいかず、よくわからなくなってきました。

値の取得方法に問題があるのでしょうか？
ご教示お願い致します。

※現在、jQuery使用でプログラムを組もうとしていますが、
PHPで可能であれば、その方法でもかまいません。


search4.php


<?php
$keyword=$_GET["keyword"];
$keyword4url=urlencode($keyword);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript">
function P1(w1){parent.frame1.location.href=w1}

//チェック状態保存
function saveChk(){
for(var i=1;i<3;i++){
if($("#chk_"+i).attr("checked")){
$.cookie('chk_'+i,'1');
}
else{
$.cookie('chk_'+i,null);
}
}
}

//チェック状態読み込み
function initChk(){
for(var i=1;i<3;i++){
if($.cookie('chk_'+i)){
$("#chk_"+i).attr("checked",true);
}
}
}

//ページ表示時
$(function($){
initChk();
});

</script>
</head>

<body>
<center>
<form action="search4.php" method="get">
キーワード：<input type="text" name="keyword" size="20" value="<?php echo $keyword;?>" onfocus="this.select()">
を
<input id="chk_1" type="radio" name="RB1" onClick="P1('http://search.yahoo.co.jp/search?p=<?php echo $keyword4url; ?>');saveChk();" checked>Yahoo!
<input id="chk_2" type="radio" name="RB1" onClick="P1('http://www.google.co.jp/#q=<?php echo $keyword4url; ?>');saveChk();">Google
で
<input type="submit" value="検索する" onclick="saveChk();">
</form>
<br>

<iframe src="http://search.yahoo.co.jp/search?p=<?php echo $keyword4url; ?>" name="frame1" frameborder="1" scrolling="auto" width="977" height="600">
</iframe>

</center>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： yambejp
  • 回答日時：

>setCookie("chk_1","0");に変更しました




ちょっと状況がわからないですが・・・
なぜよりによって"0"を選ぶのでしょうか？
0は比較演算子を使うとき空文字やfalseなどと等価でチェックされる場合もあります。
0をつかうなら比較の際にもうすこし厳密にチェックした方がいいでしょう。
そして仮に0をつかったとして、なぜPHP側のチェックで"1"と比較しているのでしょうか？
0をクッキーにいれたなら0と比較してください。

いか、再度サンプル。

<?PHP
$checked["chk_1"]=((string) $_COOKIE["chk_1"]==="0")?" checked":"";
$checked["chk_2"]=((string) $_COOKIE["chk_2"]==="0")?" checked":"";
print_r($_COOKIE);
?>

<script>
function setCookie(key,val,url){
tmp = key+"="+escape(val)+";";
tmp += "expires=Fri, 31-Dec-2030 23:59:59;";
if(url){
tmp += "domain="+getDomain(url)+";";
tmp += "path="+getDomainPath(url)+";";
}
document.cookie = tmp;
};
function delCookie(key){
expiredate = new Date();
expiredate.setYear(expiredate.getYear()-1);
tmp = key+"=;";
tmp += "expires="+expiredate.toGMTString();
document.cookie = tmp;
};
function set_cookie_radio(){
delCookie("chk_1");
delCookie("chk_2");
if(document.getElementById("chk_1").checked) setCookie("chk_1","0");
if(document.getElementById("chk_2").checked) setCookie("chk_2","0");
}
</script>
<form onsubmit="set_cookie_radio()">
キーワード：<input type="text" name="keyword" size="20">を
<input id="chk_1" type="radio" name="RB1" <?PHP echo $checked["chk_1"];?>>Yahoo!
<input id="chk_2" type="radio" name="RB1" <?PHP echo $checked["chk_2"];?>>Google
で
<input type="submit" value="検索する">
</form>

サブミットのonclickと関数が競合している可能性は否定できませんが
こまかく検証してませんのであしからず
    • good
    • 0
    • 件
通報する
この回答へのお礼

"0"にはそのような意味があったのですね。
不勉強で勝手に変更してしまい申し訳ありませんでした。

delCookie("chk_1");
でクッキーを削除してしまうと
Undefined index: chk_1
とエラーが出たので、
chk_1にも"0"を入れて"0"と"1"で区別するつもりでした。

しかしこの方法ではラジオボタンの選択肢が増えると
クッキーの数も増えるのであまりよくありませんね。

エラーは
isset($_COOKIE["chk_1"])
で回避するようにしました。


「検索する」で検索できない不具合は私の勘違いでした。
しかしこれでは、選択した項目での検索ができないので、
プログラム構成を再検討致します。


このたびは本当にありがとうございました。
１ヶ月近く悩んでいたことが解決に向かい、本当に嬉しいです。

通報する
お礼日時：2011/09/23 01:50

No.1

  • 回答者： yambejp
  • 回答日時：

流れ的には


(1)サブミットする際に、javascriptでクッキーを設定する
(2)表示の際にチェックしてcheckedをつける
で、よいかと。複数個所ある場合はもう少し工夫が必要ですが
考え方は同じです。

<?PHP
if($_COOKIE["chk_1"]==1) $checked["chk_1"]=" checked";
if($_COOKIE["chk_2"]==1) $checked["chk_2"]=" checked";
?>

<script>
function setCookie(key,val,url){
tmp = key+"="+escape(val)+";";
tmp += "expires=Fri, 31-Dec-2030 23:59:59;";
if(url){
tmp += "domain="+getDomain(url)+";";
tmp += "path="+getDomainPath(url)+";";
}
document.cookie = tmp;
};
function delCookie(key){
expiredate = new Date();
expiredate.setYear(expiredate.getYear()-1);
tmp = key+"=;";
tmp += "expires="+expiredate.toGMTString();
document.cookie = tmp;
};
function set_cookie_radio(){
delCookie("chk_1");
delCookie("chk_2");
if(document.getElementById("chk_1").checked) setCookie("chk_1","1");
if(document.getElementById("chk_2").checked) setCookie("chk_2","1");
}
</script>
<form onsubmit="set_cookie_radio()">
キーワード：<input type="text" name="keyword" size="20">を
<input id="chk_1" type="radio" name="RB1" <?PHP echo $checked["chk_1"];?>>Yahoo!
<input id="chk_2" type="radio" name="RB1" <?PHP echo $checked["chk_2"];?>>Google
で
<input type="submit" value="検索する">
</form>

この回答への補足

ご回答ありがとうございます。
教えて頂いたサンプルを参考に組み替えました。
（エラー回避のためelse文追加、delCookie("chk_1");をsetCookie("chk_1","0");に変更しました。）

しかし、今度は「検索する」ボタンを押したときに検索が出来なくなってしましました。
action="search4-1.php" method="get"
と
onsubmit="set_cookie_radio()"
は両立できないのでしょうか？

お忙しいところ申し訳ありませんが、ご回答お願い致します。


以下、書き換えたソースを添付致します。

search4-1

<?php
$keyword=$_GET["keyword"];
$keyword4url=urlencode($keyword);
?>
<?php
if($_COOKIE["chk_1"]==1){
$checked["chk_1"]=" checked";
}else{
$checked["chk_1"]="";
}
if($_COOKIE["chk_2"]==1){
$checked["chk_2"]=" checked";
}else{
$checked["chk_2"]="";
}
?>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function P1(w1){parent.frame1.location.href=w1}

function setCookie(key,val,url){
tmp = key+"="+escape(val)+";";
tmp += "expires=Fri, 31-Dec-2030 23:59:59;";
if(url){
tmp += "domain="+getDomain(url)+";";
tmp += "path="+getDomainPath(url)+";";
}
document.cookie = tmp;
};
function delCookie(key){
expiredate = new Date();
expiredate.setYear(expiredate.getYear()-1);
tmp = key+"=;";
tmp += "expires="+expiredate.toGMTString();
document.cookie = tmp;
};
function set_cookie_radio(){
setCookie("chk_1","0");
setCookie("chk_2","0");
if(document.getElementById("chk_1").checked) setCookie("chk_1","1");
if(document.getElementById("chk_2").checked) setCookie("chk_2","1");
}

</script>
</head>

<body>
<center>

<form action="search4-1.php" method="get" onsubmit="set_cookie_radio()">
キーワード：<input type="text" name="keyword" size="20" value="<?php echo $keyword;?>" onfocus="this.select()">
を
<input id="chk_1" type="radio" name="RB1" onClick="P1('http://search.yahoo.co.jp/search?p=<?php echo $keyword4url; ?>')" <?PHP echo $checked["chk_1"];?>>Yahoo!
<input id="chk_2" type="radio" name="RB1" onClick="P1('http://www.google.co.jp/#q=<?php echo $keyword4url; ?>')" <?PHP echo $checked["chk_2"];?>>Google
で
<input type="submit" value="検索する">
</form>

<iframe src="" name="frame1" frameborder="1" scrolling="auto" width="977" height="600">
</iframe>

</center>
</body>
</html>

補足日時：2011/09/22 15:16
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報