![]()
- 当日から3日後がデフォルトの連動年月日プルダウン
当日から3日後がデフォルトの連動年月日プルダウンを作成したいと思っております。 言語はPHPかJavaScriptを予定しています。 まず1つ目のプルダウンには当日から3日後～1か月程度の選択肢を、2つ目のプルダウンには1つ目のプルダウンで選択された日付の1日後～1か月程度の選択肢にしたいと考えています。 プルダウン(1) 2013-03-15 プルダウン(2) 2013-03-16 連動プルダウンのサンプルコードは手に入ったのですが、日付のプルダウンにするにはどうすれば良いかが全く分かりませんでしたので、質問させて頂きました。 すみませんが、どなたかサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ifp_u
- 回答数2
- 当日から3日後がデフォルトの連動年月日プルダウン
当日から3日後がデフォルトの連動年月日プルダウンを作成したいと思っております。 言語はPHPかJavaScriptを予定しています。 まず1つ目のプルダウンには当日から3日後～1か月程度の選択肢を、2つ目のプルダウンには1つ目のプルダウンで選択された日付の1日後～1か月程度の選択肢にしたいと考えています。 プルダウン(1) 2013-03-15 プルダウン(2) 2013-03-16 連動プルダウンのサンプルコードは手に入ったのですが、日付のプルダウンにするにはどうすれば良いかが全く分かりませんでしたので、質問させて頂きました。 すみませんが、どなたかサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ifp_u
- 回答数2
- javascriptのPHP化について
宜しくお願い致します。 javascriptの外部ファイルをPHP化して、サーバサイドで動的に生成した内容を吐き出し、それをHTML側でjavascriptの外部ファイルとして受け取って処理しております。 この場合のブラウザがアクセスした際に処理される順番は・・・ (1)HTMLの読み込み開始 (2)header内のjavascript外部ファイルの読み込みと実行 (3)HTMLファイルのbody以下を読み込み (4)結果をブラウザに返して表示 という流れになるはずです。 この場合、(2)のjavascript外部ファイルの方がbodyより先に実行されるはずです。 しかし、javascript外部ファイル内のPHPでセッションデータを扱っている場合、(3)のbody内でPHPでセッションを定義した内容が、なぜか(2)のjavascript外部ファイルで反映されて実行されるのです。 私のイメージでは・・・ (1)HTMLの読み込み開始 (2)header内のjavascript外部ファイルの読み込みと実行 ※この時セッションは反映しない (3)HTMLファイルのbody以下を読み込み ※この時にセッションを入れても(2)が既に実行さられているので反映しない (4)結果をブラウザに返して表示 ※結果、セッションにデータが入っておらず、php側でエラーを吐き出しjavascriptが止まる という様になるかと思ってましたが、なぜか実行されます。 javascriptはHTMLが全部読み込まれてから実行されるのでしょうか？
- ベストアンサー
- JavaScript
- nikuq
- 回答数3
- 重い処理中のアニメーションgifについて
お世話になります。 javascript で重い処理中のプログレス(アニメーションgif)表示について教えてください。 やりたいことは以下です。 ==================================== 1.重い処理の前にプログレス(アニメーションgif)表示 2.重い処理開始 3.プログレス(アニメーションgif)非表示 [sample.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn').click(function() { progressStart(); // プログレス(アニメーションgif)表示 func1(); // 重い処理開始 progressEnd(); // プログレス(アニメーションgif)非表示 }); }); /** * プログレス(アニメーションgif)表示 */ function progressStart() { $('#prog').show(); } /** * プログレス(アニメーションgif)非表示 */ function progressEnd() { $('#prog').hide(); } /** * 重い処理(とりあえず5秒) */ function func1() { var T = 5; //T秒待つ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while( d2 < d1+1000*T ){ d2=new Date().getTime(); } return; } </script> </head> <body> <form> <input type="button" id="btn" value="開始" /> <div id="result"></div> <img id="prog" src="img/loadinfo.gif" alt="" style="display:none;" /> </form> </body> </html> ==================================== 上記コードで試したのですが、 重い処理中はプログレス(アニメーションgif)が動かず固まったままです。。。 重い処理中もプログレス(アニメーションgif)を 動いたままにすることは可能なのでしょうか？ どなたかご教授いただければと思います。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- gree777
- 回答数3
- Adodbの改行コードについて
お世話になります。 クライアントにAccessが無いのでAccessモドキを作るのが目的で CSVを読み込み編集しCSVを書き出すhtaを作成しているのですがAdodbで躓いてしまいました。 読み込んだCSVの仕様に準拠して書き出すのですが、 どうしても改行コードが上手く出力出来ず悪戦苦闘中です。 WriteTextで行区切り文字を指定していますが 指定していないとLFが出力されており、 現在の指定でもCRLFの後にLFが吐き出されています。 LFが邪魔で仕方ないのですが必ず出力されてしまうものなのでしょうか？ 回答お待ちしております。 CSVの仕様 ・UTF-8 ・セル内改行コード：LF ・行区切り：CRLF ・全セル「"」括り 書き込みデータ ・配列：textArray (「"」括り、「,」区切り済み、1要素1レコード) /* * @param file : ファイルフルパス * @param textArray : 書き込み配列 * return boolean : 成功判定(失敗時エラーコード) */ function adodbLineout(file, textArray){ try{ var adbStrm = new ActiveXObject("ADODB.Stream"); adbStrm.Charset = 'UTF-8'; adbStrm.lineSeparator = -1; for(i=0;i<textArray.length;i++){ if(textArray[i] == ""){continue;} adbStrm.WriteText(textArray[i], 1); } adbStrm.SaveToFile(file); adbStrm.Close(); return false; }catch(e){ return e; } } 因みに疑似システムはマクロで既に組み上げていたりするので 「Excelで作れ」など別システムの推奨はご遠慮下さいませ。 (読み込みファイルはそのExcelで作成しています。)
- ベストアンサー
- JavaScript
- SiegSolFried
- 回答数1
- 重い処理中のアニメーションgifについて
お世話になります。 javascript で重い処理中のプログレス(アニメーションgif)表示について教えてください。 やりたいことは以下です。 ==================================== 1.重い処理の前にプログレス(アニメーションgif)表示 2.重い処理開始 3.プログレス(アニメーションgif)非表示 [sample.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn').click(function() { progressStart(); // プログレス(アニメーションgif)表示 func1(); // 重い処理開始 progressEnd(); // プログレス(アニメーションgif)非表示 }); }); /** * プログレス(アニメーションgif)表示 */ function progressStart() { $('#prog').show(); } /** * プログレス(アニメーションgif)非表示 */ function progressEnd() { $('#prog').hide(); } /** * 重い処理(とりあえず5秒) */ function func1() { var T = 5; //T秒待つ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while( d2 < d1+1000*T ){ d2=new Date().getTime(); } return; } </script> </head> <body> <form> <input type="button" id="btn" value="開始" /> <div id="result"></div> <img id="prog" src="img/loadinfo.gif" alt="" style="display:none;" /> </form> </body> </html> ==================================== 上記コードで試したのですが、 重い処理中はプログレス(アニメーションgif)が動かず固まったままです。。。 重い処理中もプログレス(アニメーションgif)を 動いたままにすることは可能なのでしょうか？ どなたかご教授いただければと思います。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- gree777
- 回答数3
- 繰り返し処理のやり方
jQueryで、Deferredオブジェクトに登録した関数を.resolveで実行する、という処理を行っています。 この処理を永久に繰り返すにはどう書けば良いでしょうか？ var $deferred = $.Deferred(function(deferred){ deferred.then(animation01) .then(animation02) .then(animation03) .then(animation04); }); $(window).on('load', function(){ $animation.css('visibility', 'visible'); $deferred.resolve(); });
- ベストアンサー
- JavaScript
- 25taku
- 回答数1
- このjQueryの意味を説明してください。
jQuery の初心者です。 あるサイトからjQueryでクロスフェードさせる内容のものを 参考にしているのですが、セレクタなどの個々の意味が いまひとつ理解出来ません。 調べて自分なりの解釈を書きましたが、訂正などがありましたら ご説明頂ければと思います。 ■html <div class="box"> <img src="1.png" width="600" height="200" alt="" /> <img src="2.png" width="600" height="200" alt="" /> <img src="3.png" width="600" height="200" alt="" /> </div> ■css .box{ position:relative; height:300px; width:400px; } .box img{ position:absolute; left:0; top:0; } ■js $(function(){ $('.box img:gt(0)').hide(); //0より大きい数字のimgをhideする setInterval(function(){ $('.box :first-child') //.box内の一番目 .fadeOut(1500) //1.5秒かけてフェードアウト .next('img') //次のimgを .fadeIn() //フェードイン .end() //終わったら？？ .appendTo('.box'); //.boxに追加？？ },4000); //4秒間隔で繰り返す });
- 締切済み
- JavaScript
- chiko_808
- 回答数1
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- Google mapが表示されない
下記のサイトを参考にサイドバー付の地図を作成しました。 http://googlemaps.googlermania.com/google_maps_api_v3/map_example_sidebar.html アップロードする前はいつでも問題なく表示されるのですが、アップロードすると表示されたりされなかったりします。 色々調べていると http://soudan1.biglobe.ne.jp/qa5278821.html 『無料サービスの方では、連続してジオコーディングできない仕様に なっています。レスポンスのステータスに620が返っているはずです。』 のような情報はあるのですが、プログラミングはほぼ初心者で自分で作成できなく私の場合、どのように対応したらよいのか分かりません。 ご指導よろしくお願い致します。
- 締切済み
- JavaScript
- komattemasu30
- 回答数6
- JavaScriptで一定時間待ってから実行
サイトを読み込んで一定時間待ってから実行する、JavaScriptの記述でを教えてください。 情報サイトを参考にし、自分なりにコードを書いてみました。 現在、IE・Firefox・Chromeでは正常に動作しますが、 Windows用Safariでのみ動作がおかしくなっています。 私の記述が間違っていると思います。 下記にコードを記述しました、ご指摘いただけませんでしょうか。 ＜サウンドとSafariの動作について＞ サイトを開いた時にサウンド（２．５秒位）を鳴らしています。 サウンドはループしています。 Safari以外はサウンドが全て鳴り終わってからループします。（正常） Safariのみサウンドが全て鳴り終わらずにループします。 （下記記述の一定時間で待つ時間で止まってから再度はじめから鳴ります） 全くの素人で大変恐縮ですが、ご指摘よろしくお願いします。 【コード】 jQuery(document).ready(function(){ setTimeout('stop()', 2000); }); function stop(){ musicjs.createAll(); }
- ベストアンサー
- JavaScript
- tsyok
- 回答数1
- ロールオーバーのJava Scriptの書き方
ロールオーバーに関するJava Scriptの書き方教えてください。 $(".js_rollover_png").hover(function(){ $(this)[0].src=$(this)[0].src.replace("-off.png", "-on.png"); },function(){ $(this)[0].src=$(this)[0].src.replace("-on.png", "-off.png"); }); 上記でPC上では問題ないのですが、iphoneなどでロールオーバー画像をクリックしページ移動後、 元ページに戻るとロールオーバー画像が消えて見えなくなってしまいます。 初心者なので少しどうしたらいいか煮詰まってしまいましたので、お知恵をお貸し頂けませんでしょうか。 できましたら、どのように記述すればいいか記述例を教えていただければ幸いです。 ヨロシクお願い致します。 補足ちなみにiphoneなどスマホ、タブレットでロールオーバーは再現されなくてもいいです。 クリック後画像が消えなければそれで満足です。
- 締切済み
- JavaScript
- ju20nk10
- 回答数1
- javascript 乱数が取得できない
はじめまして。 一月ほど前から「パズルネット ソフィア」 http://www.pori2.net/js/number/4.html というサイトでjavascriptの基礎を学んでいるのですが、乱数 を扱う段階になって自分の作成したプログラム（以下） <html> <head> </head> <body onload="Mondai()"> <form name="quiz"> <input type="text" value="" > <input type="button" value="赤" onclick="Push(0)"> <input type="button" value="青" onclick="Push(1)"> <input type="button" value="黄" onclick="Push(2)"> <input type="button" value="緑" onclick="Push(3)"> <input type="button" value="白" onclick="Push(4)"> </form> <script type="text/javascript"> <!-- var col=new Array("red","bleu","yellow","green","white"); var Rnd; function Mondai(){ Rnd=Math.floor(Math.random() * 5 ); document.quiz.element[0].value=col[Rnd]; } function Push(num){ var n=parseInt(num); if( n==Rnd ){ Mondai(); }else{ alert("違います。"); } } // --></script> </body> </html> を実行してもテキストボックス内に何の値も表示されず 、ボタンを押しても「違います。」とだけしか出てきません。 ブラウザはfirefoxを使用しており、javascriptの設定もonに なっています。 カンマや鍵括弧などの記号にも打ち間違いがないかサンプル プログラムを参考にしながら確認してみたのですが、どこにも おかしな点はありませんでした。 サンプルプログラムは下記のとおりで、こちらは正常に実行されます。 <body onload="Mondai()"> <form name="quiz"> <input type="text" value=""> <input type="button" value="赤" onclick="Push(0)"> <input type="button" value="青" onclick="Push(1)"> <input type="button" value="黄" onclick="Push(2)"> <input type="button" value="緑" onclick="Push(3)"> <input type="button" value="白" onclick="Push(4)"> </form> <script type="text/javascript"> <!-- //色名の英単語を配列に入れる var col=new Array("red","blue","yellow","green","white"); //乱数を入れる変数 var Rnd; //テキストボックスに問題文（色名）を表示する関数 function Mondai(){ //0～4までの乱数を発生させる Rnd=Math.floor( Math.random() * 5 ); document.quiz.elements[0].value=col[Rnd]; } //正誤判定関数 function Push(num){ //引数を数字に変換 var n=parseInt(num); //正解なら次の問題を表示、間違っていたらアラートを表示する if ( n == Rnd ){ Mondai(); }else{ alert("違います！"); } } // --> </script> どなたかアドバイスをいただけないでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- ippenho-shi
- 回答数3
- ホームページ スマートフォン PC 振り分け
初質問でつたない文章ですが、ご回答のほどよろしくお願い致します。 【質問】 スマホからスマホ版ページに飛び、PC版へのリンクを押した場合はPC版を閲覧出来るという設定はjavascript利用で行えないでしょうか？ そんなめんどくさい事をするならhtaccessを利用した方がいいのでしょうか？ htaccessでもそういった設定は難しいのでしょうか？ 【現状】 PC版とスマホ版のウェブサイトを作り、htmlを書き足してjavascriptで振り分ける方法にしました。振り分けは問題なくできています。 【問題点】 スマホ版ページに「PC版」と文字を書いて、スマホでPC版を見たい人が飛べるようリンクを貼ったのですが、当然の事ながらスマホはスマホとして認識されるので、上記のhtml記述ではPC版に飛べません。 スマホでスマホ版ページの「PC版」という文字を押しても今居るスマホ版ページに飛ぶだけで、ひたすらループするのみです。 ーーーーーーーーーー関連個所ーーーーーーーーーー <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = 'sp'; } </script> ーーーーーーーーーーーーーーーーーーーーーーーー 拙い文章失礼しました。 よろしくお願いします！！
- 締切済み
- JavaScript
- HUIZINGA
- 回答数1
- xx.cgi?/***のリダイレクトを行いたい
.htaccessを使い、別のページにリダイレクトを行いたいのです。 今、h ttp://xxxyyyzzz.co.jp/cgi-bin/index.cgi?/01_aaa/ajan.html/ のようにアドレスバーには表示されています。 これをh ttp://xxxyyyzzz.co.jp/newsite/****** にリダイレクトするようにしたいのですが・・・・ (*****は移動元によって変わります) 構造は如何の様になっています (ファイル名は仮です) main(.htaccess設置) -/01_aaa/-/ajan.html -/a -/02_bbb/-/bmay.html -/baplil.html -/cgi-bin/-index.cgi Redirect permanent /cgi-bin/index.cgi h ttp://xxxyyyzzz.co.jp/newsite/******/ と記述すると、全ページ同じ場所に移動してしまいますし、 前を/cgi-bin/index.cgi?/01_aaa/ajan.html/ に変えたら リダイレクト自体が動きません。 申し訳ありませんがよろしくおねがいします。
- ページ切り替え時に点線を表示させたまにしたい。
タイトルが分かりにくく申し訳ございません。 （WordPressを使っています） 現在、TOPページにインラインフレームを使い、新着情報を表示させています。（ページナビ付き） タイトル下には点線をCSSで表示させていました。 ページナビでページを送ると画面が切り替わるので、そのタイミングでタイトル下の点線が一瞬消えてしまいます。（ページ切り替えなので当たり前の動作ですが） 一瞬でも消さない方法はないかと思い、TOPページに画像として位置を合わせて表示させておきました。 インラインフレーム内の新着情報はページナビで切り替わり、点線はTOPページの画像なので表示されたままには出来たのですが、何も考えずにTOPページに貼りつけただけなので、新着情報の件数に関係なく表示されたままになってしまっています。 新着情報の件数に合わせて表示させ、尚且つページ切り替えの影響を受けづに表示させる方法はないでしょうか。 下記にコードを記述しました。 （HP作成は全くのど素人で記述がなっていない点が山ほどあると思います。ご了承ください） ご享受よろしくおねがいします。 <?php if($_SERVER['REQUEST_URI']=="/top/"): ?> // TOPページにインラインフレーム <iframe frameborder="0" src="http://・・・・/category/news" scrolling="no"></iframe> <div id="dot1"> <img src="<?php bloginfo('template_url'); ?>/images/dot.png" ></div>//点線１ <div id="dot2"> <img src="<?php bloginfo('template_url'); ?>/images/dot.png" ></div>//点線２ //…８件分点線の画像を表示 <div id="dot8"> <img src="<?php bloginfo('template_url'); ?>/images/dot.png" ></div>//点線８ <?php endif; ?> //インラインフレーム内（新着情報） <?php query_posts($query_string . '&' .'showposts=10&category_name=news'); if (have_posts()) : while (have_posts()) : the_post(); ?> <h2><?php the_time('Y.m.d') ?> <a> <?php the_title(); ?></a></h2> <?php endwhile; $pt = $wp_query->max_num_pages; endif; ?> //ページナビ用の$pt <?php wp_reset_query(); ?>