回答数
気になる
-
javascriptでフォーカスを当てると変な文字が勝手に入るのを防ぎたい
下記の構成に成っている。 main.html menu.html contents.html 150908-1504.html 150908-1515.html 150908-1518.html main.htmlは、frameを2つ使う。 左にmenu.html 右に、 contents.html 150908-1504.html 150908-1515.html 150908-1518.html を使う。 この中で、最初のcontents.htmlは実際には使っていません。 この中で、以下の 150908-1504.html 150908-1515.html 150908-1518.html は単に、サンプルとして適当にデータを入れている。 main.htmlの内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>メニュー</title> <body> <iframe src="menu.html" name="menu" width="12%" height="100%"align="left" style="margin-left:50px;"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </html> menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target li:last-child a")[0].focus(); $("#target li:last-child a")[0].click(); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(-1)'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); }else if(e.keyCode==75){ $("#keyword").focus(); rerurn; } var aa=target_a.text(); var bb="#"+aa; $(bb).focus(); $(bb)[0].click(); }); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } } </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents" id="150908-1504">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents" id="150908-1515">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents" id="150908-1518">150908-1518</a></li> </ol> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初はここに表示する </P> </BODY> </HTML> 150908-1504.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1504 </P> </BODY> </HTML> 150908-1515.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1515 </P> </BODY> </HTML> 150908-1518.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1518 </P> </BODY> </HTML> この中で、 else if(e.keyCode==75){ $("#keyword").focus(); rerurn; 上記で、テキストボックスにフォーカスを当てていますが、 きちんとフォーカスを当てる事は出来ますが、 kと言う文字が勝手に入って困ります。 これを防ぐにはどうすれば良いのでしょうか。 上記のmenu.htmlのどこかで悪さをしていると思いますが。 どこで悪さをしているのかが分かりません。 済みません。悪い所を指摘願います。 宜しくお願いします。
質問日時: 2017/12/08 10:36 質問者: usui-2015
ベストアンサー
2
0
-
underscore-min.jsでドロップダウン項目で絞込み検索
すみません、web作成している者です、困っておりますのでHELPです! 3つの検索項目(ドロップダウンリスト)があり3つ選択して検索ボタンをクリックしたら 選択にあてはまる物が表示されるようにしたいのですが途中で分からなくなりご相談させてもらいました。下記にコードを記述しているのでご教授頂ければ幸いです。 よろしくお願いします。 <script type='text/javascript' src='/js/libs/underscore-min.js'></script> <form id="search" name="search"> 色を選択 <select id="color" name="color"> <option value="">指定しない</option> <option value="red">赤</option> <option value="blue">青</option> <option value="green">緑</option> </select> 形を選択 <select id="type" name="type"> <option value="">指定しない</option><option value="square">四角</option> <option value="circle">丸</option> </select> 人を選択 <select id="human" name="human"> <option value="">指定しない</option> <option value="yamada">山田</option> <option value="tanaka">田中</option> </select> <input type="submit" value="検索" /> </form> <div id="items"> <div class="item red square yamada"> 赤い四角山田</div> <div class="item red square tanaka"> 赤い四角田中</div> <div class="item red circle yamada"> 赤い丸山田</div> <div class="item red circle tanaka"> 赤い丸田中</div> <div class="item blue square yamada"> 青い四角山田</div> <div class="item blue square tanaka"> 青い四角田中</div> <div class="item blue circle yamada"> 青い丸山田</div> <div class="item blue circle tanaka"> 青い丸田中</div> <div class="item green square yamada"> 緑の四角山田</div> <div class="item green square tanaka"> 緑の四角田中</div> <div class="item green circle yamada"> 緑の丸山田</div> <div class="item green circle tanaka"> 緑の丸田中</div> </div> <script type="text/javascript"> var items = [ { "name" : "赤い四角山田", "color" : "red", "type" : "square", "human" : "yamada" }, { "name" : "赤い四角田中", "color" : "red", "type" : "square", "human" : "tanaka" }, { "name" : "赤い丸山田", "color" : "red", "type" : "circle", "human" : "yamada" }, "name" : "赤い丸田中", "color" : "red", "type" : "circle", "human" : "tanaka" }, { "name" : "青い四角山田", "color" : "blue", "type" : "square", "human" : "yamada" }, { "name" : "青い四角田中", "color" : "blue", "type" : "square", "human" : "tanaka" }, { "name" : "青い丸山田", "color" : "blue", "type" : "circle", "human" : "yamada" }, { "name" : "青い丸田中", "color" : "blue", "type" : "circle", "human" : "tanaka" }, { "name" : "緑の四角山田", "color" : "green", "type" : "square", "human" : "yamada" }, { "name" : "緑の四角田中", "color" : "green", "type" : "square", "human" : "tanaka" }, { "name" : "緑の丸山田", "color" : "green", "type" : "circle", "human" : "yamada" } { "name" : "緑の丸田中", "color" : "green", "type" : "circle", "human" : "tanaka" } ]; // 検索が押された時の処理 $('#search').on('submit' , function(event){ // デフォルトのイベントをキャンセル event.preventDefault(); // 検索項目のオブジェクトを作成してセレクトボックスの値を格納 var query = {}; if($('#color').val() != ''){ query.color = $('#color').val(); } if($('#type').val() != ''){ query.type = $('#type').val(); } if($('#human').val() != ''){ query.human = $('#human').val(); } // データの中から一致するオブジェクトを検索 var results = _.where(items, query); // 返ってきた配列で出力処理 outputResults(results); }); // 検索結果の出力処理 function outputResults(results){ // 変数の初期化 var html = ''; // 受け取った配列をループで処理 // 出力するHTMLの整形 jQuery.each(results, function() { html += '<div class="item ' + this.color + ' ' + this.type + '' + this.human + '">'; html += this.name; html += '</div>'; }); // HTMLに出力 $('#items').empty().append(html); } // ページ読み込み時はすべてのアイテムを出力する $(window).on('load', function(){ outputResults(items); }); </script>
質問日時: 2017/12/07 20:04 質問者: norisuke04
解決済
2
1
-
jQuery 書き換えた文字列の内部の2箇ヶ所を同時に変更するには?
jQueryで、<span>タグの中の"test"を"Hello world!"に書き換えた後に、その文字列の"Hello"の部分の色を変更し、その後に、"Hello world"の真ん中の半角スペースを"␣"に変えたいと思い下記のように書きました。コメントアウトの①と②の処理を行うと、①が実行後に、②の処理で①の処理が消されてしまい、結果②だけの出力となります。①と②を同時に反映させるには、どのような書き方にすればよいでしょうか? また、今回のコードは文字列に対して2つ処理ですが、これを同じように、③、④・・・と似たような処理を増やしていくことは可能でしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <script> $(document).ready(function(){ $('#text').html('Hello world!'); var text = $('#text').text(); $('#text').html(text.replace(new RegExp("Hello","g"),'<span style="color:#FF1493">Hello</span>')); //① $('#text').html(text.replace(new RegExp( "\\s","g"),'␣')); //② }); </script> <span id="text">test</span> </body> </html>
質問日時: 2017/12/06 19:06 質問者: PlanetSD
ベストアンサー
3
0
-
Jqueryでclickさせる方法が分からない。
下記のhtmlでフォーカスを移動させる事は出来るが クリックが出来ていない。 最初開いた時に、最後の行に移動させてフォーカスを 当てる所迄は出来ているが。その時に、最後の行を クリックさせて表示をさせる事が出来ないでいる。 また、jとlで移動させてフォーカスを当てる事は 出来ても、その時の行をクリックさせて、その内容 を表示させる事は出来ていない。 何れにしても、クリックが出来ていない。これをどの様に すれば、クリック動作をする事が出来るのだろうか。 下記に今のファイルの内容を示します。 main.htmlの内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>メニュー</title> <body> <iframe src="menu.html" name="menu" width="12%" height="100%"align="left" style="margin-left:50px;"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </html> menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target a").on('focus',function(){ }).last(0).trigger("focus"); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:last-child'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); } target_a.trigger('focus'); }); }); </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> </ol> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初はここに表示する </P> </BODY> </HTML> 以下の150908-1504.html,150908-1515.html, 150908-1518.htmlは単にサンプルで何でも良いので表示を するだけで、表示は何でも良いですが、一応書きます。 150908-1504.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1504 </P> </BODY> </HTML> 150908-1515.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1515 </P> </BODY> </HTML> 150908-1518.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1518 </P> </BODY> </HTML> 済みません。これに、クリックさせて表示を 右のフレームに表示させる方法をソースで 回答願います。 無理な質問で迷惑をかけますが、宜しくお願いします。
質問日時: 2017/12/06 08:42 質問者: usui-2015
ベストアンサー
2
0
-
javascriptで、jとlの打鍵でリンク行を上下に移動させたい、出来るのだろうか。
下記のhtmlでは開いた時に最後のリンク行にフォーカスが有る。 これを、jキーでリンク行を上にフォーカスして、 lキーでリンク行を下にフォーカスさせたい。 これは、Jqueryで出来るのだろうか。 下記に今現在のhtmlを示します。 <html> <head> <title>メニュー</title> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> <li><a href="./150908-1811.html" target="contents">150908-1811</a></li> <li><a href="./150908-2004.html" target="contents">150908-2004</a></li> <li><a href="./150909-0105.html" target="contents">150909-0105</a></li> <li><a href="./150909-0652.html" target="contents">150909-0652</a></li> <li><a href="./150909-0925.html" target="contents">150909-0925</a></li> <li><a href="./150909-1011.html" target="contents">150909-1011</a></li> <li><a href="./150909-1121.html" target="contents">150909-1121</a></li> <li><a href="./150909-1232.html" target="contents">150909-1232</a></li> <li><a href="./150909-1423.html" target="contents">150909-1423</a></li> <li><a href="./150910-0046.html" target="contents">150910-0046</a></li> </ol> <script type="text/javascript"> $(function(){ $("#target li:last-child a")[0].focus(); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } } </script> </BODY> </HTML>
質問日時: 2017/12/04 22:08 質問者: usui-2015
ベストアンサー
4
0
-
javascriptで正規表現の検索が上手く出来ない
下記のhtmlの検索で正規表現が上手く出来ない。 ^15とか、0046$での検索が出来ない。 何処がおかしいのだろうか。 尚、ここで<a href...のタグを外すと上手く出来ます。 済みません。指摘をお願いします。 <html> <head> <title>メニュー</title> </head> <body> <script type="text/javascript"> function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } </script> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> <li><a href="./150908-1811.html" target="contents">150908-1811</a></li> <li><a href="./150908-2004.html" target="contents">150908-2004</a></li> <li><a href="./150909-0105.html" target="contents">150909-0105</a></li> <li><a href="./150909-0652.html" target="contents">150909-0652</a></li> <li><a href="./150909-0925.html" target="contents">150909-0925</a></li> <li><a href="./150909-1011.html" target="contents">150909-1011</a></li> <li><a href="./150909-1121.html" target="contents">150909-1121</a></li> <li><a href="./150909-1232.html" target="contents">150909-1232</a></li> <li><a href="./150909-1423.html" target="contents">150909-1423</a></li> <li><a href="./150910-0046.html" target="contents">150910-0046</a></li> </ol> </BODY> </HTML>
質問日時: 2017/12/04 16:02 質問者: usui-2015
ベストアンサー
1
0
-
Safariでの onload="getData()" の挙動について
当方Javascript初心者です。 一度サイトを作っていただいたときに、フレーム間でのJavascriptでのリンクの呼び出しを実装したのですが、Safariのバージョンアップか使用の変更かで、その仕組みが動かなくなってしまいました。 下記が中身になります。どなたか原因を特定できる方はいらっしゃいませんか? 以下、構造と重要なコードの抜き出しになります。 <構造> B.htmlに読み込み後に表示される場所があり、B.htmlのインラインフレームの中にA.htmlがあります。 B.html{A.html} A.htmlが表示されたときにB.htmlのリンク箇所が表示される仕組みです。 A.html→B.html <コード> ----------------------------------------- A.html(表示後にB.htmlに情報を送ります) <script> <!-- function getData(){ top.document.getElementById ("A").firstChild.data = document.skip.data.value; } // --> </script> </head> <body id="trans" onload="getData()"> ----------------------------------------- B.html(リンクを表示する方です) <a id="A" href="A.html" target="Aframe"> </a> ----------------------------------------- onload="getData()"の関係なのでは、と見当はつけてるのですが、修正の仕方が?マークです。 もし原因が解る方がいましたら、教えていただきたいと思っております。 どうぞよろしくお願いいたします。 -----------------------------------------
質問日時: 2017/12/04 08:26 質問者: a-eitaro
ベストアンサー
2
0
-
javascriptで正規表現での検索が上手く出来ない。
下記のhtmlの検索で正規表現が上手く出来ない。 ^15とか、1100$での検索が出来ない。 何処がおかしいのだろうか。 済みません。指摘をお願いします。 <html> <head> <title>サンプル</title> </head> <body> <script type="text/javascript"> <!-- function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } // --> </script> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <LI>150101-1100</LI> <LI>150202-1100</LI> <LI>160101-1100</LI> </OL> </body> </html>
質問日時: 2017/12/03 20:23 質問者: usui-2015
ベストアンサー
1
0
-
jqueryを使って、focusとclickを使う方法が分からない
下記のhtmlで、focusとclickを使う方法が分からない 単純に最後の要素を表示するのは下記の alert($("#target li:last-child").text()); で表示出来ますが。これを $("#target li:last-child").click(); と書いても、clickは動きません。 また、 $("#target li:last-child").focus(); と書いても、focusは出来ません。 $("#target li:last-child")を使って focusとclickを動作させる 構文を例示願います。 また、この方法では出来ない場合は、 別の方法で出来る構文を例示願います。 宜しくお願いします。 <HTML> <HEAD> <TITLE>clickとfocusの実験</TITLE> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> </HEAD> <BODY> <DIV id="target"> <OL> <LI><a href="1.html">180101-0300</a></LI> <LI><a href="2.html">180101-0400</a></LI> <LI><a href="3.html">180101-0500</a></LI> </OL> </DIV> <script> $(function(){ alert($("#target li:last-child").text()); }); </script> </BODY> </HTML>
質問日時: 2017/12/02 14:38 質問者: usui-2015
ベストアンサー
2
0
-
javascriptでメニューを自動的に開く方法は無いのだろうか
前回、同じ質問をした者です。前回は、framesetを使っていて この機能は何れは無くなると言う事で、再度の出直しと言う所 で、止まっていました。 今回、iframeを使う事にしましたので再度質問を出します。 今回のは、main.htmlのframesetが違うだけで、後は同じです。 前回の質問を再度掲載します。 下記のhtmlで、左にメニュー、右にその内容を表示する。 最初の開く時に、メニューの最後を選んで表示する。 と言う事は、javascriptで出来るのだろうか。 ファイルは下記の構成です。 main.html menu.html contents.html 180101-0300.html 180101-0400.html 180101-0500.html main.htmlの内容 <HTML> <HEAD> <TITLE>サンプルページ</TITLE> </HEAD> <body> <iframe src="menu.html" name="menu" width="10%" height="100%"align="left"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </HTML> menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12 … <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初に表示される内容 </P> </BODY> </HTML> 180101-0300.htmlの内容 <HTML> <HEAD> <TITLE>180101-0300</TITLE> </HEAD> <BODY> <P> 飲酒運転、現行犯で逮捕 </P> </BODY> </HTML> 180101-0400.htmlの内容 <HTML> <HEAD> <TITLE>180101-0400</TITLE> </HEAD> <BODY> <P> 山岳遭難、救助ヘリ養成 </P> </BODY> </HTML> 180101-0500.htmlの内容 <HTML> <HEAD> <TITLE>180101-0500</TITLE> </HEAD> <BODY> <P> 殺人未遂、現行犯逮捕 </P> </BODY> </HTML> ここで、main.htmlを開くと左にmenu.htmlを 右にcontents.htmlが開く。 また、ここでjavascriptを起動させてmenu.htmlの 最後の要素を選択して180101-0500.htmlを右側に 表示をさせたい。 この様な事はjavascriptを使って動かす事は出来るのだ ろうか。この時のjavascriptの定義は何処に保存をする べきだろうか。ここでは、main.htmlかmenu.htmlの 両方が考えられるが。私としては、main.htmlに保存をしたい。 理由は、menu.htmlは絶えずデータの更新で上書きされる 為。 menu.htmlのolの最後を指定すれば、良いですが。 どの様にして、左の<ol><li>をクリックさせて 右側に表示をさせるのかが分かりません。 済みません。javascriptのソースで回答を願います。
質問日時: 2017/11/30 13:32 質問者: usui-2015
ベストアンサー
2
0
-
javascriptでメニューを自動的に開く方法は無いのだろうか
下記のhtmlで、左にメニュー、右にその内容を表示する。 最初の開く時に、メニューの最後を選んで表示する。 と言う事は、javascriptで出来るのだろうか。 ファイルは下記の構成です。 main.html menu.html contents.html 180101-0300.html 180101-0400.html 180101-0500.html main.htmlの内容 <HTML> <HEAD> <TITLE>日記の実験</TITLE> </HEAD> <frameset cols="20%,*"> <frame src="menu.html" name="menu"> <frame src="contents.html" name="contents"> </frameset> </HTML> menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初に表示される内容 </P> </BODY> </HTML> 180101-0300.htmlの内容 <HTML> <HEAD> <TITLE>180101-0300</TITLE> </HEAD> <BODY> <P> 飲酒運転、現行犯で逮捕 </P> </BODY> </HTML> 180101-0400.htmlの内容 <HTML> <HEAD> <TITLE>180101-0400</TITLE> </HEAD> <BODY> <P> 山岳遭難、救助ヘリ養成 </P> </BODY> </HTML> 180101-0500.htmlの内容 <HTML> <HEAD> <TITLE>180101-0500</TITLE> </HEAD> <BODY> <P> 殺人未遂、現行犯逮捕 </P> </BODY> </HTML> ここで、main.htmlを開くと左にmenu.htmlを 右にcontents.htmlが開く。 また、ここでjavascriptを起動させてmenu.htmlの 最後の要素を選択して180101-0500.htmlを右側に 表示をさせたい。 この様な事はjavascriptを使って動かす事は出来るのだ ろうか。この時のjavascriptの定義は何処に保存をする べきだろうか。ここでは、main.htmlかmenu.htmlの 両方が考えられるが。私としては、main.htmlに保存をしたい。 理由は、menu.htmlは絶えずデータの更新で上書きされる 為。 menu.htmlのolの最後を指定すれば、良いですが。 どの様にして、左の<ol><li>をクリックさせて 右側に表示をさせるのかが分かりません。 済みません。javascriptのソースで回答を願います。
質問日時: 2017/11/29 15:31 質問者: usui-2015
ベストアンサー
1
0
-
javascriptで要素の取得が出来ない
下記のhtmlで要素の取得が出来ない。 htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> 01.jsの内容 $(function(){ var obj=document.getElementById("target").getElementsByTagName("li"); alert(obj[0].textcontents); }); 結果は、undefineと表示される。180101-0300を表示をさせたい。 どうコーディングをすれば良いのだろうか。 済みません。指摘をお願いします。
質問日時: 2017/11/29 14:21 質問者: usui-2015
ベストアンサー
1
0
-
javascriptがエラーして動かない
下記のソースが有ります。 menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> 01.jsの内容 $(function(){ alert("hello"); }); 下記のエラーと成ります。 Uncaught ReferenceError: $ is not defined at 01.js:1 これは、匿名関数が定義されていないと言う事でしょうか。 この関数のどの部分にエラーが有るのだろうか。 済みません。指摘願います。
質問日時: 2017/11/29 10:55 質問者: usui-2015
ベストアンサー
1
0
-
複数のフォームを一括で自動送信することは可能ですか?
いろいろ検索したのですが、それらしきものが無いように思うので、 陳腐な質問をしているかもしれませんが、よろしくお願いいたします。 ●質問1、 現在、下記の「■例1、」のようにページが開いた時点で 自動でクリックしてフォームデータを送信できるようにしています。 ■例11、 <html> <body> <form name="nform" action="a.php" target="blank" method="POST"> <input type="hidden" value="a" name="1"> <input type="hidden" value="b" name="2"> <input type="hidden" value="c" name="3"> <SCRIPT language="JavaScript">document.nform.submit();</SCRIPT> </form> </body> </html> この同じページに、下記のような全く違うaction先に、内容の一部だけ違う別のフォームを書いて、 同じように自動クリックしてデータを送る方法はありますでしょうか? 出来れば、2つだけではなく、複数のフォームを配置したいのですが・・・ <html> <body> <form name="nform2" action="b.php" target="blank" method="POST"> →※ここの action=値が違う。 <input type="hidden" value="a" name="1"> <input type="hidden" value="b" name="2"> <input type="hidden" value="f" name="3"> →※ここの value=値だけが違う。 </form> </body> </html> 色々試しておりますが、ほとんど素人のためいまだに苦戦しております。 ●質問2、 また、このやり方では無事に2つに送信できたとしても、target="blank"で2つのページが開いてしまうと思うのですが、 それを防ぐ方法(ひとつだけ開く)などはありますでしょうか。 JavaScriptはoffにしてないという条件下で動かす方法を考えております。 素人発想で申し訳ありませんが、何か解決法がありましたらよろしくお願いいたします。
質問日時: 2017/11/29 00:39 質問者: まさひろ54168
ベストアンサー
4
0
-
javascriptでclassNameの所が分からない
下記のhtmlのソースで、classNameの所が何をしているのかが 分からない。 htmlは、単に下記の行からテキストボックスの内容を読んで、該当する行を 表示する物です。例えば、殺すと入力すると、下記が表示されます。 奥さんが浮気をしているので間男を殺す事ばかりを考える事 毎日朝から酒を腹一杯飲む事 奥さんと欠かさずに24時間交尾をする事 朝から晩迄耐える事無く一時の休みも無く奥さんの浮気を心配する事 食事は、常に腹一杯無理してでも食べる事 塩辛い物は、遠慮しないで食べる事 奥さんが浮気をしているので間男を殺す事ばかりを考える事 以下省略 htmlの内容は下記です。 <html> <head> <title>サンプル</title> </head> <body> <script type="text/javascript"> <!-- function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } // --> </script> <style> li.hide{display:none;} </style> <p>夢も希望も亡くなった人は下記を参照</p> <ol id="target"> <LI>毎日朝から酒を腹一杯飲む事</LI> <LI>奥さんと欠かさずに24時間交尾をする事</LI> <LI>朝から晩迄耐える事無く一時の休みも無く奥さんの浮気を心配する事</LI> <LI>食事は、常に腹一杯無理してでも食べる事</LI> <LI>塩辛い物は、遠慮しないで食べる事</LI> <LI>奥さんが浮気をしているので間男を殺す事ばかりを考える事</LI> <LI>以下省略</LI> </OL> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> </body> </html> この中で、以下のfor文が何をしているのかが分かりません。 この中で、classNameと言うのは、何を示しているのでしょうか。 宜しくお願いします。 for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; }
質問日時: 2017/11/28 19:43 質問者: usui-2015
ベストアンサー
2
0
-
javascriptで関数の削除は出来ないのだろうか
下記のjavascriptでreturnの所は、実際は関数を削除したい所だが 方法が分からない。 関数を削除する理由は、もうキーを打鍵した時にこの処理は実行を する必要が無い為。 下記にjavascriptのソースを示します。 $(function(){ 1918行: questionsの配列 46行: indirectの配列 // indirectのベースと成る添字を求める var prompt_q_count=prompt('Enter Number'); // indirectの配列を決める {{{ for (var i=0;i<indirect.length;++i){ indirect[i] = prompt_q_count - indirect[i] - 1; } // }}} // 本来のquestionsの配列から、indirectの要素から来るnew_questionsの配列を作る {{{ var new_questions=[]; for(i=0;i<indirect.length;++i){ new_questions[i]=questions[indirect[i]]; } // }}} var q_count=0; var q=new_questions[q_count]; $('#q').html(q); $('input:visible').eq(0).focus(); $('input[type=text][name=a]').on('keyup',function(){ if(q_count>indirect.length - 1){ alert("end job"); return } var v=$(this).val() var reg=new RegExp('^'+v); var q_count2=q_count+1; var lesson_data=q_count2+"/"+indirect[q_count]+"/"+questions.length; $('#count').html(lesson_data); $('#q').html(q); if(v==""){ $('#res').html(''); }else if(q==v){ $(this).data('pre',v); $('#res').html('complete'); $('input[type=text][name=a]').val(''); ++q_count; if(q_count>indirect.length - 1){ alert("end job"); return } q=questions[indirect[q_count]]; $('#q').html(q); var q_count2=q_count+1; var lesson_data=q_count2+"/"+indirect[q_count]+"/"+questions.length; $('#count').html(lesson_data); }else if(q.match(reg)){ $(this).data('pre',v); $('#res').html('ok'); }else{ if(q.length>=v.length) $('#q').html(q.substr(0,v.length-1)+"<span style='color:red;font-weight:bold'>"+q.substr(v.length-1,1)+"</span>"+q.substr(v.length)); $(this).val($(this).data('pre')); $('input[type=text][name=a]').val(''); $('#res').html('ng'); } }); }); // # vim:set fdm=marker:
質問日時: 2017/11/25 15:08 質問者: usui-2015
ベストアンサー
3
0
-
マウスを乗せたときだけ画像を不透明にするスクリプトを書きましたが、動作しません。
特にエラーが出ていないのですが、ケアレスミスが原因でしょうか? 下記にコードを貼ります。 よろしくお願いします。 <!DOCTYPE html> <html> <head> <script type="text/javascript"> <!-- var alphaValue = 20; funciton giveListener(my_elem, my_event, my_func, my_boolen){ if(my_elem.attachEvent){ my_elem.attachEvent("on" + my_event,my_func); } else if(my_elem.addEventListener){ my_elem.addEventListener(my_event,my_func,my_boolen); } else { alert("お使いのブラウザは対応していません"); return false; } } function onAlpha(e){ var target_node; if(e.target){ target_node = e.target; } else { target_node = e.srcElement; } target_node.style.filter = "alpha(opacity=100)"; target_node.style.mozOpacity = 1; target_node.style.opacity = 1; } function offAlpha(e){ var target_node; if(e.target){ target_node = e.target } else{ target_node = e.srcElement; } targrt_node.style.filter = "alpha(opacity=" +alphaValue + ")"; target_node.style.mozOpacity = alphaValue/100; target_node.style.opacity = alphaValue/100; } function setLisners(e) var dImages = document.getElementsByName("displayImg"); for(var i=0 ;i<dImages.length ; i++){ dImages[i].style.filter = "alpha(pacity" +alphaValue +")"; dImages[i].style.mozOpacity = alphaValue/100; dImages[i].style.opacity =alphaValue/100; giveListener,(dImages[i],"mouseover",onAlpha, false); giveListener,(dImages[i],"mouseout",offAlpha, false); } } giveListener(window,"load",setLisners, false); //--> </script> <title>画像の不透明</title> </head> <body> <img name="displayImg" src="images/fire001.png" width="250" /> <img name="displayImg" src="images/fire002.png" width="250" /> <img name="displayImg" src="images/fire003.png" width="250" /><br /> <img name="displayImg" src="images/fire004.png" width="250" /> <img name="displayImg" src="images/fire005.png" width="250" /> <img name="displayImg" src="images/fire006.png" width="250" /><br /> </body> </html>
質問日時: 2017/11/20 15:21 質問者: break_time
ベストアンサー
2
0
-
jQueryでの親の親の隣の子供の要素の取得をJavascriptで書くとどうなるのか?
下記のコードは、●をクリックすると、その隣の、inputフォームにHello!!と入力されるようにしました。jQueryでは、指定したクラスより、$(this).parent().parent().next().children('input').val('Hello!World' ).focus(); のように、簡単に、親⇒親⇒次⇒子供のように、メソッドを連結させて取得できますが、これをjavascriptで書くとどのような書き方になるのでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> $(function () { $('table').on('click', '.maru', function(){ $(this).parent().parent().next().children('input').val('Hello!World' ).focus(); }); }); </script> </head> <body > <table class="table"> <tbody> <tr> <td>1</td> <td><div><div class="maru">●</div></div></td> <td><input type="text" value=""></td> </tr> <tr> <td>2</td> <td><div><div class="maru">●</div></div></td> <td><input type="text" value=""></td> </tr> </tbody> </table> </body> </html> 今考えていることは、下記のように、配列に、順番にnodeNameとclassNameを取得して、何とかならないかと思っているのでけど、… かなり検討ちがいなことしているような気がしてきたので、…質問するに至りました。 .... javascriptかなり難しいです。 <script> document.addEventListener('click', function (e) { var node = new Array(); node[0] = {nodeName:e.target.nodeName, className: e.target.className}; var parent = e.srcElement.parentNode; for(var i = 1; parent; i++) { node[i] = {nodeName:parent.nodeName, className:parent.className, }; parent = parent.parentNode; } console.dir(node); }); </script>
質問日時: 2017/11/17 23:18 質問者: PlanetSD
ベストアンサー
2
0
-
フォームにある文字列上のカーソル位置の変更
下記のコードは、PCキーボード操作で[alt]+[z]キーで、inputフォームにある文字列のカーソルがある部分に、文字列(Hello!)を挿入するコードを書きました。例えば、inputフォームにある文字列のaaaa|aaaaaaaaa で 5番目にカーソル( |)があるときに、[alt]+[z]キーを押すと、aaaaHello!aaaa| となります。挿入に関しては、問題ありませんが、挿入し終えた後には、カーソルが文字列の最後に移動してしまいます。これを挿入後は、挿入した文字列の後ろにくるようにしたいのですが、どのうよにすればよいでしょうか? (このように⇒ aaaaHello!|aaaa) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style> </style> <script> document.addEventListener("keydown", function(e){ if(e.altKey == true && e.keyCode == 90){ if(e.target.nodeName == "INPUT" && e.target.type == "text"){ var sentence = e.target.value; var len = sentence.length; var pos = e.target.selectionStart; var before = sentence.substr(0, pos); var word = 'Hello!'; var after = sentence.substr(pos, len); sentence = before + word + after; e.target.value = sentence; } } }, false); </script> </head> <body > <input type="text" name="" value="aaaaaaaaaaaaaaaaaaaa"><br> </body> </html>
質問日時: 2017/11/17 21:51 質問者: PlanetSD
ベストアンサー
1
0
-
Javascript キー入力より、フォームに文字列挿入する
下記のコードでは、inputフォーム上でカーソルを置き、[Alt]+ [z] キーを押したときに、「Hello」という文字列が入力されるようにしました。 実装面では、[Alt]+ [z] キーを押したときに、カーソルがある部分のclassの値を取得し、その部分を.val()で取得、書き換えを行っています。ただ問題がありまして、classの値で取得しているので、valで書き換える時に、全てのclass値をもつinputのvalueの値が書き換わってしまいます。classではなくidを取得するように変更すれば解決しますが、どうしてもclassの値で取得したいのですけど、解決策はありますでしょうか? (私が書いたJavascriptのコード自体、これが効率よいのか自信がないので、効率的な書き方がありましたらアドバイスください。) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <style> </style> <script> $(function() { function KeyDownFunc(e){ if(true == e.altKey && 90 == e.keyCode){ var element =document.activeElement if(element.className){ var getData = String($("." + element.className).val()); $("." + element.className).val( getData + "Hello" ).focus(); } } } if(document.addEventListener){ document.addEventListener("keyup" , KeyDownFunc); } }); </script> </head> <body > <input type="text" name="" value="test" class="sss"><br> <input type="text" name="" value="xxx" class="sss"><br> <input type="text" name="" value="" class="sss"><br> </body> </html>
質問日時: 2017/11/16 22:29 質問者: PlanetSD
ベストアンサー
2
0
-
javascriptで指定した日時にリロードさせるには?
javascriptで指定した日時にリロードさせるにはどうすればいいでしょうか? <?php $time1 = "2017-11-25 17:14:10"; ?> 上記のようなPHPの変数での指定を組み込みたいので、 2017-11-25 17:14:10 の形式で指定できるようにしたいのですが、 どなたかご教授お願いいたします。
質問日時: 2017/11/16 10:42 質問者: egtomo
解決済
2
0
-
指定した日時にリロード処理を実行させるには?
PHPで指定時刻に表示が切り替わる設定を行ったので、 javascriptで強制的に更新させ表示を切り替えさせたいです。 日時はPHPの変数にセットしているので、 <?php $time1 = "2017-11-15 17:14:10"; $time2 = date("Y-m-d H:i:s",strtotime($time1 . "+1 minute")); $reload_1 = date("Y-m-d H:i:s",strtotime($time2 . "-1 seconds")); ?> $reload_1 を呼び出して実行したいのですが、 どのようにすればいいでしょうか? <?php $startTime = new DateTime($time1); $closeTime = new DateTime($time2); if ($now >= $startTime && $now < $closeTime): ?> 1を表示 ここに強制リロード1 <?php endif; ?> <?php $startTime = new DateTime($time2); $closeTime = new DateTime($time3); if ($now >= $startTime && $now < $closeTime): ?> 2を表示 ここに強制リロード2 <?php endif; ?> <?php $startTime = new DateTime($time4); if (new DateTime >= $startTime): ?> 最終表示:スクリプトは設置しない <?php endif; ?> こんな感じにしたいと考えています。 どなたかご教授お願いします。
質問日時: 2017/11/15 17:57 質問者: egtomo
解決済
2
0
-
Javascriptで自動的に計算するフォーム、テキストボックスを使いたい
初めて質問させていただきます。よろしくお願いします。 現在、Javascriptで自動計算フォームを作成しています。 下記のサイトを参考に勉強させてもらっていますが、 「数量」のプルダウンをテキストボックスに変更し、 数量を入力するようにしたいです。 しかし、なかなか完成しません。 ▼参考サイト http://www.tagindex.com/javascript/form/comp1a.html プルダウンからテキストボックスへ変更はできたのですが 計算結果が「NaN」になってしまいます。 どのようにしたら、テキストボックスで計算結果が出せるのでしょうか? 助けていただけますと幸いです。 どうぞ、よろしくお願いいたします。
質問日時: 2017/11/15 10:51 質問者: love3217
解決済
2
0
-
この質問にさらに質問です。
https://oshiete.goo.ne.jp/qa/9548285.html このソースを動かすと、立替(ttk)を無入力でも問題なく動くのですが、合計がNaNになるので、無入力のときは自動的に0を入れて(初期値が0でも出来るのかな?)テキストボックス内にも0を最初から表示させておく。 というようにしたいです。 どうすればいいでしょうか。
質問日時: 2017/11/12 05:51 質問者: 絶壁氏
解決済
1
0
-
returnの戻り値を式で指定したい
jQueryでプラグラムを書いています。 var filtered = $.grep(data, function(elem, index) { return (elem.practice == "hoge" || elem.practice == "hage"); } ); で、動作するのですが、入力要素によって抽出式を変えたいので、 var filtered = $.grep(data, function(elem, index) { var buf='elem.practice == "hoge" || elem.practice == "hage"'; return (buf); } ); のように、戻り値を動的に対応できるようにしたいのですが、動作しません。 通常こういうのはどう記述すればいいんでしょうか。
質問日時: 2017/11/08 18:18 質問者: umioyo
ベストアンサー
1
0
-
複数のプルダウンを1つにまとめる方法
下のHTML、CSS、javascriptにて、3つのプルダウンを1回の選択で起動させたいです。 現状①select id="year" 選択・同value値の選択、②select id="week" 選択・同value値の選択、③select id="day" 選択・同value値の選択をしないといけませんが、 これを①select id="year" ・"week"・"day"を一括で選択、②"year" のvalue値の選択・"week"のvalue値の選択・"day"のvalue値の選択にしたいです。 何処をどう修正すれば良いでしょうか? イメージは以下の画像です。 よろしくお願いします。 <form> <select id="year" onchange="this.form.elements['todovalue3'].value=this.value"> <option value="">--年</option> <option value="2016">2016年</option> <option value="2017">2017年</option> <option value="2018">2018年</option> </select> <input id="todovalue3" name="todovalue3" type="hidden"/> <select id="week" onchange="this.form.elements['todovalue4'].value=this.value"> <option value="">--月</option> <option value="01">1月</option> <option value="02">2月</option> <option value="03">3月</option> </select> <input id="todovalue4" name="todovalue4" type="hidden"/> <select id="day" onchange="this.form.elements['todovalue5'].value=this.value"> <option value="">--日</option> <option value="01">1日</option> <option value="02">2日</option> <option value="03">3日</option> </select> <input id="todovalue5" name="todovalue5" type="hidden"/> <form> 以下 略
質問日時: 2017/11/08 11:51 質問者: tanakappp
ベストアンサー
4
0
-
JavaScriptでセレクトボックスの選択値をinputのvalue値にしたい
以下でセレクトボックスの選択値をinputのvalueにしたいのですが、上手く行きません。 何処を修正すれば良いのでしょうか? <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <form name="js"> <select name="txtb" onchange="document.getElementById('txtb').value=this.value"> <option value="">*A•B選択</option> <option value="">A</option> <option value="">B</option> </select> お名前:<input type="text" name="txtb" id="txtb" value="" type="hidden"><br> <input type="button" value="歓迎1" onclick="tbox1()"><br> <input type="button" value="消去" onclick="clr()"><br> </form> <script> //テキストボックスの文字を取得する function tbox1(){ var str1=document.js.txtb.value; alert("ようこそ"+str1+"さん!"); } //テキストボックスの文字を操作する function clr(){ document.js.txtb.value=""; } </script> </body> </html>
質問日時: 2017/10/27 14:56 質問者: tanakappp
ベストアンサー
3
0
-
JavaScript ページ指定時間に更新
ご教示お願い致します。 /test/log.txt の最終更新日時を取得し、 その日時にページを更新させるようにしたいのですが、 どのようにするのでしょうか? 例) ユーザーAさんがページ閲覧中 ユーザーBさんが掲示版に書込 ↓ log.txtの最終更新日時が変更 ↓ ユーザーAさんが閲覧中でもページ更新 これを実行したいのですが、どのようにするのかわかりません・・・ リアルタイムなチャットシステムを作成している最中なのですが、 WebSocketやSocket.i.oなどといったことは、 調べているのですが、うまいこと作動しません;; なので、妥協策として index.html に書込フォームがあり、 内容は<iframe>にて、chat.cgiを開くようにして、 ユーザーAが入力途中でも消えないよう、 しています これで、表示部分、書込部分はごまかせるのですが、 リアルタイムな部分で、手詰まりな状態です。 なので、上記のように 書込 (クライアント) ↓ 日時取得 (サーバー) ↓ その日時でのページ更新 (サーバー?) というふうに擬似的ではありますが、 このようなことを実行したいです。 どうかお力添えをお願い致します。 ※とりあえず、これができてからもっと勉強して WebSocketやSocket.i.oには切り替える 予定ではあります。。。
質問日時: 2017/10/26 10:55 質問者: century9218
解決済
5
2
-
html.javascriptの質問です。初心者です。
いま、動画に付箋を貼るというツールを作っています。 そこで質問が2つあります。 Q1現状はボタンをクリックして付箋を貼っているが、これをキーボードのSキーに変えたいのですが、どのコードをどうすれば良いのでしょう。 Q2srcで"douga.mp4" とファイルを指定していますが、この指定を〇〇.mp4のようにして、html上から検索ボックス等で入力して代入するというような仕組みに変えたいです。どのコードをどうすれば良いのでしょうか。 できればコードのサンプル等があればありがたいです。 <!DOCTYPE html> <html> <head> <style> #id0{ cursor:pointer; } .class0 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } </style> </head> <body> <div> <div id="id0"></div> <div> <video id="id1" src="douga.mp4" controls></video> </div> <div><button id="id2">ふせん</div> </div> <script> document.getElementById('id2').addEventListener('click', func1, false); function func1() { var var0 = document.getElementById('id0'); var var1 = document.getElementById('id1'); var elm0 = document.createElement('span'); elm0.textContent = '付箋' + (var0.children.length+1).toString().replace(/[0-9]/g, function (s) {return String.fromCharCode(s.charCodeAt(0) + 65248);});; elm0.className = 'class0'; elm0.dataset.time = document.getElementById('id1').currentTime; elm0.addEventListener('click', func2, false); var0.appendChild(elm0); function func2(ev) { var1.currentTime = ev.target.dataset.time; } } </script> </body> </html>
質問日時: 2017/10/24 19:57 質問者: kTTTTTT
解決済
2
0
-
ドロップダウンメニューがデフォルトで出ていて困っています…
▼問題の状況▼ http://g5187066.k-free.net/dropdown/ ↑ これが起きている現象なのですが、表題の通りドロップダウンメニューがデフォルトで出ているんです…。 けど、一回hoverして離すと消えてくれます。 ↑ ここの状態がデフォルトであってほしいのですが、どうしても解決できず困っています(>_<) 多分書いている「書いているメガドロップダウンメニューのjQuery」でどうにかできると思うのですが、ご教授いただけないでしょうか…ググってもググっても解決できず泣きそうなのです… 書いているメガドロップダウンメニューのjQuery ↓ $(function(){ $('#gNav > ul > li').hover(function(){ Panel = $(this).children('.Wrap'); Panel.each(function(){ Panel.css({display:'block',opacity:'0'}).stop().animate({opacity:'1'},500); }); }, function(){ Panel.css({display:'none'}); }); });
質問日時: 2017/10/17 17:04 質問者: zopeboyo
ベストアンサー
2
0
-
ブックマークレット【javascript】
ブックマークレットでjavascriptを記載するときには以下の形を基本としましょう (function(){処理内容})() と記載があるのですが、functionの前の"("と、それに対応する")"はvoid等が省略されていると解釈できますが、最後の()は何なのでしょうか?
質問日時: 2017/10/15 16:52 質問者: runix2007
解決済
2
0
-
jqueryのプラグインflexsliderについて
jqueryのプラグインflexsliderについて質問です。 当方はjqueryのプラグインを使用するくらいで、jsについては初心者です。 まずFlexSlider2.6.0を設置し、htmlへスライダーとサムネイルとオプションの記述をしました 。 サムネイルをクリックではなくマウスオーバーでスライダーが動くようにしたかったため、22行目のeventTypeの下に以下を追記しました。 ------------------------------------- eventType2 = "mouseover touchend MSPointerUp keyup", ------------------------------------- その上で、164行目のeventTypeをeventType2へ変更したところ、サムネイルをマウスオーバーでスライダーが動くようになりました。 しかし、サムネイルからマウスを離してもスライダーの自動再生が始まらず止まったままです。 マウスを離した後もスライダーを自動再生させたい場合、どこをどのように修正すれば、もしくはどのような追記をすればよいのでしょうか。 ちなみに、スライダー側の左右のprev・nextボタンで操作した後は問題なく自動再生が始まります。 よろしくお願いいたします。 ------------------------------------- ■FlexSlider v2.6.0 https://github.com/cdnjs/cdnjs/blob/master/ajax/libs/flexslider/2.6.0/jquery.flexslider.js ■スライダー・サムネイルの記述 <div id="slider" class="flexslider"> <ul class="slides"> <li><a href=""><li><img src="slider01.png"></li></a></li> <li><a href=""><li><img src="slider02.png"></li></a></li> <li><a href=""><li><img src="slider03.png"></li></a></li> </ul> </div> <div id="thumbnail" class="flexslider"> <ul class="slides"> <li><img src="thumb01.png"></li> <li><img src="thumb02.png"></li> <li><img src="thumb03.png"></li> </ul> </div> ■オプションの記述 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider').flexslider({ animation:"slide", slideshowSpeed: 3000, animationSpeed: 450, pauseOnHover: true, animationLoop: true, controlNav: false }); $('#carousel').flexslider({ animation: "slide", controlNav: false, pauseOnHover: false, itemWidth: 210, itemMargin: 5, asNavFor: '#slider' }); }); </script> -------------------------------------
質問日時: 2017/10/13 17:12 質問者: chacococo
解決済
2
0
-
javascript修正依頼
以下のように動作させたいのですが、どのように修正すれば良いでしょうか? 1 1.パスワード入力に入力した値が空白または4文字以下の数字または何も入力されていない場合は再入力となり、正しけれyahooトップへ移動 2 上記1の入力によりmyvalueが空白または4文字以下の数字以外が代入?されている時は<div id=“login>を非表示にして<div id=”relogin>を表示する <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id = “login”> <h3>1パスワード入力</h3> パスワード(4桁の数字) :<input type="password" maxlength="4" id="newvalue" /> <input type="button" value="ログイン" onclick="setValue()"/> </div> 削除したい値のキー<input type="text" id="deletekey" /> <input type="button" value="削除" onclick="deleteValue()"/> <input type="button" value="全削除" onclick="deleteAll()"/> <hr /> <div id = "relogin"> <h3>2パスワード再入力</h3> パスワード(4桁の数字) : <input type="password" maxlength="4" id="pass" /> <input type="button" value="ログイン" onclick="func1()" /> </div> <h3>3処理結果</h3> <div id="result"/> <script> var db; var indexedDB = window.indexedDB || window.mozIndexedDB || window.msIndexedDB; if (indexedDB) { var openRequest = indexedDB.open("mydb", 1.0); openRequest.onupgradeneeded = function(event) { db = event.target.result; var store = db.createObjectStore("mystore", { keyPath: "mykey"}); store.createIndex("myvalueIndex", "myvalue", "myvalue2"); } openRequest.onsuccess = function(event) { db = event.target.result; } } else { window.alert("このブラウザではIndexed DataBase API は使えません。"); } function setValue(event) { var key = "login"; var value = document.getElementById("newvalue").value; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.put({ mykey: key, myvalue: value}); request.onsuccess = function (event) { key = ""; document.getElementById("newvalue").value = ""; if (document.getElementById("newvalue").value == undefined /* || document.getElementById("newvalue").value == "" */ || document.querySelectorAll("newvalue").length ==0 || document.getElementById("newvalue").value.length > 5 ) { alert("無効"); } else {location.href = "http://www.yahoo.co.jp"; } } } function deleteValue(event) { var key = document.getElementById("deletekey").value; var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.delete(key); request.onsuccess = function (event) { result.innerHTML = "削除しました。"; } } function deleteAll(event) { var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.clear(); request.onsuccess = function (event) { result.innerHTML = "クリアしました。"; } } function func1(event) { var str1 = document.getElementById("pass").value; var key = "login"; var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.get(key); request.onsuccess = function (event) { if (event.target.result === undefined) { result.innerHTML = "指定したキーは存在しません。"; } else { if (event.target.result.myvalue == str1) {location.href = "https://www.yahoo.co.jp/"; } else{result.innerHTML = "<b>パスワードが違います。</b>";} } } } </script> </body> </html>
質問日時: 2017/10/12 18:51 質問者: tanakappp
ベストアンサー
1
0
-
HTML5で3Dでpset(x,y,z)
昔、BASICでpset(x,y)で画面に点を打つことができました。 HTML5ではthree.jsなどを使うと3D表示が出来るそうです。 調べたのですが、難しすぎます。 3Dでpset(x,y,z)で点を打ち、マウスで回転・縮小させられる、そんなライブラリはないでしょうか。 機能は低くて結構です。
質問日時: 2017/10/11 19:43 質問者: macchanofuumi
解決済
1
0
-
canvasやSVGを学ぶ時機
canvasやsvgのようなjavascriptで操作できる(前者は、ビットマップでピクセル情報などを操作でき、後者がDOMツリー上のSVGを操作して位置や色、大きさなどを変更する)仕様は、どの時機で学ぶべきだと思いますか。 円グラフなど、定期的に画像に対する変更が必要になるものなどが必要になったときだとか、そもそも必要になる前にある程度作れるように習得しておくなど。 またjavascriptに関する知識がどの程度あったほうがより学びやすいでしょうか。
質問日時: 2017/10/04 19:28 質問者: gooooooooooooooooo
ベストアンサー
2
0
-
チェックボックスとボタンが有るサイトを教えて下さい
チェックボックスにチェックを入れる、ボタンをクリックする 以上2つの動作を行なうjavascriptの記載の練習をしたいのですが、上記2種が設置されているサイトを教えてください
質問日時: 2017/10/03 23:45 質問者: runix2007
解決済
2
0
-
JavaScriptによるundefined判定について
以下のJavaScriptでパスワードの初回入力時(newvalue値がundefindの時(空欄の時)、指定したキーは存在しませんとのメッセージを出し再入力を求め、正しい時はリンク先に移動させたいのですが、全てリンク先に移動し上手く行きません。 どのように修正したら良いのでしょうか? <HTML> <head> <meta charset="utf-8"/> </head> <body> <div id ="login"> <h3>1パスワード入力</h3> パスワード:<input type="number" id="newvalue" /> <input type="button" value="ログイン" onclick="setValue()"/> </div> <h3>3処理結果</h3> <div id="result"/> </body> <script> var db; var indexedDB = window.indexedDB || window.mozIndexedDB || window.msIndexedDB; if (indexedDB) { var openRequest = indexedDB.open("mydb", 1.0); openRequest.onupgradeneeded = function(event) { db = event.target.result; var store = db.createObjectStore("mystore", { keyPath: "mykey"}); store.createIndex("myvalueIndex", "myvalue", "myvalue2"); } openRequest.onsuccess = function(event) { db = event.target.result; } } else { window.alert("このブラウザではIndexed DataBase API は使えません。"); } function setValue(event) { var key = "login"; var value = Number(document.getElementById("newvalue").value); var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var result = document.getElementById("result"); result.innerHTML = ""; if (value === undefined) { result.innerHTML = "指定したキーは存在しません。"; } else { var request = store.put({ mykey: key, myvalue: value}); request.onsuccess = function (event) { key = ""; document.getElementById("newvalue").value = ""; location.href = "http://www.yahoo.co.jp"; } } } </body> </HTML>
質問日時: 2017/10/03 13:59 質問者: tanakappp
ベストアンサー
3
0
-
ジャワスクリプト?
こんにちは、パソコンにくわしいかたがおられたら おしえてください ブログで検証というのを開いたらコンソールというところにこういう 表示がでました もしよろしければご面倒ですが教えていただけないでしょうか? 私のブログです VM581:1 [Deprecation] 'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.
質問日時: 2017/10/01 21:45 質問者: 清和源氏くん
ベストアンサー
1
0
-
JavaScriptによるnull判定
javascriptにてnull判定をしたいのですが、上手く判定されません。 何処を修正したら良いのでしょうか? <html> <head> <meta charset="utf-8"/> </head> <body> 数値を入力して下さい: <input type="text" id="input01"> <input type="button" value="check" onclick="check();"> <script> var check = function() { var num = document.getElementById('input01').value; //if if(document.getElementById('input01').value == undefined || num === null ){ alert("nullです"); } else { alert("入力された数は" + num + "です。"); } } </script> </body> </html>
質問日時: 2017/10/01 08:35 質問者: tanakappp
ベストアンサー
1
0
-
javascript初心者です。
javascriptでファイルを別で作成する際の質問です。 <html> <head> <script type="text/javascript" src="script.js"></script> <script src="jquery-3.2.1.min.js"></script> </head> <body> </body> </html> head内にこのように記述したのですが、 script.jsファイルに記述しても反応がありません。 body内に記述した場合は正常に動作します。 原因として考えられることを教えて頂けると幸いです。
質問日時: 2017/09/21 20:35 質問者: junji0705
ベストアンサー
3
0
-
javascript テキストエリアを1行ごとに文字カウントしたい
テキストエリアの文字を1行ごとにカウントさせたいのです。 現在は半角なら0.5、全角なら1.0としてカウントさせて、これを行ごとに分散させたいのです。 未達の条件 ・改行、スペースはカウントしない ・各行ごとのカウントになっていない <!doctype html> <html> <head> <meta charset="euc-jp"> <title>テキストエリアの文字カウント</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script> function ShowLength( str ) { len = 0; for(i=0;i<str.length;i++) { var c = str.charCodeAt(i); if ( (c >= 0x0 && c < 0x81) || (c == 0xf8f0) || (c >= 0xff61 && c < 0xffa0) || (c >= 0xf8f1 && c < 0xf8f4)){ len += 0.5; } else { len += 1; } } len = parseFloat(len).toFixed(1) document.getElementById("inputlength01").innerHTML = len; document.getElementById("inputlength02").innerHTML = len; document.getElementById("inputlength03").innerHTML = len; } </script> </head> <body> <table> <tr> <th>行別カウンター</th> <td> <textarea id="input_text" placeholder="" name="summary" rows="5" onkeyup="ShowLength(value,'inputlength');"></textarea> <div class="countWrrap"> <div class="countDsign"> <ul> <li id="comment01">1行目: <span id="inputlength01">0.0 </span>/ 35</li> <li id="comment02">2行目: <span id="inputlength02">0.0 </span>/ 35</li> <li id="comment03">3行目: <span id="inputlength03">0.0 </span>/ 35</li> </ul> </div> </div> </td> </tr> </table> </body> </html>
質問日時: 2017/09/20 11:12 質問者: 砂時
ベストアンサー
2
0
-
HTML5のことについてなのですが……
私は現在javascriptのものをHTML5に書き換えるということをしています。 色々な方に手伝ってもらったのですが、どうにも後少しが届きません。 モノは https://chaos.keiei.shikoku-u.ac.jp/ProtoType/ をHTML5に書き換えたいと思っているのですが、詳しい方、また教えるのが苦ではない方はどうかお力をお貸しいただけないでしょうか? 私は圧倒的に知識が不足していて、あまりわかりませんので。
質問日時: 2017/09/13 01:31 質問者: tokyo_emcount
ベストアンサー
1
0
-
csvファイルを読み込み、該当項目をhtmlに表示する方法
下記のようなcsvファイルがサーバ上にあり、毎日最新情報に更新されます。 サーバ上の同階層にあるHTMLページに、csvファイルの一部に該当する項目を 表示したいのですが、どのようにしたら実現できるのかわかりません…。 どうか助けてください。よろしくお願いいたします。 ■csvファイル(data.csv) 種類,国,売上目標,売上実績,前年売上 りんご,国内,100,90,80 バナナ,国内,100,80,90 りんご,海外,100,110,100 バナナ,海外,100,50,80 ■HTMLページ(index.html) 売上達成率【国内】りんご90% (前年比+10) | バナナ80%(前年比-10) 売上達成率【海外】りんご110%(前年比+10)| バナナ50%(前年比-30) ※マイナスになっている場合は赤字にしたいです。
質問日時: 2017/09/10 14:16 質問者: 彩いろどり
ベストアンサー
9
0
-
Unityでジャンプ機能を実装したいのですが…
Unityでジャンプする機能をjavascriptで実装しようと下のコードを書いたのですがずっと上に行き続けます。 コード▼ #pragma strict function Update () { if (Input.GetKey(KeyCode.LeftArrow)){ transform.rotation.y += -0.01; } if (Input.GetKey(KeyCode.RightArrow)){ transform.rotation.y += 0.01; } if (Input.GetKey(KeyCode.UpArrow)){ transform.Translate(transform.forward * 1); } if (Input.GetKey(KeyCode.DownArrow)){ transform.Translate(transform.forward *- 1); } //ジャンプ機能 if (Input.GetKeyDown(KeyCode.Space)){ GetComponent.<Rigidbody>().AddForce (Vector3.up * 100); //ジャンプ機能END... } } といった感じです。Unityは最新版です。 if (Input.GetKeyDown(KeyCode.Space)){ transform.Translate(0,5,0); } というコードを書いていたのですが、上にワープして、落ちるだけで、ジャンプしてるように見えなかったので、上のようなコードにしたのですがうまくいきません。 初心者なので、至らない部分もあると思いますが、回答よろしくお願いします。
質問日時: 2017/09/06 20:10 質問者: moroha10085
ベストアンサー
1
0
-
Excelでボタンを作りました。 このボタンを編集不可にしてなおかつクリックはできるようにすることは
Excelでボタンを作りました。 このボタンを編集不可にしてなおかつクリックはできるようにすることは出来ますか? 教えてください。
質問日時: 2017/09/01 15:31 質問者: マクロ初心者
ベストアンサー
2
0
-
http上でrequest されたxmlファイルのresponseをconsole.logに出力する
すいません質問があります。 http上でrequest されたxmlファイルのresponseデータをconsole.logに出力したい 例えば、下記のScript tagがあります。これはekidataのapiで山手線情報をreponseで返します。 var scriptElement = document.createElement('script'); scriptElement.setAttribute('type', 'text/javascript'); scriptElement.setAttribute('src', 'http://www.ekidata.jp/api/l/11302.xml'); document.body.appendChild(scriptElement); 私がやりたいのは、このresponseデータの"<station_name>"をconsole.logで出力することです。 http上でリクエストされたデータのResponseデータをconsole.logで出力する方法をずっと模索していますがなかなかうまくいかず。。。 お手数ですがよろしくお願いいたします。
質問日時: 2017/08/31 04:58 質問者: kemukemu2014
ベストアンサー
1
0
-
ネコ認証について javascript? ネコでなくてといいのですが、 https://www.da
ネコ認証について javascript? ネコでなくてといいのですが、 https://www.daimaru-matsuzakaya.jp/LoginTop このようなサイトみたいな セキュリティチェックを実装したいのです。 ソースなどいろいろ調べているのですが なかなか見つかりません… 探し方が下手なんだと思いますが…( ;∀;) サンプルがありソースが乗ってあるサイト もしくは ソースを教えてくださいませ(;ω;)
質問日時: 2017/08/29 20:49 質問者: パールマン
解決済
1
2
-
JavaScriptでWebページを作成しているのですがどうしてもできないところがあるため質問させて
JavaScriptでWebページを作成しているのですがどうしてもできないところがあるため質問させていただきます。 以下のようにして画像を横方向に動かすコードを書いているのですが、これを斜めに動かすものに変えたいと思っています。 斜めにするためにはどうすればいいのでしょうか。 わかる方いましたら教えて下さると助かります。 よろしくお願いします。 var draw3dx = -1; var draw3LargeHeight = -1; var c1X = 0; var c1Y = 0; var c1Dx = 1; context.drawImage(c1, c1X, c1Y, c1.width * scale, c1.height * scale); //横方向の移動 c1X -= c1Dx * 10; //動く範囲を決め、範囲外の場合は向きを変える if(c1X < 0){ c1Dx *= -1; } if(c1X > (canvas.width - c1.width * scale)){ c1Dx *= -1; } }
質問日時: 2017/08/29 18:15 質問者: かめやま
解決済
1
0
-
JavaScript もしくはPerl 画像認証
スパム対策で下記のようなことをイメージしているのですが、 どのようなソースを書いていいのかわからないです。 ご教示お願い致します。 <form action="test.cgi" method="post"> <input type="text" name="name"> <textarea name="honbun"></textarea> ----------------------------------------- ↓ IMG1~IMG2ランダム表示で、最低1つはIMG2が入るように ↓ <img src="IMG1" name="img1" alt="img1"> <img src="IMG2" name="img2" alt="img2"> <img src="IMG1" name="img1" alt="img1"> <img src="IMG2" name="img2" alt="img2"> <img src="IMG2" name="img2" alt="img2"> ----------------------------------------- <label for="check"> 画像(IMG2)をクリックorタップしてください </label> <input type="submit" name="send" value="送信"> </form> ↓ IMG2を全てタップorクリックすると IMG2→IMG3に変更され ↓ IMG2がすべてIMG3に変更されると labelが <label for="check"> 認証されました </label> ↓ 認証されましたに変われば 送信できるようにして、 できていなければ送信できないようにしたいのですが、 このような、ことが記載されている 参考サイトか ソースを教えてほしいです。 □ = IMG1 ■ = IMG2 ◆ = IMG3 □■□■■ ↓ □◆□◆◆ だったら認証されました □■□■■ ↓ □◆□◆■ <label for="check"> 画像(IMG2)をクリックorタップしてください </label>
質問日時: 2017/08/29 13:07 質問者: perlmanman
ベストアンサー
1
1
-
マウスカーソルの位置でスライダーらしきものがスライド? 教えてください
下記サイトにアクセス時に右上にバツ印が出るので押下した後にページ下部にスライダー?らしきものが出ます http://www.dawnofapes.com どなたかそのスライダーの動きの正体を知っていればご教示お願いいたします。 座標を取得しているのか、、マウスカーソルの位置によって横並び画像が若干センターよりに近づいている? また、恐縮ですがやり方わかればそこもご教示願いたいです、、(できれば記述の仕方など、、) よろしくお願いいたします
質問日時: 2017/08/27 08:55 質問者: ひおゆいぱぱ
解決済
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
最新のコラム/記事
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
-
メダロット:第250話「Vol.250※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
メダロット:第249話「Vol.249※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
日本古来の伝統工芸「金継ぎ」で修復した食器は前と同じように使えるの?
大切にしている食器が割れてしまったら、きっと誰もが「元に戻したい」と願うだろう。「教えて!goo」にも「割ってしまったお気に入りの食器を復活できる?」という質問があり、最適な方法について様々な意見が寄せら...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div>のタッチ状態を維持したままラ...
-
フォームが空欄の時にフォームの外...
-
プラグイン無しでContactform7にdat...
-
変数名をどのようにつけるのが良い...
-
階層別の組織図の自動作成について
-
条件に該当した時のみ定数を宣言す...
-
2段階プルダウンで1段階目の選択を...
-
読み込んだQRコードをフォームに受...
-
初心者です。gulpでコンパイルがで...
-
正規表現について質問です。条件に...
-
jQueryでシンセサイザーを作ってい...
-
メールフォームの日付入力フォーム...
-
二次元配列を使って順位をだすとき...
-
二次元配列の中の各行の要素をラン...
-
出発駅A、到着駅Bを選択すると、2.3...
-
スマホ上で、左右スワイプで次のペ...
-
【Google Apps Script】「ライブラ...
-
jQueryで同じクラス名のものを別物...
-
①入力フォーム→②確認表示画面→③送信...
-
プログラムについて。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次のペ...
-
読み込んだQRコードをフォームに受...
-
追加ボタンを押した際に ok ボタン...
-
①入力フォーム→②確認表示画面→③送信...
-
階層別の組織図の自動作成について
-
セレクトボックスで配列を呼び出し...
-
jsonテキストデータの並び替えがで...
-
【Google Apps Script】「ライブラ...
-
二次元配列を使って順位をだすとき...
-
初心者です。gulpでコンパイルがで...
-
jQueryで同じクラス名のものを別物...
-
HTMLでサブフレームから親のスクリ...
-
Colorboxがうまく設置できません
-
セレクトを全て選択されていないと...
-
画面遷移を行わずに同一ページでHTM...
-
フォームが空欄の時にフォームの外...
-
Googleフォームで選択肢に応じて次...
-
【GAS】WEBアプリでハイパーリンク...
-
jsで質問です。 ボタンが二つ存在し...
-
GASでチェックボックスを一括offしたい
おすすめ情報