JavaScript(20ページ目)

JavaScriptはWebページにアニメーションや効果を加えることができるプログラミング言語です。入門編のわかりやすいサイトや書籍を紹介してほしい、オブジェクト指向がわからない、文字列の操作を教えてほしい等こちらに投稿してみましょう。

回答数

気になる

JavaScriptをつかってプログラムを作りたいのですが、3つ分からない点があるのでどなたかご教授

JavaScriptをつかってプログラムを作りたいのですが、3つ分からない点があるのでどなたかご教授お願いします。わからない部分の一つ目は添付した画像のようなWebページを作ったのですが、一番最初のテキストボックスに、例えばりかと入力して名前を下に表示ボタンを押すとここに出力させますの部分がりかさんと、さん付けで表示されるようにしたいのですがどうしたらさん付けにできるのかがわかりません。二つ目は消去ボタンを押すと先ほどりかさんと表示した部分を名前を消去しましたに置き換えたいのですがわかりません。三つ目はラジオボタンの経営学科を選んでいたとして、テキストボックスにりかと入力してアラートで表示を押すとアラートで経営学科のりかさんと表示されるようにしたいです。 function関数を使った方法でやりたいと思っています。下のように途中までは作ってみたのですが、この二つの部分がわからないのでわかる方よろしくお願いしますm(_ _)m <!doctype html> <html> <head> <meta http-equiv="X-UA-Compatible"content="IE=edge"> <meta charset="utf-8"> <meta name="viewport"content="width=device-width,initial-scale=1"> <title>課題7</title> <script> function ckshow(){ var target=document.getElementById("output"); target.innerHTML=document.forms["fi_a"].elements["ti_a"].value; } function ckdel(){ document.forms["fi_a"].elements["ti_a"].value=""; } function showMsg(){ window.alert() } </script> </head> <body>  <form name="fn_a" id="fi_a"> <p><label> <input type="text" name="tn_a" id="ti_a" size="50"></label> <label><input type="button" name="b1n_a" id="b1i_a" value="名前を下に表示"onClick="ckshow();"></label> <label><input type="reset"value="消去"onClick="ckdel();"> </label> </p> </form> <hr> <div id="output">ここに出力させます</div> <form name="fn_a" id="fi_a"> <p><label> <input type="radio" name="rdbn_a1" id="rdbi_a1" value="経済学科">経済学科 <input type="radio" name="rdbn_a1" id="rdbi_a1" value="経営学科">経営学科 <input type="radio" name="rdbn_a1" id="rdbi_a1" value="日本史学科">日本史学科 <input type="radio" name="rdbn_a1" id="rdbi_a1" value="国文学科">国文学科 </label></p> <p><label><input type="text" name="tn_a" id="ti_a" size="50"></label> <br><label><input type="button" name="b1n_a" id="b1i_a" value="アラートで表示"onClick="showMsg();"></label> </form> </body> </html>

質問日時: 2017/07/03 14:55 質問者: よつばまん

解決済

2

0
Amazonプライム

昨日、今日本が読めるようにとAmazonプライムで本を頼みました。翌日配送とは書いておりましたが何時に届くかは記載されてませんでした。何時に届くのでしょうか。教えてえてください。

質問日時: 2017/07/01 10:11 質問者: nutsLink

解決済

4

0
JavaScript Cookieについて

いつもお世話になっております。ご教示お願い致します。 <input type="text" name="uname"> に、名前を記憶させておきたいのですが、どのようにすればいいのでしょうか？？現時点で名前入力→特定の位置にあいさつみたいな感じで出力というのまで、あるサイトを参考にできたのですが、テキストに出力がいろんなサイトを見て参考にしてみているものの上手いこといきません・・ --------------test.pl-------------- #!/usr/bin/perl print "Content-type: text/html; charset=UTF-8\n\n"; print <<END; <!DOCTYPE> <html> <head> <meta name="robots" content="noindex"> <title>テストページ</title> <script type="text/javascript" src="test.js"></script> </head> <body> <script language="JavaScript">  </script> <form name="form" action="#" method="post"> <input type="text" name="uname"> <input type="submit" name="send" value="送信" onClick="saveCookie(this.form.uname.value)"> </form> </body> </html> END exit; 1; function saveCookie(dValue) { cName = "uName="; // ユーザー名 cDays = 365; // データの保存日数 setPre = new Date(); setPre.setTime(setPre.getTime() + (cDays*1000*24*3600)); prd = setPre.toGMTString(); document.cookie = cName + escape(dValue) + ";expires=" + prd; } --------------test.pl-------------- --------------test.js-------------- function loadCookie() { cData = ""; cName = "uName="; // ユーザー名 cCookie = document.cookie+";"; str = cCookie.indexOf(cName); if(str != -1) { end = cCookie.indexOf(";",str); cData = unescape(cCookie.substring(str + cName.length, end)); } return cData; } --------------test.js--------------

質問日時: 2017/06/30 14:39 質問者: home321

ベストアンサー

5

0
要素の中の要素を操作する

ボタンを押すと、それぞれの<label></label>の中の<img src = "sample.jpg" /> <br>を、1セットをのこして、あとは消すというのをやりたいのですが、うまくいきません。:gt(0)の部分を:not(:first)にしても無理でした。なので、根本的に、やり方がおかしいのかもしれないと思うので、アドバイスください。 $('label').children('img:gt(0)').remove('img'); 要素の中の要素を指定して(1番目を除いて)、消すという考え方なのですが…　何が違うんでしょう。 [index.html] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>TEST</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <script type="text/javascript"> $(function() { $('button#img').click(function(){ $('label').children('img:gt(0)').remove('img'); $('label').children('br:gt(0)').remove('br'); }); }); </script> <label> <img src = "sample.jpg" /><br> </label> <label> <img src = "sample.jpg" /><br> <img src = "sample.jpg" /><br> </label> <label> <img src = "sample.jpg" /><br> <img src = "sample.jpg" /><br> <img src = "sample.jpg" /><br> </label> <br> <button id="img" type="button">削除</button> </body> </html> [希望する出力結果] … <label></label>の中に<img src = "sample.jpg" /><br>が2つ以上ある部分は、removeで消されてる。 <label> <img src = "sample.jpg" /><br> </label> <label> <img src = "sample.jpg" /><br> </label> <label> <img src = "sample.jpg" /><br> </label>

質問日時: 2017/06/30 14:04 質問者: PlanetSD

ベストアンサー

2

0
bodyのフォントを画面更新する度にランダムに変更したい

某Webフォントサービスを使っています。そこで、bodyに指定するフォントを、閲覧者が画面を更新する度に、フォントA,フォントB,フォントC…と、予め@font-faceで読み込んだ複数のフォントのいずれかに（ランダムに）指定されるようにしたいと思っています。 JavaScriptで実現できるのはわかるのですが、恥ずかしながら、どのように記述したら良いかわかりません…。ご教授頂けると幸いです。よろしくお願いいたします。

質問日時: 2017/06/30 12:25 質問者: yalove1994

ベストアンサー

1

0
jQueryのダウンロードファイルについて

このサイトhttp://bxslider.com/のシートに書かれている<script src="/js/jquery.bxslider.min.js"></script><font></font>と<link href="/lib/jquery.bxslider.css" rel="stylesheet" />をダウンロードしてファイルをhp77と言うフォルダに格納しました。このシートにはhp77と書く必要があるのですか？　それとcssのファイルを開いてコピーしたりと、かれこれ4日ほど取り組んでます。ド素人なもので発火する様に手直しをお願いします。 <!DOCTYPE html> <html lang="ja"> <meta http-equiv="Content-Script-Type" content="text/javascript; charset=UTF-8"> <head> <title></title> <font></font> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <font></font> <font></font> <script src="/js/jquery.bxslider.min.js"></script><font></font> <font></font> <link href="/lib/jquery.bxslider.css" rel="stylesheet" /> <script> </script> <style> </style> </head> <body> <ul class="bxslider"><font></font> <li><img src="/images/pic1.jpg" /></li><font></font> <li><img src="/images/pic2.jpg" /></li><font></font> <li><img src="/images/pic3.jpg" /></li><font></font> <li><img src="/images/pic4.jpg" /></li><font></font> </ul> <script> $(document).ready(function(){<font></font> $('.bxslider').bxSlider();<font></font> }); </script> </body> </html>

質問日時: 2017/06/29 15:59 質問者: oosawa777

ベストアンサー

2

0
jqueryとscriptでTABLEのセルをマウスオーバーした際に縦横ハイライトさせたい

参考サイト：http://peacepopo.net/blog-entry-194.html デモ：http://peacepopo.net/wp-content/uploads/ftp/194/194-2.html 上記のサイト様の様に縦横ハイライトさせたいのですが、 TABLEにrowspanが入っていると、rowspanのとなりの一番上のセルをマウスオーバーした際に縱のハイライトがずれてしまいます。過去の質問の中に近い物は見つけたのですがいまいち適用できません。 http://qa.itmedia.co.jp/qa6415069.html なにか別の良い方法があればご伝授御願い致します。

質問日時: 2017/06/28 22:07 質問者: minmin7

解決済

2

0
JavaScriptによる自動計算フォームでチェックボックスやラジオボタンでも計算したい

JavaScriptのカスタムの段階で詰まってしまいましたのでお知恵お貸し頂ければと思います。積算の自動計算フォームを作成しようとしてるのですが、下記URLを参考にselectタグだけではなく、radioボタンやcheckboxでも計算できるようにしたいと思いカスタムしようとしているんですがNaNと表示されてしまい、うまくいきません。何か指定が間違っているのでしょうか。こちらのサイトを参考に作っています。 http://www.tagindex.com/javascript/form/comp1a.html 宜しくお願いします。

質問日時: 2017/06/16 19:05 質問者: shin15suki

ベストアンサー

1

0
【JavaScript】confirmのボタンの文字列を変更

こんばんは。サイトを作っているのですが、アラートやConfirmのボタンの文字列を変更する方法がわかりません。 jQueryでできるという記事を見つけて、コードをコピペしたのですが動作してくれません。使用している環境は下記の通りです。 ○使用OS ・Windows8, Windows7 ・Xperia Z4, Xperia Z3 ・PlayStation(R)Vita, PlayStation(R)3 ○使用サーバー・FC2ホームページ(JavaScript,jQuery,CSS,C++,Java対応) ○使用プログラム・JavaScript ・jQuery(ver3.0.0とver1.11.1の両方) JavaScriptについてはある程度自分で書き換えられるのですが、コピペしたコードが動作しないとなると自分では... どなたか分かりやすく説明してくれませんか? また、ダイアログはHTMLとしてではなく、JavaScriptのconfirm()を使用したもの(もしくはそれに似ているもの)が良いです。参考にしたサイト→http://stacktrace.jp/jquery/ui/widgets/dialog.html 長文失礼しました。

質問日時: 2017/06/14 21:48 質問者: Kirito16.com

ベストアンサー

2

0
太刀打ちを漢字一文字で何と書けばいいですか？

太刀打ちを漢字一文字で何と書けばいいですか？

質問日時: 2017/06/14 18:24 質問者: えりかだーいすき

解決済

2

0
JavaScriptでペーストイベントを発火させる方法

IE11で、Javascriptによりペーストイベントを発火させたいと考えています。 document.createEvent('ClipboardEvent');後にdispatchEvent(イベントオブジェクト)することを試しましたが、NotSupportedErrorが発生したためIEではサポートされていないことがわかったので他の方法で発火する方法を探しておりますが、行き詰まっております。何か方法があればご教示をお願い致します。

質問日時: 2017/06/14 15:47 質問者: freshjive

解決済

1

0
ページを開いた際の自動ポップアップ(colorbox)を一日一回のみ表示 javascript

javascript初心者です。ページを開いた際にyoutubeポップアップをさせるページです。そのポップアップを一度閉じると翌0時まで表示させず、0時を超えたら再表示という処理をさせたいのですが・・記述方法がわかりません。どなたか教えてください。よろしくお願いいたします!

質問日時: 2017/06/10 01:09 質問者: ひおゆいぱぱ

解決済

2

0
JavaScriptの関数を定義している使う問題が分かりません問題配列に格納された点数の合計点と

JavaScriptの関数を定義している使う問題が分かりません問題配列に格納された点数の合計点と平均点を求める関数calcSumAverageを作成しなさい。なお、関数calcSumAverageは引数を配列とする。国語85点、数学91点、理科73点、社会82点、英語76点の順番で配列に格納されている。 ↓のようにWebに出力する (出力例) 点数データ表示 0番目:85 1番目:91 2番目:73 3番目:82 4番目:76 合計:407 平均:81.4 <script> function calcSumAverage(){ var area=0; area=(); return area; } </script> </head> <body> <script> var tensu=［85,91,73,82,76］ var num; var total=0; var i; var ave; num=tensu.length; document.open(); document.write("点数データ表示"); for(i=0; i<num; i++){ document.write("<br>"+[i]+"番目:"+tensu[i]); } document.write("<br>"+"合計:"); document.write("<br>"+"平均:"); document.close(); </script> 自分でここまでは書いてみたのですが、calcSumAverage関数を呼び出して合計と平均を求めるところが、どのように直せばできるのか分からないので教えて頂きたいです。よろしくお願いします

質問日時: 2017/06/09 17:50 質問者: よつばまん

解決済

1

0
Javascript CSS 画像

Javascript　か　CSS　どちらでもいいのですが、どうかご教示お願いいたします。例えば画像1 <a href="img/image01.jpg"><img src="img/image01.jpg"></a> 画像2 <a href="img/image02.jpg"><img src="img/image02.jpg"></a> 画像3 <a href="img/image03.jpg"><img src="img/image03.jpg"></a> 画像4 <a href="img/image04.jpg"><img src="img/image04.jpg"></a> とあったとし、これらの画像でどこかをクリックするとまずその画像が表示され、右や左のアイコン？がありそれをクリックすると、前後の画像を表示させるようにしたいのですが、どのようにするのでしょうか？また参考サイトを教えていただけると嬉しいです。 ※このようなことを検索するワードがわかりません。。。

質問日時: 2017/06/09 16:54 質問者: home321

解決済

3

0
windowとdocument

window.addEventListener('DOMContentLoaded'〜と document.addEventListener('DOMContentLoaded'〜はどちらも実行可能で、やっていることは同じだとは思うのですが違いはあるのでしょうか？以上よろしくお願いいたします。

質問日時: 2017/06/09 07:48 質問者: narative_h

解決済

1

0
【javaScript】KeyboardEventでペースト操作を実現したい

IE11で、KeyboardEventでペースト操作を実現させたく、試行錯誤の末に以下のコードに行きつきましたが、シンタックスエラーにはならないものの動作しません。 cripboadData.getData(”text”)で取得した値をエレメントに設定する手もありますが、今回は、JavaScriptで実施したペースト操作をイベントリスナでつかみたいので、 KeyboardEventでのペースト操作にこだわっている次第です。そもそもKeyboardEventでペースト操作などできないものなのでしょうか？ご教示のほどよろしくお願いします。ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <script type="text/javascript">  </script>

質問日時: 2017/06/08 23:48 質問者: freshjive

ベストアンサー

1

0
ホームページ表示非表示 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
歌をうまく歌える方法

歌をうまく歌える方法

質問日時: 2017/06/03 15:22 質問者: 温子

解決済

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">  </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"></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使用時のコードを教えて下さい＞＜

cheeckbox５項目くらい作成し、各項目に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"></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">  </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">  </script> ○○○○ CO.,Ltd. すると、全体が「-2017」としか表示されなくなってしまいました。どうすればいいのでしょうか、どなたか教えて下さい。宜しくお願いいたします。

質問日時: 2017/04/15 13:22 質問者: junjunjujujun

ベストアンサー

5

0
ジャバスクリプトのトラブル解決方法

jQueryで動作するスライダーを下段にある ● ❍ ❍ を背景に画像を指定してボタンを押す事で動作するよう、アレンジして設置していたのですが ─────────────────────────────────────────── ※こういうスライダーです http://kenwheeler.github.io/slick/ （実際に使ってるのは別のjavaScriptで他の方が作られたものです） ─────────────────────────────────────────── 元々、CSSだけで描かれた丸の部分に画像をオン、オフで２枚ずつ使っているのが原因なのか、更新ボタンを何度も押して更新をしていると、ボタン画像が出ない事があります画像の質を下げたら改善するかと思って画質を下げたのですがそれでも出てしまうので、画質が直接な原因ではないと思いますスライドで出てくる画像とワンテンポ遅れてボタンが出て来るのでjavaScriptの設定などが原因かもしれません解決方法が分からず、作業は停止しております。ご存知の方がいらっしゃいましたら、ご指導のほどよろしくお願い申し上げます。

質問日時: 2017/04/15 06:20 質問者: Tydhminami

解決済

1

0
javascript isFinite

JavaScriptです。９行目の「 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」を見せることができません…。【まとめ】１．＜解決＞画像(A)をlightboxにて拡大画像(B)を表示させたい２．＜解決＞画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替えたい３．＜未解決＞1回タップでlightboxが発動するため「hoge_on.jpg」を見せることができないため、lightbox発動をダブルタップにしたい ↑（３）の解決策を教えていただけましたら助かります。。どうか宜しくお願い申し上げます。。

質問日時: 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の本に乗っていることがわかりません

最近勉強を始めたものです。関数のところで、１行目に、 /* 関数定義 ******************/ とあるのですが、どういう意味でしょう

質問日時: 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

←前の結果
1
...
10
11
12
13
14
15
16
17
18
19
20
次の結果→

【プログラミング・Web制作】に関するカテゴリ

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

【JavaScript】に関するコラム/記事

弁護士が解説！あなたの声を行政に届ける「パブリックコメント」制度のすべて

社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...