回答数
気になる
-
ホームページ 表示非表示 HTML CSS JavaScript
教えてください。 現在下記のように 表示非表示切替をクリックで要素を表示非表示 するようにしているのですが、 <div name="toggle1" id="toggle1" style="display:none"> <h3><img src="画像のURL" border="0"><br> JavaScriptとCSSで指定した要素の<br>表示/非表示を切り替えます。</h3> </div> <div> <a href="#toggle1" onmousedown="if(document.getElementById('toggle1').style.display == 'block') {document.getElementById('toggle1').style.display = 'none';} else{document.getElementById('toggle1').style.display = 'block';}"> トグルスイッチ 表示/非表示</a> </div> <div name="toggle2" id="toggle2" style="display:none"> <h3><img src="画像のURL" border="0"><br> JavaScriptとCSSで指定した要素の<br>表示/非表示を切り替えます。</h3> </div> <div> <a href="#toggle2" onmousedown="if(document.getElementById('toggle2').style.display == 'block') {document.getElementById('toggle2').style.display = 'none';} else{document.getElementById('toggle2').style.display = 'block';}"> トグルスイッチ 表示/非表示</a> </div> <div name="toggle3" id="toggle3" style="display:none"> <h3><img src="画像のURL" border="0"><br> JavaScriptとCSSで指定した要素の<br>表示/非表示を切り替えます。</h3> </div> <div> <a href="#toggle3" onmousedown="if(document.getElementById('toggle3').style.display == 'block') {document.getElementById('toggle3').style.display = 'none';} else{document.getElementById('toggle3').style.display = 'block';}"> トグルスイッチ 表示/非表示</a> </div> これで、どこかの表示をクリックすると そこ以外表示されている要素を非表示にしたいのですが、 どうすればいいでしょうか? また、表示されるときと非表示されるときに動きを加えたく フェードインとフェードアウトの要素も入れたいです・・・
質問日時: 2017/06/06 14:20 質問者: home321
ベストアンサー
4
0
-
Canvasによるお絵描きスクリプトの使い方がわからない。
下記のスクリプトを使ってCanvasにマウスとタッチ両方でお絵描きできるようにしたいのですが、このスクリプトをどう使えばよいのかわからず、自作のHTMLに埋め込んだcanvasで動作してくれません。 http://studio-key.com/1007.html とりあえず、var Canvas = document.getElementById(selecter);のselecterのところだけは、自作のHTMLに埋め込んだcanvasタグのIDに合わせて、'test'としてみたのですが…。 「とりあえずサンプル」にあるような、豊富な機能は必要なく、最低限、黒い線が描ければ、それで十分なのですが…。 どなたか、このスクリプトをどう設置すれば動作するのか、教えていただけないでしょうか?よろしくお願いいたします。
質問日時: 2017/06/06 10:21 質問者: furnace
ベストアンサー
1
0
-
うまく歌えるようにしたいんですが、 毎日できる練習方法とかありますか?
うまく歌えるようにしたいんですが、 毎日できる練習方法とかありますか?
質問日時: 2017/06/04 19:39 質問者: マーラー
解決済
4
0
-
canvasに描画したものを全て削除するには?
下記を参考に、canvasを使ってマウスで線を描ける仕組みをつくっているのですが、描いた線を全て消す方法がわからずに困っています。 https://gist.github.com/Cartman0/436459b9b85cfdd1ca9c canvasのエリア内ではなく、canvasを置いているHTMLにあるaタグでくくったリンクを押すことで非同期によって消したいのですが、どのようなコード(関数?)を書いて、どのように実行すればよいのでしょうか。 ご存知の方がおられましたら、ご回答いただけますと幸いです。よろしくお願いいたします。
質問日時: 2017/06/04 11:22 質問者: furnace
ベストアンサー
2
0
-
解決済
2
0
-
JavaScript初心者です。繰り返し処理についての問題が分からないのでご教授ください。 問題 ユ
JavaScript初心者です。繰り返し処理についての問題が分からないのでご教授ください。 問題 ユーザがポップアップウィンドウから1から始まる整数値を入力します。プログラムを動かす度に入力される値は異なります。 動作は次のようなものを想定しています。 【1】プログラムを実行すると、次のようなポップアップウィンドウを表示する。なお、入力欄の初期値は空白とする。 【2】ユーザが、整数を入力して、OKボタンを押す。 【3】処理開始後、まずユーザが入力した数値をWebブラウザに出力する。 【4】次に、ユーザが入力した数値の数だけデータが保持できるよう配列を準備する。その配列の要素の中に星という文字を入力する。代入終了後、配列の中身を 【変更前の配列】として、Webブラウザに出力する。 【5】続いて、配列のインデックス番号に応じて、配列に代入する内容を変える。代入する内容は次のとおりとする。 ・配列のインデックス番号が奇数ならば★マークを代入する。 ・配列のインデックス番号が偶数ならば☆マークを代入する。 なお、ある数値について、数値を2で割った余りが0の時は偶数、余りが1の時は奇数と判定できる。 偶数→2n 奇数→2n+1 【6】配列の要素の中身の変更が終わったら、配列の中身を【変更後の配列】として、Webブラウザに出力する。 出力例 入力された数字:10 【変更前の配列】 星星星星星星星星星星 【変更後の配列】 ★☆★☆★☆★☆★☆ 【7】もし、ユーザがキャンセルボタンもしくは閉じるボタンを押した場合は、処理がキャンセルされましたとWebページに出力する。 【1】~ 【3】までは分かるのですが、 【4】からどうすればいいのか全く分かりません。 for文、for in文を使う方法で教えて頂きたいです。 よろしくお願いします
質問日時: 2017/06/02 13:14 質問者: よつばまん
解決済
2
0
-
セレクトボックスで選択した音源を鳴らしたい
セレクトボックスで選択した音源を鳴らしたいのですが、選択がうまく動きません。 他の方法でもよいので、解決方法をよろしくお願いします。 ソース一部抜粋 //HTML////////////////////////////////////////////////////// <form name="formlist"> <select id="list" name="list"> <option value="piano">ピアノ</option> <option value="guiter">ギター</option> </select> </form> //JS//////////////////////////////////////////////////////// var piano = piano.wav; var guiter = guiter.wav; var sound = document.formlist.list.value; alert(sound); //確認用 playSound(sound);
質問日時: 2017/06/02 04:41 質問者: Nonet
ベストアンサー
1
0
-
jquery、before,afterの扱いについて
いつもお世話になっております。 <img src="" alt=""> の周りをjqueryを使ってhtmlで囲いたいのですが $("img").before(<div class="container">); $("img").after("<div class="hoge"></div></div>"); としたのですが結果は <div class="container"></div> <img src="" alt=""> とbeforeの時点で</div>が勝手に生成されて困ってます。 あとbefore,afterの中に「<script src="hogehoge"></script>」を入れたのですが 反応しませんでした。何とかして途中でjs読み込みを入れたいのですがどうすればよいでしょうか、、、
質問日時: 2017/05/29 15:24 質問者: catapalto
解決済
2
0
-
YouTube JavaScript Player APIで他の動画サービスも制御できませんか?
いつもお世話になっております。 質問の内容自体おかしかったら恐縮です。 YouTube JavaScript Player APIを使って 他の動画サービスも制御ってできないのでしょうか。 例えば動画ソースはDailymotionの動画で プレーヤーの制御などの枠は YouTube JavaScript Player APIを使って制御する みたいな。 YouTube JavaScript Player APIを使うと 動画が停止した時のイベントが取れるみたいなので YouTube以外の動画でもそれを利用したいなと思った次第です。
質問日時: 2017/05/25 13:42 質問者: catapalto
解決済
1
0
-
動画の上に広告をオーバーレイで表示させたいのですが
いつもお世話になっております。 動画の上にhtmlをオーバーレイで表示させたいのですが 以下のようなイメージ https://www.youtube.com/watch?v=LoBXD0Q1RWc 何かソースコードのサンプルがあるURL もしくはソースコードがあれば頂きたいのですがよろしいでしょうか。 困っております・・・
質問日時: 2017/05/24 19:35 質問者: catapalto
ベストアンサー
1
0
-
自動目次作成のjavascriptの改変についてよろしくお願いします。
自動目次作成のjavascriptの改変についてよろしくお願いします。 ①以下のスクリプトを <h2 class="midashi2"></h2> <h3 class="midashi3"></h3> このh2のmidashi2とh3のmidashi3だけを抽出するように改変できないでしょうか? もしそれができないのならば ②記事中で使われている見出しのトップレベルがh2なので目次に含める見出しタグをh2とh3だけに変更したいです。 よろしくお願い致します。 <!--以下はわかる人のみ編集してください--> <script type="text/javascript"> <!-- //ドキュメントのロード完了で処理開始 $(document).ready(function() { //本処理 $.fn.blogeasyindex=function(){ var ulid = "indexUL" //ulのid名 //ul作成 $("<ul></ul>") .attr("id",ulid) .prependTo(this); //h要素の検索 $(":header").each(function(n){ var level = "indexH1"; if(this.nodeName.toLowerCase() == "h1") { level = "indexH1"; //h1のliのclass名 } else if(this.nodeName.toLowerCase() == "h2") { level = "indexH2"; //h2のliのclass名 } else if(this.nodeName.toLowerCase() == "h3") { level = "indexH3"; //h3のliのclass名 } else if(this.nodeName.toLowerCase() == "h4") { level = "indexH4"; //h4のliのclass名 } else if(this.nodeName.toLowerCase() == "h5") { level = "indexH5"; //h5のliのclass名 } else if(this.nodeName.toLowerCase() == "h6") { level = "indexH6"; //h6のliのclass名 } //目次作成 $("<li></li>") .attr("class",level) .append("<a href='#_"+n+"'>"+ $(this).text()+"</a>") .appendTo("#"+ulid); //アンカー作成 $("<a></a>") .attr("id","_"+n) .insertBefore(this); }); return $(this) ; } $("#indexDV").blogeasyindex(); //indexDVに対して目次出力開始 }); //--> </script>
質問日時: 2017/05/24 02:33 質問者: ergaergar
解決済
2
0
-
エディタ内での改行ってブラウザによって違うので統一したい場合?
PHP5.6のWEBアプリのテキストの部分に、jqueryのプラグインのWYSIWYGエディタを利用していますが、エディタ上で、ブラウザによって、改行した場合に、タグが異なることに気づきました。これを統一して、<br>タグにしたいのですが、どのようにすればよいでしょうか? internet explorer11では、改行すると、改行前と改行後の文章がそれぞれ<p><p/>で囲まれてしまいます。 Fireboxの場合は、改行すると、その部分に<br>が入ります。 Google Ghromeの場合は、改行後の文章が<div></div>で囲まれてしまいます。
質問日時: 2017/05/22 19:02 質問者: PlanetSD
ベストアンサー
1
0
-
javascriptからpythonへ値の受け渡し
javascriptからpythonへ値を渡したいです。 検索しましたがなかなか見つからず、 javascriptからphpはあるのですが、 pythonへどうしても渡したいです。 方法はありますでしょうか。
質問日時: 2017/05/16 04:20 質問者: 50cc355_570r9
ベストアンサー
1
0
-
JavaScripptでアルバム作り
画像ファイルは1.jpgからの連番で保存さえており、 1.jpgから順に表示するプログラムを作っています。 ファイルが存在してもfilesizeとsizeプロパティーはundefinedです。 画像ファイルの数はよく変わるのでfor I=1 to 100のようにならないように作らないといけません。 なのでこのプログラムを手直ししてほしいです。 <!DOCTYPE html> <html><head> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>TeraPad</TITLE> <script type="text/javascript"><!-- function fileCheck(){ var fileNo = 1; var file = fileNo+".jpg"; while(file.size != -1){ // ファイルサイズを取得 document.getElementById("book").innerHTML = document.getElementById("book").innerHTML + "<img border=0 src="+file+" width=300 height=300 alt=漫画(ページ"+fileNo+")>"+fileNo; //alert(file.size+" "+file.filesize); if (fileNo >= 100){ alert("画像数が多すぎます。"); break; } fileNo=fileNo+1; file = fileNo+".jpg"; } } // --></script> </head> <body onload="fileCheck();"> Hello. <div id="book"></div> </body>
質問日時: 2017/05/14 02:11 質問者: FaberSid
ベストアンサー
2
0
-
jqueryで画像をスライドさせる方法
現在jqueryを勉強している者です。 max-width400px以下の時、画像を横にタップスライドさせるやり方が分かりません。 「http://kenwheeler.github.io/slick/」 上記のサイト内にある「single item」を参考にしたのですが、反応しませんでした。 教えて頂けますと幸いです。 スライドに使うHTMLは以下になります。 <div class="slick-img"> <img src="http://livedoor.blogimg.jp/ps3jp/imgs/a/5/a5f212dc.jpg"> <img src="http://livedoor.blogimg.jp/ps3jp/imgs/a/5/a5f212dc.jpg"> <img src="http://livedoor.blogimg.jp/ps3jp/imgs/a/5/a5f212dc.jpg"> <img src="http://livedoor.blogimg.jp/ps3jp/imgs/a/5/a5f212dc.jpg"> </div>
質問日時: 2017/05/08 11:12 質問者: satoru11223
ベストアンサー
2
0
-
テキストエディタでindex.htmlで保存、ブラウザ表示が?
JavaScriptを勉強中です。 テキストエディタでindex.htmlで保存し ブラウザ表示をすると画像のようになりました。 何が原因でしょうか?
質問日時: 2017/04/28 10:24 質問者: nananana77
ベストアンサー
2
0
-
ログイン機能について
JavaScriptでログイン機能を作りたいのですが、どのようにして作ったら良いかわかりません。 詳しい方は教えてください。環境は以下の通りです。 - windows - Atom(テキストエディタ) - Google Chrome最新版 - ローカル開発環境なし
質問日時: 2017/04/27 21:52 質問者: コウくん。
ベストアンサー
1
0
-
javascriptにおける式と文に関する疑問
javascriptにおける式と文の違いについてですが、式がリテラルの数字や、演算式、関数などの値を生み出せるもの、変数に必ず代入できるものであると認識しております。 一方、文は、forやifなどの条件によって処理を行うもの、セミコロンを付けなくてよいブロック、と認識しております。 ここで三つ質問があります。 ① ブロック文には、;を付けなくてもよいはずですが、たまに;がついているときがあります。 そのようなソースには、何か意味があって付けているのでしょうか。 ② 式と文の定義について書き連ねましたが、ソースを見て、これって式だっけ?文だっけ?となったときは、どのようにして選定すべきでしょうか。 ③ 文の一部のみに;を付けますが、その"一部"の全てを記した書籍、或いはネット上の文献などはありますか。たびたび、javascriptの書籍を参考にすることがあるのですが、そのなかにセミコロンをつけるべきものを"一部"の文であると記述してあるものがあったのですが、その一部の文には、何が含まれているのかできるだけすべて知りたいのです。
質問日時: 2017/04/25 19:58 質問者: gooooooooooooooooo
解決済
2
0
-
checkboxのチェックマークカスタマイズ(css)
前回に引き続き、checkboxにslidetoggleを使用し、 チェックボックス(複数個)をカスタマイズしていますが、チェックマークがつかないです。 afterの定義ができていないので教えて下さい>< ---------- <div id="wrap"> <div class="slide_wrap"> <label><input type="checkbox" value="" />title</label> <div class="slide_box">here</div> </div> <div class="slide_wrap"> <label><input type="checkbox" value="" />title</label> <div class="slide_box">here</div> </div> ---------- <style> input[type="checkbox"] { /* defaultのcheckbox */ display: none; } label { position: relative; display: inline-block; padding: 3px 3px 3px 22px; cursor: pointer; } label::before { position: absolute; content: ''; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -8px; background: #fff; border: 1px solid pink; } input[type="checkbox"]:checked + label::after { position: absolute; content: ''; top: 5px; left: 3px; width: 13px; height: 5px; border-left: 2px solid #3498db; border-bottom: 2px solid #3498db; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } -------
質問日時: 2017/04/24 23:20 質問者: マスタードマスター
ベストアンサー
2
0
-
Jquery cheeckbox(複数)とslidetoggle使用時のコードを教えて下さい><
cheeckbox5項目くらい作成し、各項目にslidetoggleで詳細がでてくるような動きを作りたいのですが、複数だとうまくいきません。。 単体ではできました。 おそらくnextを使うかと思うのですが、どなたか教えて下さい>< <script> $(document).ready(function(){ $('#test').click(function() { $('#box').slideToggle(this.checked); }); }); </script> <body> <div class="box_001"> <h1>test</h1> <input type="checkbox" name="sample1" id="test" /> <label for="test"></label> <img src ="../test/img/test_06.png" width="200" class="ttl_01" > <div id="box"> <div class="imgBox1"><img src="../test/img/test_10.png" width="100" ></div> <div class="textBox1"> <h2><img src="../test/img/test_06.png" width="300" class="ttl_03"></h2> <p>sample</p> </div> </div> </div> (※.box_001と同じものが続く。)
質問日時: 2017/04/23 17:13 質問者: マスタードマスター
ベストアンサー
2
0
-
Javascriptの変数について
こんにちわ。以下の変数の入れ方教えて下さい。 このまま入れるとエラーで動きません… var id= 'form1'; document.id.data_form.value = "111";
質問日時: 2017/04/20 19:08 質問者: tekitoukamo
ベストアンサー
2
0
-
Javascriptの小ウインドウから親ウインドウに値渡しについて
Javascript勉強中です。 よろしくお願いします。 以下のは親ウインドウから小ウインドウ開いたときに小ウインドウで好きなデータを選択して親ウインドウに自動入力させたい物の小ウインドウソースです。 ただこれですと常にform1のデータが親ウインドウのに戻ってしまいますのでおそらく区別出来る設定有ると思うのですが調べてもわかりませんでしたので書かせて頂きました。 よろしくお願いします。 ※特にこの形式にこだわっている感じでもなく小ウインドウから複数データからそれぞれのデータ選択で親ウインドウに自動入力できれば大丈夫です。 <html> <head> <script Language="JavaScript"><!-- function setData() { window.opener.frm1.box1.value = document.getElementById("input1").value; window.opener.frm1.box2.value = document.getElementById("input2").value; window.close(); } // --></script> </head> <body> <form name="form1"> <input type="text" id="input1" value="222"><br> <input type="text" id="input2" value="222"><br> <input type="button" onclick="setData()"> </form> <form name="form2"> <input type="text" id="input1" value="333"><br> <input type="text" id="input2" value="333"><br> <input type="button" onclick="setData()"> </form> </body> </html>
質問日時: 2017/04/18 14:47 質問者: tekitoukamo
ベストアンサー
2
0
-
ホームページ 専用ページ 直リンク禁止 JavaScript Perl
ホームページで管理者専用画面を作成し、 ページから、ログインIDとパスワードとIPアドレスが一致しないと ログインできないページをPerlにて作成しました。 しかし、そのURLを直接入力してしまえば入れてしまいます。。。 それを防ぎたいのですが、 (編集ページ)edit.pl <SCRIPT language="JavaScript"> <!-- myurl="http://domain.jp/login.pl"; ref=document.referrer; function refcheck(){ if(ref.indexOf(myurl)<0){ window.location.href=myurl; } } //--> </SCRIPT> JavaScriptでこれを指定したのですが、 ログインページからも弾かれ、直リンクも弾かれてしまいます。。。 どのようにすればいいのでしょうか・・・?
質問日時: 2017/04/18 10:59 質問者: home321
解決済
3
0
-
jquery と javasprict
サイトを作成中です。 まず下記のとおりjqueryでheader、side、footerをインクルードしています。 <script> $(function() { $("#header").load("header.html"); $("#side").load("side.html"); $("#footer").load("footer.html"); }); </script> 次に、コピーライトの年を自動更新したく、footer.htmlの中にjavasprictを入れました。 Copyright© 2014 <script type="text/javascript" language="JavaScript"> <!-- TYnow = new Date();document.write( ' - ' + TYnow.getFullYear() ); // --> </script> ○○○○ CO.,Ltd. すると、全体が「-2017」としか表示されなくなってしまいました。 どうすればいいのでしょうか、どなたか教えて下さい。 宜しくお願いいたします。
質問日時: 2017/04/15 13:22 質問者: junjunjujujun
ベストアンサー
5
0
-
ジャバスクリプトのトラブル解決方法
jQueryで動作するスライダーを 下段にある ● ❍ ❍ を背景に画像を指定して ボタンを押す事で動作するよう、アレンジして設置していたのですが ─────────────────────────────────────────── ※こういうスライダーです http://kenwheeler.github.io/slick/ (実際に使ってるのは別のjavaScriptで他の方が作られたものです) ─────────────────────────────────────────── 元々、CSSだけで描かれた丸の部分に 画像をオン、オフで2枚ずつ使っているのが原因なのか、 更新ボタンを何度も押して更新をしていると、 ボタン画像が出ない事があります 画像の質を下げたら改善するかと思って画質を下げたのですが それでも出てしまうので、画質が直接な原因ではないと思います スライドで出てくる画像とワンテンポ遅れて ボタンが出て来るのでjavaScriptの設定などが原因かもしれません 解決方法が分からず、作業は停止しております。 ご存知の方がいらっしゃいましたら、ご指導のほど よろしくお願い申し上げます。
質問日時: 2017/04/15 06:20 質問者: Tydhminami
解決済
1
0
-
javascript isFinite
JavaScriptです。9行目の「 isFinite 」では数字が有限かどうかを見ているみたいなのですが日本語にすると具体的にはどういった意味なのでしょうか? 調べてみたところ数字が有限かどうかを調べるものみたいなのですが 何をもって有限を判断しているのかわからなかったので わかるひとがいらっしゃいましたら解説願いたいです。 --------- // 郵便番号 if (yubin == ""){ $("#error_yubin").html("郵便番号を入力してください。"); if (result) { var p = $("#lbl_yubin").offset().top - header; $('html,body').animate({scrollTop: p}, 'fast'); } result = false; } else if (!isFinite(yubin)){ $("#error_yubin").html("郵便番号が不正です。"); if (result) { var p = $("#lbl_yubin").offset().top - header; $('html,body').animate({scrollTop: p}, 'fast'); } result = false; }else if (yubin.length < 7 ){ $("#error_yubin").html("郵便番号が不正です。"); if (result) { var p = $("#lbl_yubin").offset().top - header; $('html,body').animate({scrollTop: p}, 'fast'); } result = false; } ---------
質問日時: 2017/04/13 13:52 質問者: SHIN11SHIN
ベストアンサー
1
0
-
ホームページ JavaScript
CTRLキー+Fで検索すると、黄色の背景色がつくように 特定の文字に背景色をつけたいのですが、どのようにすればいいのでしょうか? 例) ◆検索キーワード : 「 テスト 」 今日はテスト テストの点数87点 ↑この検索キーワードと同じ箇所のテストの部分だけに背景色をつけるようにしたいです。
質問日時: 2017/04/10 16:33 質問者: home321
ベストアンサー
2
0
-
【iOS及びAndroid】リンク画像を「ダブルタップ」でhrefを発動させたいのですが…
現在スマホサイトを制作中なのですが、ある画像(A)に拡大画像(B)リンクを設置して、タップすることでlightboxにて拡大画像(B)を表示させるという構造を考えています。 それは良いのですが、ここで以下のような挙動を得たいのです。。 まずその画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替わり、2回目タップでhref発動(lightboxにて拡大画像(B)を表示)という挙動を得たいのですが、調べても解決できず困っています…。 とりあえず、シングルタップで画像の差し替えはできるようになったのですが、1タップでhrefが発動(lightboxにて拡大画像(B)が表示)してしまうため、ユーザーに「hoge_on.jpg」を見せることができません…。 【まとめ】 1.<解決>画像(A)をlightboxにて拡大画像(B)を表示させたい 2.<解決>画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替えたい 3.<未解決>1回タップでlightboxが発動するため「hoge_on.jpg」を見せることができないため、lightbox発動をダブルタップにしたい ↑(3)の解決策を教えていただけましたら助かります。。 どうか宜しくお願い申し上げます。。
質問日時: 2017/04/07 15:08 質問者: j1781352
ベストアンサー
3
0
-
オブジェクトの参照とは
パーフェクトjavascriptの124pでドット演算子とブラケット演算子の違いについて説明しているところで、 些末な話ですが**プロパティアクセスの演算対象は変数ではなくオブジェクトの参照です。これは次のようにオブジェクトリテラルに直接演算可能**なことで確認できます。 ```javascript ({x:3,y:4}).x;//3 ({x:3,y:4})["x"];//3 ``` 実際にオブジェクトリテラルに演算する機会はほとんどありませんが、メソッドチェーンなどの形で、演算対象が変数ではない形式を目にすることは普通にあります。 とありました。 この**プロパティアクセスの演算対象は変数ではなくオブジェクトの参照です。これは次のようにオブジェクトリテラルに直接演算可能**の意味がいまいち理解できませんでした。 括弧内にx:3、x:yを持つ関数に接続した時の演算対象は、変数ではなくオブジェクトの参照、とはかみくだいて説明するとどのようになりますか。またオブジェクトの参照というのは、つまりオブジェクトのアドレス(メモリ上の参照値)のことでしょうか。
質問日時: 2017/04/05 19:30 質問者: gooooooooooooooooo
解決済
3
0
-
Google Mapを利用した情報追加サービスを作りたい
自分で調べろと言われたらそれまでなのですが申し訳ございません。検索能力が低くてなかなか見つかりませんでしたのでこちらでお教えください。 自分のサイトにGoogleMapを表示させてそこに自由にユーザーが情報を追加するサービスを作りたいのですが、それを解説しているサイトなどあるでしょうか? ユーザーが登録する情報の種類や個数を設定もできると嬉しいです。 ユーザーが新規に情報を追加したらサイトの新着情報に追加もしたいです。 PHP、javascriptなどは普通に使えますのでどのように開始したら良いかお教えください。 あと、重要な件なのですが、GoogleMapでそのようなサービスを利用するには個人でも大丈夫でしょうか? それとユーザーが情報を書き込むわけですが、情報という繊細なデータを扱うため、誹謗中傷などが書き込まれた場合は管理者が訴えられたりするものなのでしょうか? どうぞよろしくお願い致します。
質問日時: 2017/03/31 18:37 質問者: suffre
解決済
2
0
-
Javascriptの本に乗っていることがわかりません
最近勉強を始めたものです。 関数のところで、1行目に、 /* 関数定義 ******************/ とあるのですが、どういう意味でしょう
質問日時: 2017/03/28 14:16 質問者: ぱてら
ベストアンサー
2
0
-
最近Javascriptの勉強を始めたのですがどこが違うかわかりません。
プログラミングの経験はないです。JavaScriptの勉強を最近を始め、簡単なじゃんけんのゲームを作っているのですが、プログラミングが作動しない原因はわかりません。間違って居る場所を教えて下さい。 // 数値の設定 var G = 1; var C = 2; var P = 3; // 入力ダイアログ var user = prompt(G + ':ぐー\n' + C + ':ぱー\n' + P + ':ちょき\n\n' + '※半角で数字を入力してください' ); user = parseFloat(user); // 入力値のチェック if (user !== G && user !== C && user !== P) { alert('入力値を認識できません。再読み込みしてください。'); } else { // コンピューターの手 var com = Math.floor(Math.random() * 3) + 1; //コンピューターの手の名前 var comHand = ''; switch (com) { case G: comHand = 'ぐー'; break; case C: comHand = 'ちょき'; break; case P: comHand = 'ぱー'; break; } // 結果の判定 var Result = ''; if (user === com) { Result = '引き分けです。'; } else if ((com === G && user === P) || (com === C && user === G) || (com === P && user === C)) { Result = 'あなたの勝ちです。'; } else { Result = 'あなたの負けです。'; } // 結果の表示 Result = Result 'コンピューターの出した手は「' + comHand + '」でした。' ; alert(Result); }
質問日時: 2017/03/26 20:15 質問者: ぱてら
ベストアンサー
2
0
-
JavaScriptで、コピーボタンを配置し、その行のテキストデータを取得したいのです。
JavaScript初心者です。 お力をお貸しください。 PHPでデータベースから複数行のデータをテーブル構造で出力しています。 行数はデータの量で変動します。 ■出力されたHTML <form name="admin_list"> <table><tbody> <tr><td><input type="text" name="maker" value="Sony" required></td></td><td><input type="button" id="Copy" value="Copy" onclick="dataCopy()"></td></tr> <tr><td><input type="text" name="maker" value="TOSHIBA" required></td></td><td><input type="button" id="Copy" value="Copy" onclick="dataCopy()"></td></tr> <tr><td><input type="text" name="maker" value="Apple" required></td></td><td><input type="button" id="Copy" value="Copy" onclick="dataCopy()"></td></tr> </table></tbody> </form> 条件:ここでは、makerの内容を取得しようとしています。データは仮に3行としています。 そこで、JavaScriptで「Copy」ボタンの押された行のテキストデータを取得したいのですが、うまくいきません。 <script type="text/javascript"> function dataCopy(){ var row = ?? var hoge = admin_list[row].maker.value; //テキストエリアの値を取得 alert(""+ hoge +"が入力されました。"); } </script> ちなみに var hoge = admin_list[0].maker.value; だと、「Sonyが入力されました。」と表示されます。 なにとぞよろしくお願いいたします。
質問日時: 2017/03/20 10:15 質問者: kairos355
ベストアンサー
3
0
-
JavaScriptでつくるマウスストーカーについて
以下のサイトのマウスストーカーですが、 http://oekakirenn.webcrow.jp/mouse/mouse_moji1.html これを星や花などの画像で行うことは可能でしょうか? ☆などの文字でも構いません。
質問日時: 2017/03/13 16:39 質問者: BananatoMikan
ベストアンサー
3
0
-
JavaScriptで配列のオブジェクトからデータの取得方法を教えて下さい。
JavaScript初心者です。連想配列のデータの取得がなかなかうまくいきません。 お力をお貸し頂けないでしょうか。できれば初心者でもわかるように教えて下さい。すいません。 PHPから配列データ $price_list をJSON形式で渡しています。 $price_listはこんな感じです [0] => Array ( [id] => 7 [career] => au [color] => gole [price] => 20000 ) [1] => Array ( [id] => 6 [career] => docomo [color] => ブラック [price] => 30000 ) var cart = json_encode($price_list, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); 結果 cartは下記のようになっています。 [ {"id":"1","career":"au","color":"gold","price":"20000"}, {"id":"6","career":"docomo","color":"ブラック","price":"30000"} ] このcart配列から条件(career===docomo)の配列を取得し、 それぞれ新たな変数 colorCとpriceCに "black"と"30000"となるように入れたいのですが、どのようにすればいいのでしょうか。 ちなみに以下の処理で、docomoの配列データを取得することはできました。。。 function get_obj_by_key_value(cart, key, value) { var result = $.grep(cart, function (e) { return e[key] == value; }); return result; } var obj1 = get_obj_by_key_value(cart, 'career, "docomo"); alert(JSON.stringify(obj1)); console.log(JSON.stringify(obj1));
質問日時: 2017/03/10 10:25 質問者: kairos355
ベストアンサー
2
0
-
IE11だけ、currentTimeが効きません。
HTML5で、動画の再生位置をJavascriptで制御したいです。 以下のソースを書いたとき、firefoxとchromeでは動作しますが、 IE11では再生位置が変わらず、0秒から開始してしまいます。解決方法を教えて下さい。 <script type="text/javascript"> function videoseek_01(value){ var video = document.getElementById('mainvideo'); var movie_url = "video/seektest.mp4"; video.src = movie_url; video.load(); var playtime = video.currentTime; video.currentTime += value; video.play(); } </script> <a href="#" onClick="videoseek_01(20)">20秒めを再生</a> <video id="mainvideo" width="640" height="480" preload="auto" controls autoplay> <source src="video/seektest.mp4"> <p>ご利用のブラウザでは動画を再生することが出来ません</p> </video>
質問日時: 2017/03/10 01:08 質問者: rumitas534
解決済
1
0
-
WebプログラムでRS-232C接続のデータを取得して、サーバのDBに格納する
PCとRS-232Cで接続している制御機器からデータを取得し、GUIでデータを付加して、そのデータをWebサーバのDBに格納するプログラムを検討しています。 クライアント側でどのようなプログラム言語で、どのような構造で、 RS-232Cからデータを取得し、それをクライアントの画面の表示し、付加データを入力して、サーバのDBに格納すればいいのか? 分からないでいます。 どなたか、ご教授下さい。 以上。よろしくお願い致します。
質問日時: 2017/03/08 11:37 質問者: shinyaYS
ベストアンサー
1
0
-
Node.jsのWebプログラム(javascript)からの呼び出し
Webプログラム(javascript)から、RS-232C接続のデータを取得する事を検討しています。 それには、以下に記述されているNode.jsを使用すれば、RS-232Cのデータが取得できる分かったのですが、 【Node.jsでRS232C通信を試してみる - undefined】 http://blog.bokuweb.me/entry/node-serial これを実行するには、コマンドプロンプトから node xxx.js で起動しないと、Node.jsのモジュールが利用できないのではと考えています。 これを、コマンドプロンプトから起動するのではなく、Webプログラムのjavascriptから呼び出すには、どのようにすればいいのでしょうか。 ご教授下さい。 以上。よろしくお願い致します。
質問日時: 2017/03/08 09:01 質問者: shinyaYS
ベストアンサー
1
0
-
[急ぎ] videoタグで埋め込んだmp4 動画をColorboxで自動再生する方法
[ 急ぎ:video タグで埋め込んだmp4 動画をColorbox で自動再生する方法] videoタグで埋め込んだ動画をjqueryのColorboxでポップアップ表示⇒再生ボタンを押して動画が再生できるところまではできたのですが、ポップアップで開いた動画を自動再生するには、下記どこを追記・修正すればいいでしょうか。どなたかご教示ください。 スクリプト: <script> $(document).ready(function(){ $(".inline").colorbox({inline:true}); $("#click").click(function(){ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); return false; }); }); </script> HTML: <!--サムネイル--> <a class="inline" href="#inline_content"> <img src="images/common/xx.png"> </a> <!--インライン--> <div style="display:none"> <div id="inline_content"> <video autoplay controls width="640" height="480"> <source src="images/index/japanese.mp4" type="video/mp4"> <p>ご利用のブラウザはvideo タグによる動画の再生に対応していません。</p> </video> </div> </div> よろしくお願いいたします。
質問日時: 2017/03/07 18:35 質問者: konyagayamada
ベストアンサー
1
0
-
ベストアンサー
1
0
-
【Javascript】うまく動作しない...
JSのファイルをいろいろいじっていたら動作しなくなりました... 画像の5行目あたりまでは動作するのですが、その後(function cookie())が動作しません... 何が原因なのでしょうか...?
質問日時: 2017/03/04 22:44 質問者: Kirito16.com
解決済
1
0
-
strictモードでなぜエラーにならない?
strictモードでvarを付けない変数宣言はエラーになると思いますが、 nameはエラーになりません。 何故でしょうか?
質問日時: 2017/03/03 23:52 質問者: narative_h
ベストアンサー
2
0
-
至急です!
Javasccript使っている方!1からNまでの総和を求めるfor文を使ったプログラム教えてください! BODYの部分もお願いします!
質問日時: 2017/03/02 23:49 質問者: shunace
解決済
1
0
-
GetElementByIdがうまく取得できない
下記スクリプトにて、GetElementByIdのところが無反応です。 Alert までは動いているのですが… <html> <head> <script type = "text/javascript"> function NewDirectory(){ var ret = window.prompt("新しいディレクトリ名を入力してください。", ""); if(ret == ""){ alert("error"); return false; } else{ alert(ret); } var e = this.document.GetElementById("status"); e.value = ret; var d = this.document.GetElementById("dummy"); e.innerHTML = ret; } </script> </head> <body> <form name = "form2" action = "#" method = "POST"> <div id = "dummy">strike</div> <p> <input type = "text" id = "status" name = "status" value = "" /> <button type = "button" name = "submit" value = "newdir" onclick = "NewDirectory();">ディレクトリ作成</buttton> </p> </form> </html> 初歩的なところ・ケアレスミスでつまずいていると思うのですが、ご教示お願いいたします。
質問日時: 2017/03/02 12:21 質問者: aztek
ベストアンサー
1
0
-
Javascript @public
/** * ××の一覧を取得する * @public */ function()~ JavaScriptにおいて「@public」をコメント欄に書くという事はJava言語の「public static」みたいに何処からでもアクセスできるみたいな意味合いになるのでしょうか? 素朴な疑問です。
質問日時: 2017/03/02 09:14 質問者: SHIN11SHIN
ベストアンサー
2
0
-
シェルスクリプト
よく回りの人が「シェルを叩く」と表現しているのですが 「シェルスクリプト」の中にJavaScriptは含まれているのでしょうか? とてもかけ離れてるイメージなのですが。 以下引用 複数の処理(コマンド)をまとめて行なうことのできるスクリプトである。スクリプトとは、機械語への変換作業を省略した簡易プログラムのことで、代表的なものにはPerlやVBScript、JavaScriptなどがある。また、シェルとは与えられた指示をOSの中核部分に伝えるソフトウェアのことである。
質問日時: 2017/02/24 17:13 質問者: SHIN11SHIN
ベストアンサー
1
0
-
gridstack.jsについて教えてください。
gridstack.jsというライブラリーを使おうと思っているのですが、ボックスが上詰めになっていて、左詰めにできなくて本当に困っています。どうしたらよいのでしょうか?もし知っている方がいましたらご教授お願い致します。 【内容】 建物の断面図を表したいです。 建物の階数と部屋の所在位置は、あらかじめ設定してある情報を元に配置出来ますが、その後の編集をgridstack.jsで行おうと思ってます。 ただ、gridstack.jsでは上詰めになっているので、たとえば302号室を横にずらした時に301号室が下にずれてしまいます。 それを301号室と302号室の位置を入れ替えるような動作にすることは可能でしょうか? (上詰めではなく、左詰めもしくは右詰めにすることは可能でしょうか?) もし知っている方がいましたら、教えていただけると幸いです。 何卒よろしくお願い致します。
質問日時: 2017/02/24 11:22 質問者: tanagoda0505
解決済
2
0
-
前ページのリンクからフォーム内のセレクトボックスを連動させる
ページAにいくつかリンクボタンがあり、 そこからページBに遷移した際に ページAでクリックした箇所に連動して 選択されているセレクトボックスを設置したいと考えています。 具体的には以下のようなものです。 【A.html】 <a href=“B.html” id=“asa”>あさ</a> ←ここをクリック <a href=“B.html” id=“hiru”>ひる</a> <a href=“B.html” id=“yoru”>よる</a> ↓ 【リンク先のB.html内】 <select name="date"> <option value="">▼下記よりお選びください</option> <option value=“あさ” selected>あさ</option> <option value=“ひる”>ひる</option> <option value=“よる”>よる</option> </select> というように前のページでクリックした場所が 次のページでセレクトボックスに反映されている、というものです。 getメソッドを利用して作成しようとしたのですがうまく機能しません。 何か良い方法がありましたらご教授いただけないでしょうか。 わかりにくい文章で申し訳ありませんが、どうぞ宜しくお願いいたします。
質問日時: 2017/02/21 16:13 質問者: btnistho
ベストアンサー
2
0
-
js for文 条件式
javascript function generateCalendarPulldown(){ //var nowDate = new Date(today); var year = Number(todayArr[0]); var mon = Number(todayArr[1]); var $selectYear = $('#dialog_panel .dialog_body ul li select#year'); var $selectMonth = $('#dialog_panel .dialog_body ul li select#month'); $selectYear.empty(); $selectYear.empty(); for(var y = year; y < year + 2; y++){ $selectYear.append(new Option(y, y)); } for(var m = 1; m < 13; m++){ $selectMonth.append(new Option(m, m)); } $selectYear.val(year); $selectMonth.val(mon); generateDay(); } javascriptのコードなのですが12行目のfor文の初期化式なのですが for(var y = year; y < year + 2; y++)の条件式の部分の 「 y < year + 2 」、yが yearよりも小さければ処理を続けるという意味だと思うのですが year + 2の部分の意味が良く理解できていないのですが 日本語で解説するとどのような文章になるでしょうか? (yが year より小さければ year に2を足すという意味ではないですよね?)
質問日時: 2017/02/21 14:35 質問者: SHIN11SHIN
ベストアンサー
1
0
-
javascript 引用符
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>サンプル</title> </head> <body> <div id="a"></div> <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.min.js"></script> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="moment.js"></script> <script src="fastclick.js"></script> <script> $(function(){ var retinaSwitch = window.<span class="searchword">devicePixelRatio</span>; if(retinaSwitch == 1) { $('#container').html('Retinaディスプレイではありません'); } else if(retinaSwitch == 2) { $('#container').html('Retinaディスプレイです'); } }); </script> </body> </html> javascriptのコードなのですがWebサイトからコピペした文章が上手く反映されません。引用符関係のイージーミスだとは思うのですが、ちょっとドツボに嵌っているので、ご指摘頂ければと思います。
質問日時: 2017/02/21 13:46 質問者: SHIN11SHIN
ベストアンサー
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したい
おすすめ情報