回答数
気になる
-
引数を渡さずに呼び出し元の変数等を参照できますか
引数を渡さずに呼び出し元の変数等を参照できますか。 例えば次のように、呼び出し元で定数を定義して、 const hs = [{name: 'ディープ', no: 1}, {name: 'オルフェ', no: 2}] .jsファイルで次のようにhsを使いたいです。 function fn() {document.write(hs[0].name)}
質問日時: 2020/10/30 15:09 質問者: zyousuke
ベストアンサー
3
0
-
プログラミングわからない
頭文字となるひらがな1文字を入力したらあらかじめ集めておいた単語の中からランダムに表示するようなことはどの言語でどのようなコードを書いたらできますか?
質問日時: 2020/10/24 01:08 質問者: zer0_0922
ベストアンサー
2
0
-
プログラミング言語について
入力された文字に対応した結果を別ページで表示する物をつくりたいのですが、どの言語が適しているとおもいますか? javascriptでは難しいのでしょうか
質問日時: 2020/10/23 22:04 質問者: zer0_0922
ベストアンサー
2
0
-
javascript 複数のラジオボタンによって制御する文字列の表示
2つのラジオボタンが変更され、又、初期値に戻った時の制御について教えてください。 <form name="form1" id="form1"> <div> <input type="radio" name="sel1" id="sel1" value="0">111 <input type="radio" name="sel1" id="sel1" value="1" checked>222 </div> <div> <input type="radio" name="sel2" id="sel1" value="0" checked>AAA <input type="radio" name="sel2" id="sel1" value="1">BBB </div> <span name="status" id="status">あいうえお</span> ----------------- sel1=1「222」、sel2=0「AAA」 の選択が初期値で、statusに「あいうえお」と表示されています。 フォーム内で、sel1、又は、sel2が変更された際に、statusの「あいうえお」の文字を 「変更中」と表示し、初期値の、sel1=1「222」、sel2=0「AAA」 の選択状態に戻った時は、 statusの文字列も初期値の「あいうえお」と表示を戻したいです。 どのようにJavascriptで制御すればよろしいでしょうか。 宜しくお願い致します。
質問日時: 2020/10/18 23:30 質問者: mintohime
ベストアンサー
1
0
-
ボタンで配列に代入
javascript cuepoint.jsで、動画に字幕をつけようと思います。slidesに配列変数があり、 var slides= {n秒 : “文章”, n秒 : “文章” n秒 : “文章”.} 秒と文章の間はコロン、途中はカンマ、最後はドットと続けることになってます。 映画の字幕が、本来の使い方と思いますが、私はバスケ動画の得点者を字幕として出そうと思います。 さとう、やまだ、と選手達の名前のボタンを用意して、シュートが決まったら何分何秒、やまだ、と出るようにしたいと思います。 ボタンを押したらvalue値を取得して変数の文章のところに書き込みをしたいのですがどうしたら良いでしょう。 <button type="button" name="button1" value="やまだ"> <script> 時間は動画のcurrenttime、ボタンのバリュー値を取ってきてslides.push {ct :value}でいけるのかなと思ったのですが式が組み立てられません。 この時、行が続く場合は,をつけてあげなければいけません。 よろしくご指導ください。 教えていただけないでしょうか。
質問日時: 2020/10/17 20:05 質問者: ぽん太1号
ベストアンサー
3
0
-
JavaScript スライドの画像にリンクを貼りたい
お世話になっています。 ウェブサイトに画像が切り替わるスライドを設置しています。 この画像にリンクを貼ることは可能でしょうか…? <script type='text/javascript'> $('#imageSlideContainer').crossSlide({ sleep: 5.0, fade: 1.8 }, [ { src: 'img/topimage01.jpg' }, { src: 'img/topimage02.jpg' }, { src: 'img/topimage03.jpg' }, { src: 'img/topimage04.jpg' }, { src: 'img/topimage05.jpg' }, ]); </script>
質問日時: 2020/10/15 09:53 質問者: AKINA100
解決済
2
0
-
Gif画像のアニメーションが再生されない。
Webページを作成しており、背景にGIF画像を使用しています。 自身のローカル内だとGIF画像が常に連続で動いているのですが、サーバーにアップするとGIF画像が数秒で止まって動かなくなります。 問題を解決する為、下記URLの内容を試みたのですがうまくいきません。 https://qiita.com/kameo0501/items/dfc2ef45a85221ccc4b1 下が、ソースコードになります。 教えて頂きたくお願い致します。 HTML: <div class="main_page">←※今回の背景部分 <div class="main_content clearfix"> <div class="left_page"> <div id="id_top" class="title_back" > <h2>Information</h2> </div> <div id="id2_top" class="box_content" > <ul> <li class="contents"> <span>2020/09/27</span> <a href="" class="text_contents">新しい情報を更新しました。</a> </li> ~~~~~~~~~~~~~~~~~~以下略~~~~~~~~~~~~~~~~~~~~~~~~~ </ul> </div> </div> </div> ______________________________________________________________________ CSS: .main_page { background: url(../images/electronic_round_blue.gif) no-repeat; } _____________________________________________________________________ JavaScript: let gifImage = document.querySelector('.main_page'); gifImage.src = '../images/electronic_round_blue.gif?' + (new Date).getTime();
質問日時: 2020/10/12 16:32 質問者: 零礼
ベストアンサー
1
0
-
【JavaScript】イベント伝播の意味がわかりません。
イベント伝播の意味がわからず調べていました。おおよそ以下のような事が 書いてあります。 ------------------------------------- イベントの伝播の道筋 イベントが発生したら、以下の道筋を辿ります。 ①キャプチャーフェーズ windowからその子へ、そしてその子へ、、と順従に目的のノードに向かってイベントが走るフェーズ。 ②ターゲットフェーズ イベントが発生した要素にイベントが伝わるフェーズ ③バブリングフェーズ イベント発生元から親へ向かって順々にイベントが走るフェーズ。 https://images.app.goo.gl/iYsRUdfcmDv7Qa5SA ------------------------------------- 上の説明では意味が全く理解できませんでした。 サンプルとして記述してあったうち簡単な記述のものを実際に打ち込んでみました。 sample1 の記述だと 親 子 とブラウザに表示されます。「親」のテキストをクリックすると(親だよ)。 「子」のテキストをクリックすると(子だよ)と書かれたアラートが出てきます。 sample2に関しては、親ノードから子ノードを取得してクラスをつけたり、外したりします。 これの何がイベント伝播がなのか理解ができません。 学習中の初心者です。どなたか「JavaScriptのイベント伝播」について分かりやすく教えていただけないでしょうか? 宜しくお願いします。 *sample 1 ********************************** (HTML) <div id="parent"> 親 <div id="child"> 子 </div> </div> --------------------- (JavaScript) document.getElementById('parent').addEventListener('click',()=>{ alert('親だよ'); }); document.getElementById('child').addEventListener('click',()=>{ alert('子だよ'); }); *sample 2 ********************************** (HTML) <style> li { cursor: pointer; } li.done { text-decoration: line-through; } </style> </head> <body> <ul> <li>Todo</li> <li>Todo</li> <li>Todo</li> </ul> </body> --------------------- (JavaScript) 'use strict'; { document.querySelector('ul').addEventListener('click', e => { if (e.target.nodeName === 'LI') { e.target.classList.toggle('done'); } }); {
質問日時: 2020/10/10 13:55 質問者: boulevard5
解決済
3
1
-
JavaScripでラベル名(赤、青、黄)を取得したい。
以下に記述しているHTMLとJavaScriptでは valueの値、red, blue, yellowしか取得できません。 HTMLからvalue属性を外すと”on”しか出てきません。 このようなHTMLが記述されている場合、どうすればラベル名(赤、青、黄)を取得できますか? 分かる方いらっしゃいましたら教えて下さい。 宜しくお願いします。 (HTML) <input type="radio" name="color" value="red">赤 <input type="radio" name="color" value="blue">青 <input type="radio" name="color" value="yellow">黄 <button>Add!</button> <ul> </ul> ------------------------------------- (JS) 'use strict'; { document.querySelector('button').addEventListener('click', () => { const colors = document.querySelectorAll('input'); let selectedColor; colors.forEach(color => { if (color.checked === true) { selectedColor = color.value; } }); const li = document.createElement('li'); li.textContent = selectedColor; document.querySelector('ul').appendChild(li); }); }
質問日時: 2020/10/08 16:38 質問者: boulevard5
解決済
2
0
-
JavaScript正規表現について
下記ソースコードにて正規表現を作成しました。 (一部のみ抜粋) HTML: <form action="send.html" method="POST" id="contact"> <div class="item"> <label for="postal_code" class="label">郵便番号</label> <input type="text" name="question" id="postal_code" style="width: 55px;">-<input type="text" name="question" id="postal_code2" style="width: 90px;"> </div> <div class="s_button"> <input type="submit" name="submit" id="submit"> </div> </form> __________________________________________ JavaScript: document.getElementById('contact').onsubmit = function() { let textvalue3 = document.getElementById('postal_code').value; let textvalue4 = document.getElementById('postal_code2').value; if(!textvalue3.match(/^(\d+){3}$/) || !textvalue4.match(/^(\d+){4}$/)) { window.alert('半角数字の入力、桁数の確認願います(郵便番号)'); return false; } }; ■半角数字以外は入力禁止 ■左側テキストボックスは3桁以外での入力禁止、右側テキストボックスは4桁以外での入力禁止 問題は2番目なのですが、 左側3桁入力の部分にて1桁、2桁の場合は下記ソースコードのアラートが出力されます。 ですが4桁以上の入力をすると、なぜかアラートが出力されません。 下の正規表現では3桁ぴったりの入力でそれ以外はアラートが出るように記述してるのに、なぜか4桁以上の出力でもアラートが出ない様になっています。 右側の4桁以上も同様で、 1桁、2桁、3桁はアラートが出力されますが、5桁以上の場合でもアラートが出力されません まとめ: ■左側テキストボックス(3桁指定): 1桁、2桁はアラートがでる。 4桁以上はアラートがでない。 ■右側テキストボックス(4桁指定): 1桁、2桁、3桁はアラートが出る 5桁以上はアラートが出ない 桁数を指定しているのになぜ? 桁数を指定しているのになぜ、その桁数以上が条件に通ってしまうのでしょうか。 教えて頂きたくお願い致します。
質問日時: 2020/10/08 16:13 質問者: 零礼
ベストアンサー
1
0
-
Twitterの埋め込みしたWebページの速度を上げる方法
Webページを作成してるのですが、Twitterの埋め込みをいれると読み込みが遅い時があります。 最初にローディング画面を表示するようにして、一秒後ぐらいにWebページが表示されますが、十数回に一度ぐらいの割合でローディング画面がかなり長くなってしまう時がある。 試みてみた事: ・twitterのソースコード(下記)部分に 「async」(非同期通信)を削除する →あまり効果を実感できず <a class="twitter-timeline" data-width="250" data-height="350" href="https://twitter.com/isekaiizakaya?ref_src=twsrc%5Etfw">Tweets by isekaiizakaya</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></scr ・addEventListenerのイベントをload→domcontentloadedに変更 →早くなるが反対に遅延があった時しかLoading画面が表示されなくなる(画像やスタイルシートを待たずに発生する) window.addEventListener('domcontentloaded', function(){ document.getElementById('gif').classList.add('loaded'); }); ・試しにTwitterの埋め込み部分を削除してみる →30数回程行ったが遅くなることはなかった (Twitter埋め込み以外に外部リンクが2つあった状態で行ったが遅延は起きなかった。 また、逆にTwitter埋め込みのみの状態を行ったが、遅延は起きた) Twitterの埋め込みがある状態で遅延が起きなくなる方法がありましたら、 教えて頂きたくお願い致します。 全体ソースコード(一部のみ 抜粋); HTML: <div id="gif"></div> <div id="id3_top" clss="twitter_page"> <a class="twitter-timeline" data-width="250" data-height="350" href="https://twitter.com/isekaiizakaya?ref_src=twsrc%5Etfw">Tweets by isekaiizakaya</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div id="id4_top" class="banner"> <a href="https://www.aist.go.jp/"><img src=images/top_bnr_univ_shindan.png class="link_banner"></a> </div> <div id="id5_top" class="banner"> <a href="https://seiga.nicovideo.jp/seiga/im9619637"><img src=images/9619637i.jpg class="link_banner"></a> </div> ___________________________________________ CSS: #gif { position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transition: all 2s ease; background: url(../images/https___arisago.com_official_wp-content_uploads_2017_08_005.gif) center/300px no-repeat, #080403; } .loaded { opacity: 0; visibility: hidden; } ______________________________________________________________________ Javascript: window.addEventListener('load', function(){ document.getElementById('gif').classList.add('loaded'); });
質問日時: 2020/10/08 15:42 質問者: 零礼
ベストアンサー
2
0
-
【JavaScriptで】セレクトボックスからラベル名を取得する方法
一番下に書いたHTMLのセレクトボックスからラベル名を取得するにはどうしたらよいのでしょうか? HTMLにvalue値をつけずにこのように記述すると、下記のJavaScriptの記述でラベル名が取得できます。 ***************** <select> <option>1月</option> <option>2月</option> <option>3月</option> </select> https://imgur.com/T8W1Umy ***************** ところが下記のようにvalueに値をつけるとvalueの値が出力されラベル名は表示されません。 都道府県名や名前など各々valueの値と、ラベル名が異なることはよくあることと思います。 以下に記述したHTML(valueの値がついたもの)のセレクトボックスからラベル名を取得するにはどのように記述したら良いのでしょうか? 分かる方いらっしゃいましたら教えて下さい。宜しくお願いします。 (JS) 'use strict'; { document.querySelector('button').addEventListener('click', () => { const li = document.createElement('li'); const month = document.querySelector('select'); li.textContent = month.value; document.querySelector('ul').appendChild(li); }); } ---------------------------------------- (HTML) <select> <option value="1">1月</option> <option value="2">2月</option> <option value="3">3月</option> </select> <button>Add!</button> <ul> </ul>
質問日時: 2020/10/07 16:07 質問者: boulevard5
ベストアンサー
2
0
-
jqueryのソースコードをJavaScriptで書く場合の方法を教えてください
首記の件、下記ソースコードを JavaScriptで書く場合、どのように記述するのか教えて頂きたくお願い致します。 Jqueryソースコード: $(function(){ $(window).scroll(function (){ $('.fadein_left, .fadein_right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 150){ $(this).addClass('scrollin'); } }); }); });
質問日時: 2020/10/07 09:23 質問者: 零礼
ベストアンサー
1
0
-
JavaScriptで5.3.1.5.3.1・・・と続くように出力したいのですが、なかなかできません
JavaScriptで5.3.1.5.3.1・・・と続くように出力したいのですが、なかなかできません。 for文を用いて、5.3.1のみを表示することはできるのですが、繰り返しを表示することができません。 剰余演算子%を使うことで、出力できると聞きました。どのようなプログラムをつくればよいでしょうか?
質問日時: 2020/10/07 03:07 質問者: りらたん
ベストアンサー
3
0
-
ドロップダウンメニューで画像を変えたいが、上手くいかない。
ドロップダウンメニューで画像が変わるようにしたいですが、上手くいきません。 コードは下のように書きました。 多分画像の選択方法が間違えてるんじゃないかなと思っていますが、実際のところわかりません。 どうしたらよいでしょうか。 よろしくお願いします。 なお、画像は次のものにしたいです。レット…https://tetudoujapan.web.fc2.com/a922f.gif オレンジ…https://tetudoujapan.web.fc2.com/560d0.gif グリーン…https://tetudoujapan.web.fc2.com/mul92.gif ブルー…https://tetudoujapan.web.fc2.com/reri.gif グレー…https://tetudoujapan.web.fc2.com/560d0.gif ~~~~~~~~~~~コード~~~~~~~~ <HEAD> <SCRIPT language="JavaScript"> <!-- img0=new Image() img0.src="images/red.gif" img1=new Image() img1.src="images/orange.gif" img2=new Image() img2.src="images/green.gif" img3=new Image() img3.src="images/blue.gif" img4=new Image() img4.src="images/glay.gif" function imgChange(parts){ fname=parts.options[parts.selectedIndex].value; if(fname==0){document.imgsmp.src=img0.src;} if(fname==1){document.imgsmp.src=img1.src;} if(fname==2){document.imgsmp.src=img2.src;} if(fname==3){document.imgsmp.src=img3.src;} if(fname==4){document.imgsmp.src=img4.src;} } // --> </SCRIPT> </HEAD> <BODY> <FORM> <P><IMG src="images/red.gif" width="180" height="120" name="imgsmp"></p> <P><SELECT name="channel" size="1" onchange="imgChange(this)"> <OPTION value="0">レッド <OPTION value="1">オレンジ <OPTION value="2">グリーン <OPTION value="3">ブルー <OPTION value="4">グレー </SELECT></P> </FORM> <BODY>
質問日時: 2020/10/06 17:45 質問者: クモハ410系
解決済
1
0
-
【jQuery】hoverしたn秒後にイベントを実行したい
jQuery初心者でつまずいております… #navi > ul > li にhoverしたn秒後に、subnaviをslideDownで表示させたいです。 そして、hoverがはずれてsubnaviがslideToggleで戻るまでにもn秒ほしいです。 以下のコードで試したところ、hover時に画面全体に広がるマスク(#hg)は表示されますが、 肝心のsubnaviが表示されません。 また、いずれかのliをhover中に他のliをhoverしようとすると、イベント自体が止まってしまいます。 他のliにhoverした際は、以前hoverしていたliのイベントを中断して、新たにhoverした要素を優先させたいです。 【HTML】 <div id="hg"></div> <nav id="gnavi"> <ul> <li> <a href="javascript:;">タイトル</a> <div class="subnavi">サブナビ</div> </li> <li> <a href="javascript:;">タイトル</a> <div class="subnavi">サブナビ</div> </li> <li> <a href="javascript:;">タイトル</a> <div class="subnavi">サブナビ</div> </li> </ul> </nav> 【jQuery】 $(function() { $("#navi > ul > li").on({ 'mouseenter':function(){ sethover = setTimeout(function(){ $(".subnavi:not(:animated)", this).slideDown(500);$("#hg").stop().fadeIn(); },500); }, 'mouseleave':function(){ sethover = setTimeout(function(){ $(".subnavi",this).slideToggle(500); $("#hg").stop().fadeToggle(); clearTimeout(sethover); },400); } }); }); 【CSS】 #hg { display: none; position: absolute; width: 100%; height: 100%; background: #000; z-index: 40; filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } #gnavi { margin: 0 auto; box-sizing: border-box; max-width: 1200px; height: 65px; } #gnavi > ul { display: flex; justify-content: space-between; } #gnavi > ul > li > a { position: relative; display: flex; align-items: center; box-sizing: border-box; height: 65px; padding: 0 1em; font-size: 16px; font-weight: bold; line-height: 1.25em; color: #000; } #gnavi .subnavi { display: none; position: absolute; top: 130px; right: 0; left: 0; width: 100%; margin: auto; background: #fff; box-shadow: 0 15px 15px -15px rgba(0,0,0,0.4) inset; } ご教示の程、何卒宜しくお願い致します。
質問日時: 2020/10/05 18:27 質問者: mtsm3803
解決済
2
0
-
【JavaScript】階層関係から要素内のテキストを取得する方法
(-----)以下のHTMLから階層関係を用いて要素を取得してみました。 (1) const target = document.getElementById('second'); const parent = target.parentNode; console.log(parent); と記述しました。 この場合返ってくるのは、 <ul id="parent">...</ul> となります。これはなんとなくわかります。 (2) const base = document.getElementById('parent'); const children = base.children; console.log(children[0]); console.log(children[1]); console.log(children[2]); 次に上記のように記述しました。この場合も同じように添付画像のようなタグが返ってきます。 タグがそのまま返ってきます。 ●1番目 ●2番目 ●3番目 のように返ってくるにはどのような記述をしたらよいですか? よろしくお願いします。 ---------------------------- (HTML) <ul id="parent"> <li id="first">1番目</li> <li id="second">2番目</li> <li id="third">3番目</li> </ul>
質問日時: 2020/10/02 13:15 質問者: boulevard5
ベストアンサー
1
0
-
【jQuery】遅延実行(タイムラグ)について
#gnavi > ul > li にhoverして、 ・ドロップダウンメニュー(subnavi)が表示されるまで ・hoverがはずれてドロップダウンメニュー(subnavi)が消えるまで 少しの間だけドロップダウンメニューの表示が維持されるようにしたいです。 参考:https://www.kureha.co.jp/ 【HTML】 <nav id="gnavi"> <ul> <li> <a href="javascript:;">タイトル</a> <div class="subnavi">小カテゴリ</div> </li> <li> <a href="javascript:;">タイトル</a> <div class="subnavi">小カテゴリ</div> </li> </ul> </nav> 【jQuery】 $(function(){ $(".subnavi").hide(); $("#header_bg").hide(); //画面全体にかかるマスク $("#gnavi > ul > li").hover(function(){ $(".subnavi:not(:animated)", this).slideDown(500);$("#header_bg").stop().fadeIn();}, function(){ $(".subnavi",this).slideUp(100); $("#header_bg").stop().fadeOut(); }); $("#gnavi > ul > li").click(function(){ $(".subnavi:not(:animated)", this).slideToggle(500);$("#header_bg").stop().fadeToggle();}, function(){ $(".subnavi",this).slideToggle(500); $("#header_bg").stop().fadeToggle(); }); $("#header_bg").click(function(){ $(".subnavi").slideUp(100); $("#header_bg").stop().fadeOut(); }); }); 【CSS】 #gnavi > ul { display: flex; justify-content: space-between; } #gnavi > ul > li > a { position: relative; display: flex; align-items: center; box-sizing: border-box; height: 65px; padding: 0 1em; font-size: 16px; font-weight: bold; line-height: 1.25em; color: #000; } #gnavi > ul > li:hover > a, #gnavi > ul > li > a:hover { background: #000; color: #fff; } #gnavi .subnavi { display: none; position: absolute; top: 130px; right: 0; left: 0; width: 100%; margin: auto; background: #fff; } #header_bg { display: none; position: absolute; width: 100%; height: 100%; background: #000; z-index: 40; filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } ご教示の程、宜しくお願い致します。
質問日時: 2020/09/30 11:24 質問者: mtsm3803
解決済
2
0
-
javascriptで、送信ボタンの切り替えと部品の入力可能・付加の設定
javascriptで実現できるか教えてください。 イメージとしては、 検索項目をテキストボックスとラジオボタンで設定し「検索」ボタンを押すと、 「検索」ボタンが消えて、同じ場所に「再設定」というボタンが表示され 更に、テキストボックスとラジオボタンを入力・選択出来ないようにし、 「再設定」ボタンが押されると、同じ場所に「検索」ボタンが表示され テキストボックスやラジオボタンの入力・選択も可能になるようにしたいです。 <form action="" method="post"> 検索文字<input type="text" name="keyword"><br> <input type="radio" name="disp_mode" value="1">表示モード1<br> <input type="radio" name="disp_mode" value="2">表示モード2<br> <input type="radio" name="disp_mode" value="3">表示モード3<br> <input type="submit" value="検索"> </form> ラジオボタンを入力出来なくするのは、何とかできそうなのですが、 「検索」ボタンと「再設定」ボタンを、同じ場所で切り替えるのがわかりません。 よろしくお願いいたします。
質問日時: 2020/09/29 05:45 質問者: mintohime
ベストアンサー
2
0
-
【jQuery】ナビゲーションにhoverした時の:not(:animated)の挙動について
#gnavi > ul > li > a にhoverした時に、subnaviがドロップダウンで表示&画面全体に黒い半透明のマスクがかかるのが理想です。ですがaタグのhoverを繰り返すと、その回数分だけ半透明のマスクがちかちかと表示されてしまいます。 hoverした時だけマスクを表示させたいのですが、以下のコードから修正する方法はありますでしょうか。 何卒ご教授のほど、よろしくお願い致します。 【HTML】 <nav id="gnavi"> <ul> <li> <a href="javascript:;"><span>タイトル</span></a> <div class="subnavi">コンテンツ</div> </li> <li> <a href="javascript:;"><span>タイトル</span></a> <div class="subnavi">コンテンツ</div> </li> <li> <a href="javascript:;"><span>タイトル</span></a> <div class="subnavi">コンテンツ</div> </li> </ul> </nav> 【jQuery】 $(function(){ $(".subnavi").hide(); $("#header_bg").hide(); //#header_bgが半透明マスクです $("#gnavi > ul > li").hover(function(){ $(".subnavi:not(:animated)", this).slideDown(500);$("#header_bg").fadeIn();}, function(){ $(".subnavi",this).slideUp(100); $("#header_bg").fadeOut(); }); $("#gnavi > ul > li").click(function(){ $(".subnavi:not(:animated)", this).slideToggle(500);$("#header_bg").fadeToggle();}, function(){ $(".subnavi",this).slideToggle(500); $("#header_bg").fadeToggle(); }); $("#header_bg").click(function(){ $(".subnavi").slideUp(100); $("#header_bg").fadeOut(); }); });
質問日時: 2020/09/28 16:13 質問者: mtsm3803
解決済
1
0
-
ホームページに日付によりかわるメッセージを入れたい。
こんにちは ホームページを作っています。 そこで、日付によって毎日メッセージが変わるようにしたいのですが、検索しても、出てきません。「月によって変わるメッセージ」というのはありました。それを改造して作ることってできますか?(下にコードを貼っておきます。)もし改造してもできないのであれば、ヒントやコードなど、教えていただければ嬉しいです。 どうかよろしくお願いします。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p> <script>// <![CDATA[ var mymsg = new Array(); mymsg[0] = '1月(お正月です)'; mymsg[1] = '2月(節分です)'; mymsg[2] = '3月(ひな祭りです)'; mymsg[3] = '4月(入学式です)'; mymsg[4] = '5月(鯉のぼりが空に…)'; mymsg[5] = '6月(この月の花嫁は幸せに…)'; mymsg[6] = '7月(梅雨です)'; mymsg[7] = '8月(夏休みです)'; mymsg[8] = '9月(夏も終わりです)'; mymsg[9] = '10月(運動会です。)'; mymsg[10] = '11月(紅葉がきれいです。)'; mymsg[11] = '12月(一年は早く過ぎます。)'; var mynow = new Date(); var mymonth = mynow.getMonth(); document.write("<center><font style='font-size : 18px; color : #dc143c'>"+mymsg[mymonth]+"</font></center>"); // ]]></script> </p> </body> </html>
質問日時: 2020/09/26 12:27 質問者: クモハ410系
解決済
2
0
-
リンク先に飛ぶときに、現在のタブを閉じたい
webページのTOPページから、あるページに飛ぶ際、 target=blank にて 新しいタブを作成し そこにリンク先を表示させています そこからTOPページに戻るとき、「TOPへ戻る」のテキストから TOPページに戻るようにしていますが、タブが残ってしまうのが嫌なので、 これを閉じたいのです どのようなコードになるのでしょうか? JavaScriptの範疇でしょうか?
質問日時: 2020/09/25 11:46 質問者: ppp2122
ベストアンサー
2
0
-
フォーム要素を下から上にフェードイン
首記の件、教えて頂きたくお願い致します。 流れとして、下記ソースコードのWebページを開いたら、 ・ローディング画面が表示される ・ローディング画面が徐々に消えてフォームが表示される ※ローディング画面が消えてフォームが表示される時に、フォームが下から上にフェードインしながら表示される様にしたい ←ここで悩んでます。 CSSで#formを取得して、 opacity: 0; transform: translateY(20px); で要素を透明にし、要素を下にさげる JavascriptのclassListでクラスを追加して、そのクラスにCSSを記述する JavaScript; window onload = function() { const fadein = document.getElementById('form'); fadein.classList.add('fade_in'); CSS; .fade_in { opacity: 1; transform: translateY(0); で要素を不透明にし、要素を上にあげる こうすることでフォームのid(form)からクラス(fade_in)に切り替わる事で、CSSの値が(fade_in)のCSSへと変化しフェードインを実現させようとしたのですがうまくできません。 (ローディング画面はうまくできたのですが、やり方が同じなのに出来ません) 宜しくお願い致します。 ソースコード; ★HTML; <body> <div id="GIF"></div> <form action="top.html" method="POST" id="form"> <div class="question-form"> <div class="areas"> <div class="columns">会社名・団体名</div> <div class="rows"><input type="text" name="test" class="input-text"><br>(例:**株式会社、**大学**学部**学科)</div> </div> <div class="areas"> <div class="columns">氏名(漢字)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text2"><br>例:令和太郎)</div> </div> <div class="areas"> <div class="columns">氏名(フリガナ)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text3"><br>(例:レイワタロウ))</div> </div> </div> </form> <script src="script.js"></script> </body> _____________________________________________________________________ ★CSS; #GIF { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; transition: all 1s ease; background:url(images/https___arisago.com_official_wp-content_uploads_2017_08_005.gif) center/300px no-repeat, #080403; } .loaded { opacity: 0; visibility: hidden; } #form { opacity: 0.1; transform: translateY(20px); transition: all 3s; } .fade_in { opacity: 1; transform: translateY(0); } ______________________________________________________________________ ★JavaScript; window.onload = function() { const load = document.getElementById('GIF'); load.classList.add('loaded'); } */ window.onload = function() { const fadein = document.getElementById('form'); fadein.classList.add('fade_in'); }
質問日時: 2020/09/25 10:08 質問者: 零礼
ベストアンサー
2
0
-
Javascript 郵便番号の入力欄で記述の仕方がおかしいとエラーが出る様にしたい。
首記の件、ご教示お願いします。 郵便番号を記述するテキストボックスに、桁数が間違っていた場合や間のハイフンが入っていなかった場合は、’桁数が違います'や'-が抜けています’などのアラートが出る様にしたいです。 下記のコードが作成中の物です。 (長いので一部抜粋にします) HTML: <form action="top.html" method="POST" id="form"> <div class="areas"> <div class="columns">郵便番号</div> <div class="rows"><input type="text" name="sample" class="input-text6"><br>(例:123-4567)<br><span class="red">半角</span>でお願いします。</div> </div> </form> ______________________________________________________________________ JavaScript: document.getElementById('form').onsubmit = function() { let textValue6 = document.querySelector('.input-text6').value; if(textValue6.match(/[^0-9a-zA-Z-]+/)) { window.alert('半角英数字で入力してください'); return false; } }; 半角英数字で入力されてない場合はエラーが出る様にはしたのですが、 ・桁数を間違って入力した場合(前半3桁ー後半4桁) ・ハイフンが入ってない場合 上記2つを組み込むにはどの様なコードを記述すればいいのでしょうか? 宜しくお願いします。
質問日時: 2020/09/22 11:02 質問者: 零礼
ベストアンサー
5
0
-
HTMLを見ているときに変化した所に移動
普通のテキストエディタでHTMLファイルを編集しています。 ブラウザとエディタを左右に並べて結果を見つつ編集したいのですが、両者は全く別個のソフトなので当然連携しません。 ブラウザ側の設定とかHTMLファイルのスクリプトで、一秒間に一回程度で十分なので、変更された箇所がブラウザの中央になるように出来ないですかね。 Javascriptで表示位置を変える方法は知っています。一秒間に一回の周期で何かのスクリプトを実行する方法も知っていますが、チェック前とチェック後で編集された場所を知る方法が分からない... 編集中のHTMLファイルはローカル。 編集後は、全く動きのない単純なHTMLファイルになります
質問日時: 2020/09/20 10:46 質問者: ood
解決済
1
0
-
Java Scriptのグローバルオブジェクトについて質問です。 ・1つのグローバルオブジェクトは、
Java Scriptのグローバルオブジェクトについて質問です。 ・1つのグローバルオブジェクトは、複数のグローバル変数や関数で共有される。 ・1つのグローバルオブジェクトは、複数のタブ間で共有される。 これはどちらも正しい記述ですか?
質問日時: 2020/09/20 10:07 質問者: stella51
ベストアンサー
1
0
-
javascriptでファイルダウンロードをさせようとしたとき2回目以降ダウンロード失敗する。
javascriptでファイルダウンロードをさせようとしたときに、一度目は成功するのですが、 同じリンクを2度目からクリックしてもダウンロード失敗します。 失敗 ネットワークエラーと出ます。 どういったことが問題なのでしょうか。 <div> <a id="df" href="javaScript:testdownload()" download>ダウンロードテスト </a> </div> function testdownload() { var link = document.createElement("a"); link.target = "_blank"; link.download = "targetfile.pdf"; link.href = "http://127.0.0.1:8887/download/targetfile.pdf"; link.click(); } ご存じの方よろしくお願いします。
質問日時: 2020/09/18 11:14 質問者: あしたみる
解決済
2
0
-
Javascriptに条件分布ついて(再)
前回に引き続いた質問になってしまいますが、 下記コードにて、テキストボックスが未入力で送信ボタンを押した場合、アラートが表示される様になります。 ___________________________________________ HTML(一部抜粋): <form action="#" method="POST" id="form"> <div class="question-form"> <div class="areas"> <div class="columns">会社名・団体名</div> <div class="rows"><input type="text" name="test" id="input-2"><br>(例:**株式会社、**大学**学部**学科)</div> </div> <div class="columns-submit">内容をご確認の上、よろしければ下記ボタンをクリックして下さい。</div> <div class="rows-submit"><input type="submit" name="sample" value="送信" class="input-text"></div> <div class="submit-text">(上記ボタンを押した後、次の画面がでるまで、4~5秒かかりますので、続けて2回押さないようにお願いいたします。)</div> </div> </form> ___________________________________________ Javascript: document.getElementById('form').onsubmit = function() { let blank = document.getElementById('form').test.value; if(blank === "") { window.alert('入力されていません'); } }; ___________________________________________ ですが、これが下記の様にテキストボックスが2つ以上になると上手く分岐してくれず、入力をしてもアラートが表示されてしまいます。 <form action="#" method="POST" id="form"> <div class="question-form"> <div class="areas"> <div class="columns">会社名・団体名</div> <div class="rows"><input type="text" name="test" id="input-2"><br>(例:**株式会社、**大学**学部**学科)</div> </div> <div class="areas"> <div class="columns">氏名(漢字)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="test" class="input-text"><br>例:明和太郎)</div> </div> <div class="columns-submit">内容をご確認の上、よろしければ下記ボタンをクリックして下さい。</div> <div class="rows-submit"><input type="submit" name="sample" value="送信" class="input-text"></div> <div class="submit-text">(上記ボタンを押した後、次の画面がでるまで、4~5秒かかりますので、続けて2回押さないようにお願いいたします。)</div> ___________________________________________ イメージとしてテキストボックスが両方、もしくはどちらかが未入力の場合にアラートを表示される様にしたいです。 テキストボックスが1つだと正しく動作するのに何故2つ以上だと動作しないのかわかりません。 テキストボックスが1つ増えるごとにname属性だけを変えて、上記のJabascriptを繰り返し記述する事になってしまうのでしょうか? 前回,HTMLのとある属性であっさり解決してしまいましたがJavascriptで作れるようになりたいと思い、再度投稿しました。 宜しくお願いします。
質問日時: 2020/09/17 21:09 質問者: 零礼
ベストアンサー
3
0
-
配列のチェックボックスをjavascriptで全選択する際のループの仕方
以下のサンプルで、チェックを入れる部分をループにしたいのですが、うまくいきません。 ----------------------------------------------------------------- <form name="form" method="GET"> <input type="checkbox" name="aaa" onClick="AllChecked();" /> 全選択 <input type="checkbox" name="bbb[0]"> <input type="checkbox" name="bbb[1]"> <input type="checkbox" name="bbb[2]"> </form> <script language="JavaScript" type="text/javascript"> <!-- function AllChecked(){ var check = document.form.aaa.checked; document.form.elements['bbb[0]'].checked = check; document.form.elements['bbb[1]'].checked = check; document.form.elements['bbb[2]'].checked = check; } //--> </script> ----------------------------------------------------------------- bbbの配列は、データベースから抽出したデータ数によって変化します。 最大30個あります。 bbbの数の分だけ、ループでチェックを入れたいのですが、 どうしたら良いのでしょうか。 ※ちなみに、このフォームには、他にも配列のチェックボックスがあります。 bbbだけ、全選択の処理を行いたいです。 よろしくお願いいたします。
質問日時: 2020/09/15 03:53 質問者: mintohime
ベストアンサー
3
0
-
Javascriptの条件分布が機能しない
下記コードにてテキストボックスが未入力の場合、送信ボタンを押したらアラートが出る様にしたいのですがうまくいきません。 教えて頂きたくお願い致します。 HTML: <form action="test.html" method="POST" id="form"> <div class="question-form"> <div class="areas"> <div class="columns">会社名・団体名</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:**株式会社、**大学**学部**学科)</div> </div> <div class="areas"> <div class="columns">氏名(漢字)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>例:令和太郎)</div> </div> <div class="areas"> <div class="columns">氏名(フリガナ)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:令和タロウ))</div> </div> <div class="areas"> <div class="columns">メールアドレス<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">メールアドレス(確認)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします.</div> </div> <div class="areas"> <div class="columns">郵便番号</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:123-4567)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">住所</div> <div class="rows"><input type="text" name="sample" class="input-text"></div> </div> <div class="areas"> <div class="columns">TEL</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">FAX</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">お問合せ内容、お見積りはこちらへどうぞ<span class="red">(必須)</span></div> <div class="rows"><textarea name="textarea" rows="10" cols="40" class="input-text"></textarea><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="columns-submit">内容をご確認の上、よろしければ下記ボタンをクリックして下さい。</div> <div class="rows-submit"><input type="submit" name="sample" value="送信" class="input-text"></div> <div class="submit-text">(上記ボタンを押した後、次の画面がでるまで、4~5秒かかりますので、続けて2回押さないようにお願いいたします。)</div> </div> </form> ____________________________________________ Javascript: let blank = document.querySelectorAll('.input-text').value; document.getElementById('form').onsubmit = function() { if(blank === "") { window.alert('入力されていません'); return false; } };
質問日時: 2020/09/13 18:27 質問者: 零礼
ベストアンサー
3
0
-
GASを使って、Gmailから自動送信したいのですが、エラーが出ます。何が問題でしょうか。
function autoMail() { var subject = 'スケジュールについて'; var body = ''; body += '各位\n'; body += 'これはテストです'; body += 'よろしくお願いします。'; body += '\n'; body += '\n'; GmailApp.sendEmail( 'abc@yahoo.co.jp', subject, body, { bcc:'abc@yahoo.co.jp' , name:'abcカンパニー' } }; }
質問日時: 2020/09/12 16:44 質問者: ymrs
ベストアンサー
1
0
-
HTML上のテキストボックスから変数を指定する方法
HTML上のテキストボックスから、 JavaScriptで定義した変数の変数名を指定することは可能でしょうか。 document.getElementById('入力情報').value では変数として認識されませんでした。
質問日時: 2020/09/11 09:36 質問者: seanp
ベストアンサー
2
0
-
JavaScriptは言語? 私の古い認識では、JavaScriptはHTMLに埋め込むすくりであっ
JavaScriptは言語? 私の古い認識では、JavaScriptはHTMLに埋め込むすくりであってプログラミング言語ではないと思います。学校教育ではJavaScriptを教えると聞きましたが、それは教えやすくていいだろうけど将来の役に立つのかと不思議に思います。 C言語とは言いませんが、少なくともプログラミング言語を教えるべきではないのでしょうか?
質問日時: 2020/09/05 09:15 質問者: y_hisakata
ベストアンサー
7
0
-
Javascript_submit()完了後に処理したい
postでURLに対してデータを送信し、自分の画面は閉じる動きを実現したいです。 ですが、現在の状態では、submit()されずに自画面が閉じてしまいます。 onClick()イベント内 : form.submit(); window.open('about:blank', '_self').close(); 対して、以下のように自画面を閉じる処理をコメントアウトすると正常にsubmit()されます。 onClickイベント内 : form.submit(); //window.open('about:blank', '_self').close(); submit()が完了するよりも前に画面が閉じてしまうために 送信できていないのだと想定しています。 そのため、 parent.window.open('about:blank', '_self').close(); を、submit()がちゃんと完了したら動くようにしたいです。 onClickイベント完了後、またsubmit()が完了後に発火するようなイベントはあるでしょうか? また、そのほかに良い方法はあるでしょうか? よろしくお願いいたします。
質問日時: 2020/09/03 14:08 質問者: fjvadpmjio
解決済
3
0
-
Chromeのデベロッパー・ツールで"console"が表示されません。
JavaScriptで以下のような記述をしました。 本来ならデベロッパー・ツールのコンソールに***内のように表示されるはずです。 しかし添付画像のように(5messages)や、(2errors)のように数値で何かしらメッセージはあるはずなのですが、何も表示されません。 ちなみにMicrosoftのEdgeの開発者ツールでは以下のURL画像のようにちゃんと結果が表示されています。 http://up-img.net/img.php?mode=png&id=8076 デベロッパーツール自体あまり使いなれていない学習初心者です。 何か誤った操作をしてしまったのかと思いますが元に戻す術がわかりません。 何が原因でどうすれば戻るかご存知の方いらっしゃいましたら教えて下さい。 よろしくお願いいたします。。 ***** Sun Aug 23 2020 11:27:30 GMT+0900 (日本標準時) --- Hello New World! --- 2 ***** ---------------------------------------------------------- 'use strict'; { const current = new Date(); console.log(current); console.log('Hello Yahoo World!'); console.log(1 + 1); }
質問日時: 2020/08/23 12:28 質問者: boulevard5
解決済
2
0
-
jQueryなどのフレームワークが使えるようになればJavascriptの勉強は必要ないですか?
jQueryなどのフレームワークが使えるようになればJavascriptの勉強は必要ないですか?
質問日時: 2020/08/22 23:43 質問者: silverwolf12
解決済
1
0
-
googleカンダーようにドラックした時間を取得する方法
googleカンダーようにドラックした時間を取得する方法 がわかりません。ソースを表示しても長いjavascriptが書いてあり解読不能です また、javascriptで選択範囲を取得できるのかもわかりません。 googleカンダーようにドラックした時間を取得する方法の簡単なコードを教えてください 応用するのでヒントで構いません。 現在日付と時間はtableでデザインしているのですが技術的に古いのでしょうか
質問日時: 2020/08/21 22:48 質問者: 39OK
解決済
1
0
-
JavaScriptのデータ型と配列の代入について教えて下さい
<データ型>1. 以下のようなケースでxに5という値を代入すると1行目の「let x = 1;」で「x」の値が5に変わるというのは理解できます。 この場合、2行目は「y」の値は「1」のままです。「5」でないのがわかりません。 代入したことによって「let y =x」へは影響を及ぼさないのはなぜですか? 少なくともスコープの範囲以内は代入の影響が出るものと考えてしまいます。 { let x = 1; let y = x; x = 5; console.log(x); //5 console.log(y); //1 } <配列> 2.このような配列の場合、「x」に配列である[1, 2];が代入されているわけですよね。 以下のように「x」に5を代入した場合、x = 5 とはならないものなのでしょうか? console.logで見てみると、[5, 2]となっています。 また、2行目も[5, 2]となっています。 上の<データ型>のケースをもとに考えるならば、ここは[1, 2]のままでないのはなぜなのでしょうか? { let x = [1, 2]; let y = x; x = 5; console.log(x); //[5, 2] console.log(y); //[5, 2] } 初心者です。上記2点はJavaScriptの基礎の辺りで説明されている事柄です。 どうも釈然としません。 どなたか分かりやすく教えていただけないでしょうか。よろしくお願いいたします。
質問日時: 2020/08/21 15:37 質問者: boulevard5
ベストアンサー
3
0
-
react.jsでモーダルをライブラリなどを使わずに実装したいのですが、オススメの参考サイト、又はみ
react.jsでモーダルをライブラリなどを使わずに実装したいのですが、オススメの参考サイト、又はみなさんの記述を教えていただきたいです。 よろしくお願いします。
質問日時: 2020/08/19 23:29 質問者: たくあん大好き
解決済
1
0
-
onclickが動作しない
下記のHtml文におけるonclickの動作についての質問です。 ①現状のHtml文では、id="text-button"、id="test2"が動作しない。 ②現状のHtml文で<script>内の document.getElementById("text-button").onclick = function () { document.getElementById("text").innerHTML = "しんのすけ"; }; を削除すると、id="test2"が動作するようになる。 ③<script>を</body>の前に移動させると、全てのonclickが動作する なぜ?このようになるのでしょうか?巻き上げ?が関係していますか? 詳しい方、宜しくお願い致します。 <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="content-type" charset="utf-8"> <title>慎之介</title> <script> document.getElementById("text-button").onclick = function () { document.getElementById("text").innerHTML = "しんのすけ"; }; function test1() { document.getElementById("test1").value = "sinnosuke" }; var test2 = function() { document.getElementById("test2").value = "シンノスケ" }; function test4(obj) { obj.value = "シン" }; </script> </head> <body> <div id="text-button"> <p id="text">名前は</p> </div> <input id="test1" type="button" value="ボタン1" onclick="test1()"> <input id="test2" type="button" value="ボタン2" onclick="test2()"> </body> </html>
質問日時: 2020/08/17 10:13 質問者: minarai_database
ベストアンサー
3
0
-
JavaScript上でJavaのソースコードを実行する方法はありますか?
JavaScript上でJavaのソースコードを実行する方法はありますか?
質問日時: 2020/08/10 19:47 質問者: よっちゃん33
ベストアンサー
2
0
-
fetchでreturnで戻り値
fetchでreturnで戻り値 fetchでreturnで戻り値を習得する方法を教えて下さい returnで戻り値を習得しないfetchは使えるようになってきたのですが fetchでreturnで戻り値を習得できません。 いろいろ調べたのですがよくわかりません。 ### js function getFetch() { const m = "POST"; const h = { 'Accept' : 'application/json' }; const b = new FormData(); fetch( 'http://localhost/control.php' , { m , h , b } ) .then(response => response.json()) .then(rss => { console.log(rss); }); } ### control.php header('Content-Type: application/json'); $array['data'] = 'data sample' ; $array['message'] = 'done' ; echo json_encode(compact('array')); exit; このようなソースを使っています。 ### js fetch( 'http://localhost/control.php' , { m , h , b } ) .then(response => response.json()) .then(rss => { console.log(rss); }); これを下記のように ### js fetch( 'http://localhost/control.php' , { m , h , b } ) .then(response => response.json()) .then(rss => { console.log(rss); return rss ; }); return rss ;を付ける。 関数の呼び出しを ### js getFetch(); これを下記のように ### js var ret = getFetch(); 戻り値を取れるようにしたいのです。
質問日時: 2020/08/09 22:35 質問者: JosephWalden
解決済
1
0
-
JavaScriptでクリップボードのデータを変数に格納する方法
JavaScriptで クリップボードのデータのURLかテキストを 変数に格納する方法を教えて下さい。 Windows10 CHromeを使っています。 console.log( data ) ;
質問日時: 2020/08/08 20:13 質問者: JosephWalden
解決済
3
0
-
JavaScriptの関数とインスタンスの違いを教えてください。
JavaScriptの関数とインスタンスの違いを教えてください。
質問日時: 2020/08/06 09:51 質問者: silverwolf12
ベストアンサー
2
0
-
JavaScriptのプロパティとメソッドってどう区別するのですか?
JavaScriptのプロパティとメソッドってどう区別するのですか?
質問日時: 2020/08/06 09:09 質問者: silverwolf12
ベストアンサー
3
0
-
HTML(とJavaScriptフレームワーク)で簡単なアプリを作りたい
タイトル通りです。 条件としては、 * 開発にお金をかけることができない(Google Playに載せるとすれば、載せるときだけの最小限のお金25ドルだけで済ませたい。野良apkファイルをどこかで配布できるなら、それで構わないがどこで配布できますか?) * 英語はできます。HTMLの基礎はわかります。JavaScriptが必要でしたら勉強します。それ以上のプログラミング言語(JavaとかRubyとかPythonとか)はまだできませんので、それを使わないでできる範囲のアプリでいいです。 * 本当に簡単なアプリでよくて、収益化などは考えていないし、プッシュ通知などの機能も必要ないです。 * アプリに文字を表示する機能と、ボタン(またはリンク)を押すとインターネット上のページに飛ぶ機能だけがあればいいです。 私が今作っているサイト(http://honoka.iiyudana.net/)の内容をアプリで表示できるような感じです。デザインはどうでもいいので高度なCSSの知識はいらないです。 あくまでアプリケーションを作るための練習がしたいだけなので…。スマホ上で動くアプリケーションであればいいです。IOSのストア(App Store)にアプリを載せるには継続料金がかかるため、載せないつもりでいます。それも野良apkファイルをどこかで公開できればそれでいいです。もしくは希望者だけにメールか何かで送るとか。 イメージ(UI)としてこんなアプリを作りたいです。 https://play.google.com/store/apps/details?id=com.japanese.holy.bible オフライン機能は必要ないです。 「聖書日本語」という一番メインのページ(たとえばnanikanosaito.com/index.htmlのような)があり、そこのボタンを押すと、「創世記」というページ(メインのページの下位に位置するページ)が開くということです。 2枚目の写真に「聖書日本語/私たちを評価してください」と書かれたメニューバーがありますが、そのようなメニューバーはほしいです。 https://ionicframework.com/ には登録してみましたが、よくわからなくて…。 このサイトの「HTML/JavaScriptの組み合わせによる開発手法」というところに書いてあるようなことがしたいです。 https://www.sejuku.net/blog/98527 このようなものみたいです。 https://cordova.apache.org/ 下にイメージを添付いたします。 このようなアプリを作るには、HTMLだけでいけますか?それともJavaScript、もしくはJavaScriptのフレームワークが必要ですか?もしそうなら、フレームワークは
質問日時: 2020/08/05 13:38 質問者: honoka547
解決済
1
0
-
JavaScriptのフレームワークとライブラリはどう違いますか?
JavaScriptのフレームワークとライブラリはどう違いますか?
質問日時: 2020/08/03 14:38 質問者: silverwolf12
ベストアンサー
3
0
-
Jquery on click 発火しない
下部のHTMLで $("#mtrig").on("click",function(){console.log("test"); } ) では発火しません。 $("#orderlist").on("click", function(){console.log("test"); } ) や、 $("#orderlist").on("click", ".minus", function(){console.log("test"); } ) では発火します。 最初のscriptではなぜ発火しないか理由を教えてください。 <div id="temp"> <table id = "orderlist"> <tr> <td class="td10">name</td> <td class="plus">+</td> <td class="td11"> number</td> <td id="mtrig" class="minus">-</td> <td class="td12">sum</td> </tr> </table> </div>
質問日時: 2020/08/03 09:04 質問者: yukimesan
ベストアンサー
3
0
-
JavaScriptの関数が得意になるにはどうすればいいでしょうか?
JavaScriptの関数が得意になるにはどうすればいいでしょうか?写経しまくるしかないでしょうか?
質問日時: 2020/07/31 12:03 質問者: blackrange
ベストアンサー
1
0
-
Javascriptの電卓を作る課題についてです。 普通の電卓ではなく、操作が決まっています。 数値
Javascriptの電卓を作る課題についてです。 普通の電卓ではなく、操作が決まっています。 数値ボタン(0〜9)を押す→演算子ボタン(+.-.×.÷)を押す→数値ボタンを押す→=ボタンを押す。という操作になります。 ボタンは別のjsファイルを作ってそこで取得させます。 どういう風に考えたらいいのか全然分からないので、どう考えればいいのかだけでもいいので、詳しく教えていただけませんか?また、課題のヒントはボタンをthis.valueで取得すると教えられましたが、どういうことでしょうか? よろしくお願いいたします。
質問日時: 2020/07/30 22:34 質問者: いんげん。
解決済
3
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したい
おすすめ情報