- ベストアンサー
Ajaxでラジオボタン
いつもお世話になっています。 現在製作したいものがあるのですが知識不足故に形にできず困っていますｘ＿ｘ； 会員式のサイトで各ユーザーIDが「$mid」という形で読み込んでいます。 ここでユーザーがラジオボタンで「表示」を押すと「$mid.cgi」というファイルに「1」という数字を書き込み、「非表示」を選択すると「0」という数字をAjaxを用いて書き込みたいと思っています。 <FORM>などを用いるとページ遷移が出てきてしまうので・・・。 また2回目以降そのページを表示すると、以前選択した方にずっとチェックが入り続けているようにするのはどのようにすればいいのでしょうか？ お手数お掛け致しますがよろしくお願い致します。
- news_0203
- お礼率40% (327/800)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ユーザーＩＤを表示・非表示きりかえるだけですか？ Ajaxなんて使わずに、スタイルシートを切り替えて隠してしまえば すむはなしでは？ Ajaxが使えると言うことはjavascriptがつかえると言う話ですから・・・。
その他の回答 (1)
- VCAT
- ベストアンサー率20% (16/79)
マジで何言っているのか日本語が分からないけれども、 ようするにページをあっちゃこっちゃしても何かを保持 していたければＣＧＩに書き込んでおけばすむこと。 このOKwaveのIDも選択性でそうしている。
関連するQ&A
- Ajaxでウインドウ出力について
CGI上で、HTMLのコードを書いて、WEBページを出力（表示）することが出来ますが、それと同じようなことが、Ajax（Jqueryを使っています）で出来ませんでしょうか。 CGIを使ってやろうとしていたのですが、同じページでFormタグを多用しており、CGI以外の方法でページ出力をしようと思います。 HTMLからOnClickで値をAjaxに渡して、データベースとやりとりをし、Ajaxに値を戻してそれを元にページを作成して出力をさせたいのです。（別ウインドウを立ち上げで） このようなことは出来ますでしょうか。 また、出来るようでしたらどうやってプログラムを作成すればいいでしょうか。 教えてください。よろしくお願いいたします。
- ベストアンサー
- AJAX
- ajaxの使いどころ
現在、会員制のWebサービスを作成しています。 まだ初期段階ですが、今は管理者用のユーザー管理ページに着手しており、サーバーサイド、クライアントサイド合わせて、およそ7割程度完成しているいるところです。 このページの現時点での実装では、ユーザーの削除、復活、パスワードリセット、登録情報の変更、新規ユーザーの登録といった全機能でajaxを使っています。 また、処理対象のユーザーは一覧のテーブルをクリックして選択するのですが、このクリック時にサーバーからユーザーの詳細情報を取得しており、ここでもajaxを使っています。 要するに、1ページ取得したあと、そのページ内でサーバーと通信を行う必要が生じたら、それはすべてajaxを使うという決まりです。 そこで、ajaxの運用についていくつかわからない点があり、質問させて頂きます。 (1) 会員専用ページという性質を考えると、ajaxでリクエストを送信した際にも、サーバーサイドではそのリクエストに対するセッションが有効かどうかをチェックする必要がありますよね？ 一般的な会員向けWEBサービスでは、"ページ遷移毎"だけでなく、"ajaxでの通信毎"でもセッションのチェックを行うものなのでしょうか。 (2) ajaxでの通信時にセッションの有効性をチェックした結果、すでにタイムアウト等でセッションが無効な場合、一般的にはどうするべきなのでしょうか。 個人的にはlogoutページにリロードしたいと考えているのですが、このようにするには、サーバー側がレスポンスを返すときに、{error:{code:'1',message:'session_out'}}のようなJSONを返して、それをjavascript側で確認し、location.hrefを書き換える、というような流れで処理を行うことになるのでしょうか。 (3) そもそも、今回のように「１ページ内で生じるサーバー間通信は全てajaxで補う」という考え方は、一般的なものなのでしょうか。 なにが言いたいかというと、"セキュリティ等を考慮してajaxを使うべきではない処理"と"ajaxを積極的に使うべき処理"(もしくは、"ajaxを使っても差し支えない処理")の判断の仕方、つまり、ajaxの使いドコロがよく分かっていません。 以上３点につきまして、ご教授いただければ幸いです。
- ベストアンサー
- AJAX
- ラジオボタンの内容を受けてCGIでコメント表示
あるhtmlページにラジオボタンを設置しています。 このボタンを選択したらこのページ、このボタンの場合はこのページ、 と、CGIを使って、選択したボタンによってさまざまなページにジャンプさせています。 最後に、判定結果を掲載するページとして、 インラインフレームを設置し、そのなかにcgiを読み込ませて 選択したラジオボタンによってそのなかに表示させるコメントを変えたいです。 Q1でaを選んだ場合はこのコメント、 Q2でbを選んだ場合はこのコメント、 と、拾ってくる質問が記載されているhtmlページが複数にわたります。 以下でいう、test2.cgiは、どのように記述したらいいでしょうか？ サンプルコードなど掲載されているサイトがあったら教えてください。 ＜ラジオボタンが設置してあるhtmlページ＞ <form name="q1" action="test1.cgi" method="POST"> 質問 <input type="radio" name="q1" value="q1_a">回答a <input type="radio" name="q1" value="q1_b">回答b <input type="radio" name="q1" value="q1_c">回答c <input type="submit" value="判定" /> ＜コメントを表示させるhtmlページ＞ 判定結果をお知らせします <div id="frame"> <iframe src="test2.cgi" title="判定結果"> </iframe>
- ベストアンサー
- CGI
- ajax + PHPによるエラーの返し方について
エラーが戻ってこず困っています。 質問させてください。 ■質問内容 以下の記載の、【url: "./ajax_upd_user.php",】内部にて 任意のエラーコードを返し、【error: function(){】へ遷移するようにしたい。 ■現状 【ajax_upd_user.php】で任意のPHPの「throw new exception」を返しても successになってしまう。。。 ■ソースコード一部 ○「test.php」に以下のコードを記載 $.ajax({ type: "POST", url: "./ajax_upd_user.php", data: strData, dataType: "html", success: function(res){ $('#form_Area').oneTime(2000,function(){ $('#form_Area').unmask(); getUpdateAll(res); })}, error: function(){ $('#form_Area').unmask(); alert( "登録処理でエラーが発生しました。"); } }); お手数ですが、知っている方いらっしゃいましたら ご教授お願いいたします。 以上、よろしくお願いいたします。
- ベストアンサー
- AJAX
- jQueryのblockUIをformのボタンから呼ぶ際に、うまくいか
jQueryのblockUIをformのボタンから呼ぶ際に、うまくいかない。 blockUIを以下のように呼んでいます。 <script type="text/javascript" src="jquery/plugin/jquery.blockUI.js"></script> <script type="text/javascript"> // unblock when ajax activity stops $(document).ajaxStop($.unblockUI); $(document).ready(function() { $('#run').click(function() { $.blockUI({ message: '<h1>お待ちください...</h1>' }); $.ajax({ url: 'xxxx', cache: false }); }); }); </script> その上で、 <input id="run" type="submit" value="お待ちください" /> というボタンを単独でつけて押すと、「お待ちください」と表示するところまで 確認できています。 最終的に実現したいことは、formのsubmitボタンを押すことにより、 パラメータを渡した上で、cgiプログラムを実行することです。 <form action="cgi-bin/search.cgi" method="post"> この中に選択条件（パラメーター） <input id="run" type="submit" value="検索開始"> </form> 現在、blockUIを使わずに、submitボタン押すと、検索CGIが適切に 動くことは確認できています。 そこで、 form action=にどのように書けばパラメーターを持ったまま、BlockUIを呼べるのか。 $.ajax({ url: 'xxxx', cache: false }); の url部分にどのように記述すると cgiを呼べるのか。（cgi-bin/search.cgi）では動きませんでした。 そのあたりをご教授お願いいたします。 blockUIの解説ページでは、CGIの実行や別ページへの遷移のサンプルがなく 困っております。 宜しくお願いします。
- ベストアンサー
- AJAX
- jqueryMobileがAjax?
Ajaxという単語の意味がわからなくなりました… jqueryMobileの様々な解説をみているとページ切り替え時とかにAjaxによってとかいう表現が出てきますが、jqueryMobileは既にサーバーから取得したHTMLをjavascriptで表示切り替えしてるだけで、各ページの情報を適宜サーバーから取得しているというわけじゃないと思います。 Ajaxの定義はjavascriptを用いてページ遷移をすることなくサーバーと通信すること、と思っていたので、このjqueryMobileのAjaxという単語の使い方に違和感を覚えます。 jqueryMobileの解説でのAjaxって単語の使われ方は正しいんでしょうか？ それともjqueryMobileは実際はクライアントサイドでの表示切り替えだけでなくサーバーとの通信を行ってるんでしょうか？ 参考 http://dev.screw-axis.com/doc/jquery_mobile/components/pages_dialogs/page_links/
- ベストアンサー
- JavaScript
- AJAXで新規表示されたボタンが稼働しない
下記のようなものを作りました。 1 通常は下記のような <100購入>というボタンが表示されています。 <button class="button8" type="submit" name="volume" value="100">100購入</button> 2 <追加表示ボタン>を押すと、 <button class="button8" type="submit" name="volume" value="500">500購入</button>という<500購入>ボタンが新たに追加されます。 3 <100購入>ボタンか<500購入>ボタンを押すと、お好きな数値が購入できます。 前提条件 <100購入>ボタンは、当初から<form></form>内に直接記載されているボタンです。 <500購入>ボタンは、<追加表示ボタン>を押した際、AJAXにより、<form></form>内に新たに設置されるボタンです。 問題点 <100購入>ボタンは問題なく稼働します。 しかしながら、AJAXにより新たに設置された<500購入>ボタンを押しても、Formが稼働しません。 どのようにすれば、AJAXにより新たに設置された<500購入>ボタンが稼働するようになるでしょうか? よろしくお願いいたします。 +++++++++++++++++++++++++++++++++++++++++++++++++++ 当方が作ったソース <script type="text/javascript" src="./js/jquery.js"></script> <form action="abc.cgi" method="post" name="form1" id="form1"> <div id="msg">ここへ出力</div> <button class="button8" type="submit" name="volume" value="100">100購入</button </form> <BR> <button id="btn0">追加表示</button> <script type="text/javascript"> jQuery(function($){ $("#btn0") .click(function () { $.ajax({ beforeSend:function(BTN){ $("#msg").append("<BR>新規ボタンを表示します<BR>"); }, complete: function (BTN, textStatus) { $("#msg").append("<button class=\"button8\" type=\"submit\" name=\"volume\" value=\"500\">500購入</button><BR>"); } }); }); }); </script>
- ベストアンサー
- JavaScript
- Ajaxについて
いつもお世話になっております。 今回はAjaxについてお聞きしたいです。 たとえばアクセスレベル１が閲覧のみ、レベル２が閲覧と変更、レベル3が閲覧、変更とメンテナンスなど、ユーザとパスワードによってできる操作が違うものがあるとします。 そのパスワードなどはサーバにあり、入力されたものと比較して、操作レベルを分けるのですが、ここで質問があります。 あらかじめ一つのhtmlファイルに設定するフォームや設定変更ボタン、メンテナンスモード移行ボタン等を配置しておいて、パスワードによって、表示するものを選択することができますか？ たとえばレベル1でアクセスしたときは、フォームはreadonlyでメンテナンスモードボタンが非表示となっているというものです。 cgiでやればできそうですが、その際は、3つのhtmlを作らないとできないような感じでした。 Ajaxだとフォームは変えられそうでしたが、タグの表示、非表示は変えられるかどうかよくわからなかったので質問させていただきました。 以上の件、ご教授願います。
- ベストアンサー
- HTML
- Ajaxを用いた画像検索インタフェースの利点って???
現在Ajaxを用いた画像検索インタフェースの作成をしています。 最初は「ページ遷移なしでデータが表示できる」ぐらいの感覚で作成していましたが、 最近、本当にそれだけなのかと思い始めてしまいました。 そこで質問です。 画像検索インタフェースとして、Ajaxを用いて開発する利点はいったいどこにあるのでしょう？ Ajaxの最大の利点として「サーバとの非同期通信が実現できる」ことはわかります。 すなわち、「ユーザがどのタイミングでサーバとの通信をできるか設定できる」ってことなんでしょうか？ よくわかりません。 お力添えをお願いいたします。
- ベストアンサー
- AJAX
- ＜至急お願いいたします。ラジオボタンについて。＞
＜至急お願いいたします。ラジオボタンについて。＞ こんにちは。 メモ帳からHTMLでホームページを作る際に ラジオボタンを使いたいのですが <form action="Ａ.htm"> <input type="radio" name="url" value="A.htm">Ｂ（ラジオボタンの横に来る言葉（ページ名など））<br> <br> <form action="Ｃ.htm"> <input type="radio" name="url" value="Ｃ.htm">Ｄ（B同様。）<br> <br> <input type="submit" value="Go"> と、やってもラジオボタンは２つともできるのですが 「Go」を押したときにAのページへは何の問題もなく飛べるのですが Bを選択して「Go」を押した際に、 Ｂページへは飛ばずにＡページに飛んでしまいます。 どなたかわかる方がいましたら よろしくお願いします。 わかりにくい説明で申し訳ありません(>_<) HTMLについては詳しくわからないど素人なので わかりやすい回答を頂けたら幸いです。
- 締切済み
- その他（生活・暮らし）
