回答数
気になる
-
jQeury ある枠の中にある文字列を左へ動かして、文字列の最後で止める。
<div id="word">あいうえお かきくけこ さしすせそ たちつてと</div> とありますが、画像のようになるように、idにcssで枠と幅を設定してして、幅に入りきらない部分は、見えなくしています。 例えば、画面を表示したときに、1秒後にjQueryで文字列を左へゆっくりずらして、 …たちつてと」が見えた時点で止めることは可能でしょうか? 可能な場合は、どのメソッドを使えば実現か可能でしょうか? (始めに見えていた文字は、左の枠外へ消えます)
質問日時: 2018/01/13 16:17 質問者: PlanetSD
解決済
1
0
-
解決済
2
0
-
PHPとJavascriptの違いについて 私はWebサービスの開発をしたいと思い、プログラミングを
PHPとJavascriptの違いについて 私はWebサービスの開発をしたいと思い、プログラミングを勉強しております。 そこで、必要なスキルを調べたら ・HTML/CSS ・Javascript ・RubyやPHPなど... と明記されていました。 これはどういうことでしょうか? "HTML/CSS"と"RubyやPHPなど..."と明記されている理由はわかります。 でもJavascriptが独立して明記されている理由や見た感じPHPとの違いもわかりません。 でも知人には覚えたほうがいいと言われました。 そもそもWebサービスの作成に複数言語を覚える必要性とかもわかりません・・・ どういうことでしょうか?
質問日時: 2018/01/10 09:15 質問者: sayalina
解決済
5
0
-
3つのselectでURLパラメータを取得する方法
すみません、web作成している者です、困っておりますのでHELPです! 3つのselectでURLパラメータを取得する方法 例えばhttp://www.xxx.co.jp/yyy.htmlと言うページを用意して selectで赤・丸・山田を選択したらURLが http://www.xxx.co.jp/yyy.html?color=red&name=circle&human=yamadaを開くように したいです。 ご教授頂ければ幸いです。 <form id="search" name="search"> 色を選択 <select id="color" name="color"> <option value="">指定しない</option> <option value="red">赤</option> <option value="blue">青</option> <option value="green">緑</option> </select> 形を選択 <select id="type" name="type"> <option value="">指定しない</option> <option value="square">四角</option> <option value="circle">丸</option> </select> 人を選択 <select id="human" name="human"> <option value="">指定しない</option> <option value="yamada">山田</option> <option value="tanaka">田中</option> </select> </form>
質問日時: 2018/01/10 08:37 質問者: norisuke04
解決済
2
0
-
javascriptのライブラリーで、一番早いグラフの描画ライブラリーはどれでしょうか。
htmlでjavascriptのライブラリーを使ってグラフを描画しています。 私は、google chartを使っていますが。描画が遅い様に感じます。 ライブラリーは沢山有ってどれが一番早いのかは分かりません。 どうせなら、一番早いのを使いたいのですが。 どのライブラリーが一番早いのでしょうか。 ライブラリーの名前を教えて下さい。 宜しくお願いします。
質問日時: 2018/01/09 19:18 質問者: usui-2015
ベストアンサー
1
0
-
HTMLからjavascriptを使って既存のエクセル(csv)に書き込む方法
ご覧いただきありがとうございます。 タイトルの通りなのですが、HTMLからjavascriptを使ってローカルの既存のエクセル(csvでも可)に書き込む方法があれば教えてください。 HTMLのinputにデータ(数字)を入力 ↓ submit(5文字入った時点で発火が理想です) ↓ 自動でエクセルのセルに書き込み。 HTMLのinput内は消える。 入力した次のセル(下)にフォーカスされる。 ↓ 再びinputにデータが入力されたらエクセルに書き込み という流れを、繰り返したいです。 出来ればコードや参考になるサイトを教えていただけると助かります。 わかりにくい説明で申し訳ございませんが、よろしくお願いします。
質問日時: 2018/01/08 15:36 質問者: dedele0108
解決済
1
0
-
javascript 期待した動作
function movepage(){ setTimeout( abotblankを開く関数,2000); window.open(url,"_self"); } ボタンを押すとmovepage関数が呼び出され、window.open関数により指定urlへ飛ぶ。処理後2秒後にsetTimeout関数で登録した関数(aboublankへ飛ぶ処理)を実行されるようにしたい 現状、window.openで指定したページヘ飛びますが、setTimeout関数で処理したい処理が実行されません。 どのようにすればよろしいでしょうか? windows10 google-chrome
質問日時: 2018/01/01 13:08 質問者: runix2007
解決済
2
0
-
htmlでログインのformの名前はどうやって調べる事が出来るのだろうか
htmlのログインのformの名前が直にhtmlのソースに 無い場合が有る。この時は、どの様にして調べたら 良いのだろうか。 一応は、wgetでは保存はしているが。この様な場合 に例えば、perlのlwpを使って調べると言う事は 出来るのだろうか。 最初は、簡単にhtmlのソースの中にformの名前が 有ると思っていたので、そこ迄は深く考えていません でしたが。 htmlの中にformの名前が無いので、慌てています。 実際には、ログインをしてsubmitしていますので、 何処かには必らず有ります。 直のformでは作らなくて、動的にformを作る場合 と言うのは、その時のformと言うのはどうやって 調べるのでしょうか。 実は、この場合と言うのは、javascriptで作る様ですが。 これが、どうも作る時に他のオブジェクトを使って 対処すると言うのが出て来て、そこから調べると言うの が、余り私はjavascriptが良く分かっていないので。 調べる事が出来ません。実際は、これはソースを解析を しないといけないのかも知れませんが。 具体的に調べる方法を教えて下さい。 かなり、面倒ですが。宜しくお願いします。 その時のurlは下記です。 https://www.kireilife.net/pages/index.html
質問日時: 2018/01/01 05:15 質問者: usui-2015
ベストアンサー
3
0
-
このスペックでマインクラフトはできますか? また、modは使えるでしょうか? できないという場合はど
このスペックでマインクラフトはできますか? また、modは使えるでしょうか? できないという場合はどれくらいのスペックならできるか教えて下さい❗
質問日時: 2017/12/28 04:41 質問者: takiタキ
ベストアンサー
1
0
-
商品ページのフォームのテキストボックスに、商品名を自動入力させたい。
現在、通販サイトを運営中で、それぞれの商品ページに問合せフォームを組み込んでいますが、その商品ページを訪問されるときにお客様はすでに商品名(長い記号番号)を入力されているので、問合せフォームで再度商品名を入力していただくのは酷と思い、formのinputのvalueに商品名をあらかじめ入力しておくようにしています。 <input type="text" name="希望商品" value="(商品名)" size="50" > この度、商品数の増加に伴い、商品ページを簡略化するため、共通しているform部分をインクルードしたいのですが、その中の(商品名)を関連付ける方法がわかりません。 例えば、ABC123という商品名のページからの問合せの場合、インクルードされるform内が <input type="text" name="希望商品" value=”ABC123” size="50" > になるようにしたいのです。 ちなみにABC123という商品名は、その商品ページの中(form部分以外)に入力しています。 JavaScriptを使えばできるようなのですが、勉強不足でわかりません。 どなたか教えていただけないでしょうか。 宜しくお願いいたします。
質問日時: 2017/12/27 17:31 質問者: junjunjujujun
ベストアンサー
1
0
-
Shadowbox.jsが見つからない
http://webcraft.seesaa.net/article/169816956.html 上記を参考に、最新版(3.03)のSahdowboxを落としましたが 「shadowbox.js」本体がありません。 <script type="text/javascript" src="http://yourdomain.jp/xxxx/shadowbox.js" charset="utf-8"></script> という記述なので、解答したフォルダ内に本体もあるはずなのですが、見当たりません。 本体はどこか別の所からダウンロードしてくるのでしょうか? ご享受お願いいたします。
質問日時: 2017/12/26 11:50 質問者: mezashix
解決済
1
0
-
CSVファイルを読み込み、該当項目が1だった場合、HTMLに画像を表示する方法
csvファイルを元に、HTMLに表示するプログラムを作っています。 例えば、下記のようなcsvファイルがあったとします。 ⚪csvファイル(data.csv) id,number,in 1,0,0 2,1111,1 このとき、inに「1」が入っていた場合、画像を表示し、「number」の文字も表示するということをしたいです。(inが「0」だった場合は、画像・文字は表示しない) どのように実現していいのかわかりません… どうか助けてください。 よろしくお願いします。
質問日時: 2017/12/22 10:20 質問者: gnm_2012
ベストアンサー
3
0
-
JavaScriptのindexedDBに格納した値の検索、表示について
以下の①1.キーの設定で追加したキー・バリュー値を、②2.参照・取得したい値のキーでキー値を取得し、③3.処理結果に①で追加さたバリュー値を表示したいのですが上手く表示されません。 app.indexedDB.getValue =function(e)が希望通りに動作していません。 どこを修正すれば良いのでしょうか? 拙い説明で申し訳ございませんがよろしくお願いします。 <html> <html lang="ja"> <head> <meta charset="UTF-8"> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <h3>1.キーの設定</h3> <ul> <li>バリュー: <input id="todovalue" name="todovalue" type="text"/> <li>キー:<input type="text" id="todoItem" name="todo" /></li> </ul> <input type="button" id="btnAddTodo" value="追加"/><br> <ul id="todoItems">kekka</ul> <script> var db; // var indexedDB = window.indexedDB || window.mozIndexedDB || window.msIndexedDB || window.webkitIndexedDB; if (indexedDB) { var app = {} app.indexedDB = {}; app.indexedDB.db = null; } else { window.alert("IndexedDBが使えません"); } app.indexedDB.open = function() { var version = 1; var openRequest = webkitIndexedDB.open("todoList", version); openRequest.onupgradeneeded = function(e) { app.indexedDB.db = e.target.result; var store = app.indexedDB.db.createObjectStore( "todo" , { "keyPath" : "timeStamp"} ); store.createIndex("myvalueIndex" , "myvalue"); e.target.transaction.oncomplete = function() { // app.indexedDB.getAllTodoItems(); // }; // } openRequest.onsuccess = function(e) { app.indexedDB.db = e.target.result; app.indexedDB.getAllTodoItems(); }; openRequest.onerror = function(e) { console.log("Database error: " + e.target.errorCode); }; }; app.indexedDB.deleteDB = function() { webkitIndexedDB.deleteDatabase("todoList"); }; app.indexedDB.getAllTodoItems = function() { var initTodoItems = $("#todoItems").html(""); var initTodoItem = $("#todoItem").val(""); var initTodovalue = $("#todovalue").val(""); var db = app.indexedDB.db; var trans = db.transaction("todo", "readwrite"); var store = trans.objectStore("todo"); var value = document.getElementById("todovalue").value; var cursorRequest = store.openCursor(); cursorRequest.onsuccess = function(e) { var result = e.target.result; if(!!result == false) return; renderTodo(result.value); result.continue(); }; }; app.indexedDB.addTodo = function() { var db = app.indexedDB.db; var trans = db.transaction("todo", "readwrite");var store = trans.objectStore("todo"); var todoText = $("#todoItem").val(); var todoValue = $("#todovalue").val(); if( todoText == "") return; var data = { "text": todoText, "text2": todoValue, "timeStamp": new Date().getTime() }; var request = store.put(data); request.onsuccess = function(e) { app.indexedDB.getAllTodoItems(); }; request.onerror = function(e) { console.log("Error Adding: ", e); }; }; function renderTodo(row) { var $todoItems = $("#todoItems"); $todoItems.append("<li>" + row.text + row.text2+"</li>"); } app.indexedDB.getValue =function(e){ var db = app.indexedDB.db; var key = document.getElementById("selectkey").value; var result = document.getElementById("result"); result.innerHTML = ""; var trans = db.transaction("todo", "readwrite"); var store = trans.objectStore("todo"); var request = store.get(key); request.onsuccess = function (e) { if (event.target.result === undefined) { result.innerHTML = "指定したキーは存在しません。"; } else { result.innerHTML = e.target.result.myvalue + "<br/>"; } } } function init() { app.indexedDB.open(); } // 読み込み実行 $(function(){ var $btnAddTodo = $("#btnAddTodo"); var $btngetValue = $("#btngetValue"); $btnAddTodo.on("click",app.indexedDB.addTodo); $btngetValue.on("click",app.indexedDB.getValue); init(); }); </script> <h3>2.参照</h3> 取得したい値のキー<input type="text" id="selectkey" /> <input type="button" value="取得" id="btngetValue"/> <h3>3.処理結果</h3> <div id="result"/> </body> </html>
質問日時: 2017/12/12 09:17 質問者: tanakaokada
ベストアンサー
2
0
-
検索した後の最初の画面で、フォーカスした行の内容を表示しない
下記の構成と成っている。 main.html menu.html contents.html 1509-1504.html 150908-1515.html 150909-1518.html main.htmlの内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>メニュー</title> <body> <iframe src="menu.html" name="menu" width="12%" height="100%"align="left" style="margin-left:50px;"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </html> menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword" tabindex=1> <input type="button" value="choice" onclick="choice()" tabindex=2> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target li:last-child a")[0].focus(); $("#target li:last-child a")[0].click(); $("#keyword").keypress(function(e) { var c = e.which ? e.which : e.keyCode; if (c == 13) { $("#choice").focus(); choice.call(); e.preventDefault(); } }); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(-1)'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); }else if(e.keyCode==75){ $("#keyword").focus(); e.preventDefault(); rerurn ; } var aa=target_a.text(); var bb="#"+aa; $(bb).focus(); $(bb)[0].click(); }); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } $("#target a").focus(); } </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents" id="150908-1504">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents" id="150908-1515">150908-1515</a></li> <li><a href="./150909-1518.html" target="contents" id="150909-1518">150909-1518</a></li> </ol> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初はここに表示する </P> </BODY> </HTML> 150908-1504.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1504 </P> </BODY> </HTML> 150908-1515.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1515 </P> </BODY> </HTML> 150909-1518.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150909-1518 </P> </BODY> </HTML> ここで、kを打鍵してから検索するワードを入力 すると、結果を表示して結果の欄にカーソルは行 くが、その時の内容は表示されないで、前の内容 を表示している。 次に、カーソルを前後に移動すると、その時は内容 を表示する。常に、最初の行にカーソルが飛んだ時 は内容を表示しないで、前の内容を表示する。 これは、choice関数の中で、やっているが。この関数 の何処がおかしいのだろうか。 済みません。指摘をお願いします。
質問日時: 2017/12/11 05:21 質問者: usui-2015
解決済
2
0
-
javascriptでEnterキーをtabキーと同じ様に出来ないのだろうか
下記のmenu.htmlでテキストボックスに入力をしてからの Enterキーでタブ移動をしたい。そうすると、テキストボックス に入力をしてから、連続してのEnterキーで検索が出来て 操作性が高まるので。この様な事はjavascriptで出来るのでしょうか。 下記にmenu.htmlを示します。実は、これ以外も関係をしてい ますが。質問とは関係が無いので省いています。 menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword" tabindex=1> <input type="button" value="choice" onclick="choice()" tabindex=2> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target li:last-child a")[0].focus(); $("#target li:last-child a")[0].click(); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(-1)'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); }else if(e.keyCode==75){ $("#keyword").focus(); e.preventDefault(); rerurn ; } var aa=target_a.text(); var bb="#"+aa; $(bb).focus(); $(bb)[0].click(); }); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } } </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents" id="150908-1504">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents" id="150908-1515">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents" id="150908-1518">150908-1518</a></li> </ol> </BODY> </HTML>
質問日時: 2017/12/08 19:42 質問者: usui-2015
ベストアンサー
1
0
-
javascriptでフォーカスを当てると変な文字が勝手に入るのを防ぎたい
下記の構成に成っている。 main.html menu.html contents.html 150908-1504.html 150908-1515.html 150908-1518.html main.htmlは、frameを2つ使う。 左にmenu.html 右に、 contents.html 150908-1504.html 150908-1515.html 150908-1518.html を使う。 この中で、最初のcontents.htmlは実際には使っていません。 この中で、以下の 150908-1504.html 150908-1515.html 150908-1518.html は単に、サンプルとして適当にデータを入れている。 main.htmlの内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>メニュー</title> <body> <iframe src="menu.html" name="menu" width="12%" height="100%"align="left" style="margin-left:50px;"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </html> menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target li:last-child a")[0].focus(); $("#target li:last-child a")[0].click(); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(-1)'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); }else if(e.keyCode==75){ $("#keyword").focus(); rerurn; } var aa=target_a.text(); var bb="#"+aa; $(bb).focus(); $(bb)[0].click(); }); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } } </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents" id="150908-1504">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents" id="150908-1515">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents" id="150908-1518">150908-1518</a></li> </ol> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初はここに表示する </P> </BODY> </HTML> 150908-1504.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1504 </P> </BODY> </HTML> 150908-1515.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1515 </P> </BODY> </HTML> 150908-1518.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1518 </P> </BODY> </HTML> この中で、 else if(e.keyCode==75){ $("#keyword").focus(); rerurn; 上記で、テキストボックスにフォーカスを当てていますが、 きちんとフォーカスを当てる事は出来ますが、 kと言う文字が勝手に入って困ります。 これを防ぐにはどうすれば良いのでしょうか。 上記のmenu.htmlのどこかで悪さをしていると思いますが。 どこで悪さをしているのかが分かりません。 済みません。悪い所を指摘願います。 宜しくお願いします。
質問日時: 2017/12/08 10:36 質問者: usui-2015
ベストアンサー
2
0
-
underscore-min.jsでドロップダウン項目で絞込み検索
すみません、web作成している者です、困っておりますのでHELPです! 3つの検索項目(ドロップダウンリスト)があり3つ選択して検索ボタンをクリックしたら 選択にあてはまる物が表示されるようにしたいのですが途中で分からなくなりご相談させてもらいました。下記にコードを記述しているのでご教授頂ければ幸いです。 よろしくお願いします。 <script type='text/javascript' src='/js/libs/underscore-min.js'></script> <form id="search" name="search"> 色を選択 <select id="color" name="color"> <option value="">指定しない</option> <option value="red">赤</option> <option value="blue">青</option> <option value="green">緑</option> </select> 形を選択 <select id="type" name="type"> <option value="">指定しない</option><option value="square">四角</option> <option value="circle">丸</option> </select> 人を選択 <select id="human" name="human"> <option value="">指定しない</option> <option value="yamada">山田</option> <option value="tanaka">田中</option> </select> <input type="submit" value="検索" /> </form> <div id="items"> <div class="item red square yamada"> 赤い四角山田</div> <div class="item red square tanaka"> 赤い四角田中</div> <div class="item red circle yamada"> 赤い丸山田</div> <div class="item red circle tanaka"> 赤い丸田中</div> <div class="item blue square yamada"> 青い四角山田</div> <div class="item blue square tanaka"> 青い四角田中</div> <div class="item blue circle yamada"> 青い丸山田</div> <div class="item blue circle tanaka"> 青い丸田中</div> <div class="item green square yamada"> 緑の四角山田</div> <div class="item green square tanaka"> 緑の四角田中</div> <div class="item green circle yamada"> 緑の丸山田</div> <div class="item green circle tanaka"> 緑の丸田中</div> </div> <script type="text/javascript"> var items = [ { "name" : "赤い四角山田", "color" : "red", "type" : "square", "human" : "yamada" }, { "name" : "赤い四角田中", "color" : "red", "type" : "square", "human" : "tanaka" }, { "name" : "赤い丸山田", "color" : "red", "type" : "circle", "human" : "yamada" }, "name" : "赤い丸田中", "color" : "red", "type" : "circle", "human" : "tanaka" }, { "name" : "青い四角山田", "color" : "blue", "type" : "square", "human" : "yamada" }, { "name" : "青い四角田中", "color" : "blue", "type" : "square", "human" : "tanaka" }, { "name" : "青い丸山田", "color" : "blue", "type" : "circle", "human" : "yamada" }, { "name" : "青い丸田中", "color" : "blue", "type" : "circle", "human" : "tanaka" }, { "name" : "緑の四角山田", "color" : "green", "type" : "square", "human" : "yamada" }, { "name" : "緑の四角田中", "color" : "green", "type" : "square", "human" : "tanaka" }, { "name" : "緑の丸山田", "color" : "green", "type" : "circle", "human" : "yamada" } { "name" : "緑の丸田中", "color" : "green", "type" : "circle", "human" : "tanaka" } ]; // 検索が押された時の処理 $('#search').on('submit' , function(event){ // デフォルトのイベントをキャンセル event.preventDefault(); // 検索項目のオブジェクトを作成してセレクトボックスの値を格納 var query = {}; if($('#color').val() != ''){ query.color = $('#color').val(); } if($('#type').val() != ''){ query.type = $('#type').val(); } if($('#human').val() != ''){ query.human = $('#human').val(); } // データの中から一致するオブジェクトを検索 var results = _.where(items, query); // 返ってきた配列で出力処理 outputResults(results); }); // 検索結果の出力処理 function outputResults(results){ // 変数の初期化 var html = ''; // 受け取った配列をループで処理 // 出力するHTMLの整形 jQuery.each(results, function() { html += '<div class="item ' + this.color + ' ' + this.type + '' + this.human + '">'; html += this.name; html += '</div>'; }); // HTMLに出力 $('#items').empty().append(html); } // ページ読み込み時はすべてのアイテムを出力する $(window).on('load', function(){ outputResults(items); }); </script>
質問日時: 2017/12/07 20:04 質問者: norisuke04
解決済
2
1
-
jQuery 書き換えた文字列の内部の2箇ヶ所を同時に変更するには?
jQueryで、<span>タグの中の"test"を"Hello world!"に書き換えた後に、その文字列の"Hello"の部分の色を変更し、その後に、"Hello world"の真ん中の半角スペースを"␣"に変えたいと思い下記のように書きました。コメントアウトの①と②の処理を行うと、①が実行後に、②の処理で①の処理が消されてしまい、結果②だけの出力となります。①と②を同時に反映させるには、どのような書き方にすればよいでしょうか? また、今回のコードは文字列に対して2つ処理ですが、これを同じように、③、④・・・と似たような処理を増やしていくことは可能でしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <script> $(document).ready(function(){ $('#text').html('Hello world!'); var text = $('#text').text(); $('#text').html(text.replace(new RegExp("Hello","g"),'<span style="color:#FF1493">Hello</span>')); //① $('#text').html(text.replace(new RegExp( "\\s","g"),'␣')); //② }); </script> <span id="text">test</span> </body> </html>
質問日時: 2017/12/06 19:06 質問者: PlanetSD
ベストアンサー
3
0
-
Jqueryでclickさせる方法が分からない。
下記のhtmlでフォーカスを移動させる事は出来るが クリックが出来ていない。 最初開いた時に、最後の行に移動させてフォーカスを 当てる所迄は出来ているが。その時に、最後の行を クリックさせて表示をさせる事が出来ないでいる。 また、jとlで移動させてフォーカスを当てる事は 出来ても、その時の行をクリックさせて、その内容 を表示させる事は出来ていない。 何れにしても、クリックが出来ていない。これをどの様に すれば、クリック動作をする事が出来るのだろうか。 下記に今のファイルの内容を示します。 main.htmlの内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>メニュー</title> <body> <iframe src="menu.html" name="menu" width="12%" height="100%"align="left" style="margin-left:50px;"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </html> menu.htmlの内容 <html> <head> <title>メニュー</title> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $("#target a").on('focus',function(){ }).last(0).trigger("focus"); $("#target a").on('keydown',function(e){ var target_a=$(this); if(e.keyCode==74){ var target_li=$(this).closest('li').prev('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:last-child'):target_a=target_li.find('a'); }else if(e.keyCode==76){ var target_li=$(this).closest('li').next('li'); target_a=target_li.length==0?$(this).closest('ol').find('a:eq(0)'):target_a=target_li.find('a'); } target_a.trigger('focus'); }); }); </script> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> </ol> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初はここに表示する </P> </BODY> </HTML> 以下の150908-1504.html,150908-1515.html, 150908-1518.htmlは単にサンプルで何でも良いので表示を するだけで、表示は何でも良いですが、一応書きます。 150908-1504.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1504 </P> </BODY> </HTML> 150908-1515.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1515 </P> </BODY> </HTML> 150908-1518.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 150908-1518 </P> </BODY> </HTML> 済みません。これに、クリックさせて表示を 右のフレームに表示させる方法をソースで 回答願います。 無理な質問で迷惑をかけますが、宜しくお願いします。
質問日時: 2017/12/06 08:42 質問者: usui-2015
ベストアンサー
2
0
-
javascriptで、jとlの打鍵でリンク行を上下に移動させたい、出来るのだろうか。
下記のhtmlでは開いた時に最後のリンク行にフォーカスが有る。 これを、jキーでリンク行を上にフォーカスして、 lキーでリンク行を下にフォーカスさせたい。 これは、Jqueryで出来るのだろうか。 下記に今現在のhtmlを示します。 <html> <head> <title>メニュー</title> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> </head> <body> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> <li><a href="./150908-1811.html" target="contents">150908-1811</a></li> <li><a href="./150908-2004.html" target="contents">150908-2004</a></li> <li><a href="./150909-0105.html" target="contents">150909-0105</a></li> <li><a href="./150909-0652.html" target="contents">150909-0652</a></li> <li><a href="./150909-0925.html" target="contents">150909-0925</a></li> <li><a href="./150909-1011.html" target="contents">150909-1011</a></li> <li><a href="./150909-1121.html" target="contents">150909-1121</a></li> <li><a href="./150909-1232.html" target="contents">150909-1232</a></li> <li><a href="./150909-1423.html" target="contents">150909-1423</a></li> <li><a href="./150910-0046.html" target="contents">150910-0046</a></li> </ol> <script type="text/javascript"> $(function(){ $("#target li:last-child a")[0].focus(); }); function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].textContent.match(reg))?"":"hide"; } } </script> </BODY> </HTML>
質問日時: 2017/12/04 22:08 質問者: usui-2015
ベストアンサー
4
0
-
javascriptで正規表現の検索が上手く出来ない
下記のhtmlの検索で正規表現が上手く出来ない。 ^15とか、0046$での検索が出来ない。 何処がおかしいのだろうか。 尚、ここで<a href...のタグを外すと上手く出来ます。 済みません。指摘をお願いします。 <html> <head> <title>メニュー</title> </head> <body> <script type="text/javascript"> function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } </script> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <li><a href="./150908-1504.html" target="contents">150908-1504</a></li> <li><a href="./150908-1515.html" target="contents">150908-1515</a></li> <li><a href="./150908-1518.html" target="contents">150908-1518</a></li> <li><a href="./150908-1811.html" target="contents">150908-1811</a></li> <li><a href="./150908-2004.html" target="contents">150908-2004</a></li> <li><a href="./150909-0105.html" target="contents">150909-0105</a></li> <li><a href="./150909-0652.html" target="contents">150909-0652</a></li> <li><a href="./150909-0925.html" target="contents">150909-0925</a></li> <li><a href="./150909-1011.html" target="contents">150909-1011</a></li> <li><a href="./150909-1121.html" target="contents">150909-1121</a></li> <li><a href="./150909-1232.html" target="contents">150909-1232</a></li> <li><a href="./150909-1423.html" target="contents">150909-1423</a></li> <li><a href="./150910-0046.html" target="contents">150910-0046</a></li> </ol> </BODY> </HTML>
質問日時: 2017/12/04 16:02 質問者: usui-2015
ベストアンサー
1
0
-
Safariでの onload="getData()" の挙動について
当方Javascript初心者です。 一度サイトを作っていただいたときに、フレーム間でのJavascriptでのリンクの呼び出しを実装したのですが、Safariのバージョンアップか使用の変更かで、その仕組みが動かなくなってしまいました。 下記が中身になります。どなたか原因を特定できる方はいらっしゃいませんか? 以下、構造と重要なコードの抜き出しになります。 <構造> B.htmlに読み込み後に表示される場所があり、B.htmlのインラインフレームの中にA.htmlがあります。 B.html{A.html} A.htmlが表示されたときにB.htmlのリンク箇所が表示される仕組みです。 A.html→B.html <コード> ----------------------------------------- A.html(表示後にB.htmlに情報を送ります) <script> <!-- function getData(){ top.document.getElementById ("A").firstChild.data = document.skip.data.value; } // --> </script> </head> <body id="trans" onload="getData()"> ----------------------------------------- B.html(リンクを表示する方です) <a id="A" href="A.html" target="Aframe"> </a> ----------------------------------------- onload="getData()"の関係なのでは、と見当はつけてるのですが、修正の仕方が?マークです。 もし原因が解る方がいましたら、教えていただきたいと思っております。 どうぞよろしくお願いいたします。 -----------------------------------------
質問日時: 2017/12/04 08:26 質問者: a-eitaro
ベストアンサー
2
0
-
javascriptで正規表現での検索が上手く出来ない。
下記のhtmlの検索で正規表現が上手く出来ない。 ^15とか、1100$での検索が出来ない。 何処がおかしいのだろうか。 済みません。指摘をお願いします。 <html> <head> <title>サンプル</title> </head> <body> <script type="text/javascript"> <!-- function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } // --> </script> <style> li.hide{display:none;} </style> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> <ol id="target"> <LI>150101-1100</LI> <LI>150202-1100</LI> <LI>160101-1100</LI> </OL> </body> </html>
質問日時: 2017/12/03 20:23 質問者: usui-2015
ベストアンサー
1
0
-
jqueryを使って、focusとclickを使う方法が分からない
下記のhtmlで、focusとclickを使う方法が分からない 単純に最後の要素を表示するのは下記の alert($("#target li:last-child").text()); で表示出来ますが。これを $("#target li:last-child").click(); と書いても、clickは動きません。 また、 $("#target li:last-child").focus(); と書いても、focusは出来ません。 $("#target li:last-child")を使って focusとclickを動作させる 構文を例示願います。 また、この方法では出来ない場合は、 別の方法で出来る構文を例示願います。 宜しくお願いします。 <HTML> <HEAD> <TITLE>clickとfocusの実験</TITLE> <script src="http://ajax.googleapis.com/ ajax/libs/jquery/1.12.4/jquery.min.js"></script> </HEAD> <BODY> <DIV id="target"> <OL> <LI><a href="1.html">180101-0300</a></LI> <LI><a href="2.html">180101-0400</a></LI> <LI><a href="3.html">180101-0500</a></LI> </OL> </DIV> <script> $(function(){ alert($("#target li:last-child").text()); }); </script> </BODY> </HTML>
質問日時: 2017/12/02 14:38 質問者: usui-2015
ベストアンサー
2
0
-
javascriptでメニューを自動的に開く方法は無いのだろうか
前回、同じ質問をした者です。前回は、framesetを使っていて この機能は何れは無くなると言う事で、再度の出直しと言う所 で、止まっていました。 今回、iframeを使う事にしましたので再度質問を出します。 今回のは、main.htmlのframesetが違うだけで、後は同じです。 前回の質問を再度掲載します。 下記のhtmlで、左にメニュー、右にその内容を表示する。 最初の開く時に、メニューの最後を選んで表示する。 と言う事は、javascriptで出来るのだろうか。 ファイルは下記の構成です。 main.html menu.html contents.html 180101-0300.html 180101-0400.html 180101-0500.html main.htmlの内容 <HTML> <HEAD> <TITLE>サンプルページ</TITLE> </HEAD> <body> <iframe src="menu.html" name="menu" width="10%" height="100%"align="left"></iframe> <iframe src="contents.html" name="contents" width="80%" height="100%"align="left"></iframe> </body> </HTML> menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12 … <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初に表示される内容 </P> </BODY> </HTML> 180101-0300.htmlの内容 <HTML> <HEAD> <TITLE>180101-0300</TITLE> </HEAD> <BODY> <P> 飲酒運転、現行犯で逮捕 </P> </BODY> </HTML> 180101-0400.htmlの内容 <HTML> <HEAD> <TITLE>180101-0400</TITLE> </HEAD> <BODY> <P> 山岳遭難、救助ヘリ養成 </P> </BODY> </HTML> 180101-0500.htmlの内容 <HTML> <HEAD> <TITLE>180101-0500</TITLE> </HEAD> <BODY> <P> 殺人未遂、現行犯逮捕 </P> </BODY> </HTML> ここで、main.htmlを開くと左にmenu.htmlを 右にcontents.htmlが開く。 また、ここでjavascriptを起動させてmenu.htmlの 最後の要素を選択して180101-0500.htmlを右側に 表示をさせたい。 この様な事はjavascriptを使って動かす事は出来るのだ ろうか。この時のjavascriptの定義は何処に保存をする べきだろうか。ここでは、main.htmlかmenu.htmlの 両方が考えられるが。私としては、main.htmlに保存をしたい。 理由は、menu.htmlは絶えずデータの更新で上書きされる 為。 menu.htmlのolの最後を指定すれば、良いですが。 どの様にして、左の<ol><li>をクリックさせて 右側に表示をさせるのかが分かりません。 済みません。javascriptのソースで回答を願います。
質問日時: 2017/11/30 13:32 質問者: usui-2015
ベストアンサー
2
0
-
javascriptでメニューを自動的に開く方法は無いのだろうか
下記のhtmlで、左にメニュー、右にその内容を表示する。 最初の開く時に、メニューの最後を選んで表示する。 と言う事は、javascriptで出来るのだろうか。 ファイルは下記の構成です。 main.html menu.html contents.html 180101-0300.html 180101-0400.html 180101-0500.html main.htmlの内容 <HTML> <HEAD> <TITLE>日記の実験</TITLE> </HEAD> <frameset cols="20%,*"> <frame src="menu.html" name="menu"> <frame src="contents.html" name="contents"> </frameset> </HTML> menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> contents.htmlの内容 <HTML> <HEAD> <TITLE>contents</TITLE> </HEAD> <BODY> <P> 最初に表示される内容 </P> </BODY> </HTML> 180101-0300.htmlの内容 <HTML> <HEAD> <TITLE>180101-0300</TITLE> </HEAD> <BODY> <P> 飲酒運転、現行犯で逮捕 </P> </BODY> </HTML> 180101-0400.htmlの内容 <HTML> <HEAD> <TITLE>180101-0400</TITLE> </HEAD> <BODY> <P> 山岳遭難、救助ヘリ養成 </P> </BODY> </HTML> 180101-0500.htmlの内容 <HTML> <HEAD> <TITLE>180101-0500</TITLE> </HEAD> <BODY> <P> 殺人未遂、現行犯逮捕 </P> </BODY> </HTML> ここで、main.htmlを開くと左にmenu.htmlを 右にcontents.htmlが開く。 また、ここでjavascriptを起動させてmenu.htmlの 最後の要素を選択して180101-0500.htmlを右側に 表示をさせたい。 この様な事はjavascriptを使って動かす事は出来るのだ ろうか。この時のjavascriptの定義は何処に保存をする べきだろうか。ここでは、main.htmlかmenu.htmlの 両方が考えられるが。私としては、main.htmlに保存をしたい。 理由は、menu.htmlは絶えずデータの更新で上書きされる 為。 menu.htmlのolの最後を指定すれば、良いですが。 どの様にして、左の<ol><li>をクリックさせて 右側に表示をさせるのかが分かりません。 済みません。javascriptのソースで回答を願います。
質問日時: 2017/11/29 15:31 質問者: usui-2015
ベストアンサー
1
0
-
javascriptで要素の取得が出来ない
下記のhtmlで要素の取得が出来ない。 htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="./01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> 01.jsの内容 $(function(){ var obj=document.getElementById("target").getElementsByTagName("li"); alert(obj[0].textcontents); }); 結果は、undefineと表示される。180101-0300を表示をさせたい。 どうコーディングをすれば良いのだろうか。 済みません。指摘をお願いします。
質問日時: 2017/11/29 14:21 質問者: usui-2015
ベストアンサー
1
0
-
javascriptがエラーして動かない
下記のソースが有ります。 menu.htmlの内容 <HTML> <HEAD> <TITLE>menu</TITLE> <script src="01.js"></script> </HEAD> <BODY> <OL id="target"> <LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI> <LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI> <LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI> </OL> </BODY> </HTML> 01.jsの内容 $(function(){ alert("hello"); }); 下記のエラーと成ります。 Uncaught ReferenceError: $ is not defined at 01.js:1 これは、匿名関数が定義されていないと言う事でしょうか。 この関数のどの部分にエラーが有るのだろうか。 済みません。指摘願います。
質問日時: 2017/11/29 10:55 質問者: usui-2015
ベストアンサー
1
0
-
複数のフォームを一括で自動送信することは可能ですか?
いろいろ検索したのですが、それらしきものが無いように思うので、 陳腐な質問をしているかもしれませんが、よろしくお願いいたします。 ●質問1、 現在、下記の「■例1、」のようにページが開いた時点で 自動でクリックしてフォームデータを送信できるようにしています。 ■例11、 <html> <body> <form name="nform" action="a.php" target="blank" method="POST"> <input type="hidden" value="a" name="1"> <input type="hidden" value="b" name="2"> <input type="hidden" value="c" name="3"> <SCRIPT language="JavaScript">document.nform.submit();</SCRIPT> </form> </body> </html> この同じページに、下記のような全く違うaction先に、内容の一部だけ違う別のフォームを書いて、 同じように自動クリックしてデータを送る方法はありますでしょうか? 出来れば、2つだけではなく、複数のフォームを配置したいのですが・・・ <html> <body> <form name="nform2" action="b.php" target="blank" method="POST"> →※ここの action=値が違う。 <input type="hidden" value="a" name="1"> <input type="hidden" value="b" name="2"> <input type="hidden" value="f" name="3"> →※ここの value=値だけが違う。 </form> </body> </html> 色々試しておりますが、ほとんど素人のためいまだに苦戦しております。 ●質問2、 また、このやり方では無事に2つに送信できたとしても、target="blank"で2つのページが開いてしまうと思うのですが、 それを防ぐ方法(ひとつだけ開く)などはありますでしょうか。 JavaScriptはoffにしてないという条件下で動かす方法を考えております。 素人発想で申し訳ありませんが、何か解決法がありましたらよろしくお願いいたします。
質問日時: 2017/11/29 00:39 質問者: まさひろ54168
ベストアンサー
4
0
-
javascriptでclassNameの所が分からない
下記のhtmlのソースで、classNameの所が何をしているのかが 分からない。 htmlは、単に下記の行からテキストボックスの内容を読んで、該当する行を 表示する物です。例えば、殺すと入力すると、下記が表示されます。 奥さんが浮気をしているので間男を殺す事ばかりを考える事 毎日朝から酒を腹一杯飲む事 奥さんと欠かさずに24時間交尾をする事 朝から晩迄耐える事無く一時の休みも無く奥さんの浮気を心配する事 食事は、常に腹一杯無理してでも食べる事 塩辛い物は、遠慮しないで食べる事 奥さんが浮気をしているので間男を殺す事ばかりを考える事 以下省略 htmlの内容は下記です。 <html> <head> <title>サンプル</title> </head> <body> <script type="text/javascript"> <!-- function choice(){ var reg=new RegExp(document.getElementById("keyword").value); var obj=document.getElementById("target").getElementsByTagName("li"); for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; } } // --> </script> <style> li.hide{display:none;} </style> <p>夢も希望も亡くなった人は下記を参照</p> <ol id="target"> <LI>毎日朝から酒を腹一杯飲む事</LI> <LI>奥さんと欠かさずに24時間交尾をする事</LI> <LI>朝から晩迄耐える事無く一時の休みも無く奥さんの浮気を心配する事</LI> <LI>食事は、常に腹一杯無理してでも食べる事</LI> <LI>塩辛い物は、遠慮しないで食べる事</LI> <LI>奥さんが浮気をしているので間男を殺す事ばかりを考える事</LI> <LI>以下省略</LI> </OL> <input type="text" name="keyword" id="keyword"> <input type="button" value="choice" onclick="choice()"> </body> </html> この中で、以下のfor文が何をしているのかが分かりません。 この中で、classNameと言うのは、何を示しているのでしょうか。 宜しくお願いします。 for(var i=0;i<obj.length;i++){ obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide"; }
質問日時: 2017/11/28 19:43 質問者: usui-2015
ベストアンサー
2
0
-
javascriptで関数の削除は出来ないのだろうか
下記のjavascriptでreturnの所は、実際は関数を削除したい所だが 方法が分からない。 関数を削除する理由は、もうキーを打鍵した時にこの処理は実行を する必要が無い為。 下記にjavascriptのソースを示します。 $(function(){ 1918行: questionsの配列 46行: indirectの配列 // indirectのベースと成る添字を求める var prompt_q_count=prompt('Enter Number'); // indirectの配列を決める {{{ for (var i=0;i<indirect.length;++i){ indirect[i] = prompt_q_count - indirect[i] - 1; } // }}} // 本来のquestionsの配列から、indirectの要素から来るnew_questionsの配列を作る {{{ var new_questions=[]; for(i=0;i<indirect.length;++i){ new_questions[i]=questions[indirect[i]]; } // }}} var q_count=0; var q=new_questions[q_count]; $('#q').html(q); $('input:visible').eq(0).focus(); $('input[type=text][name=a]').on('keyup',function(){ if(q_count>indirect.length - 1){ alert("end job"); return } var v=$(this).val() var reg=new RegExp('^'+v); var q_count2=q_count+1; var lesson_data=q_count2+"/"+indirect[q_count]+"/"+questions.length; $('#count').html(lesson_data); $('#q').html(q); if(v==""){ $('#res').html(''); }else if(q==v){ $(this).data('pre',v); $('#res').html('complete'); $('input[type=text][name=a]').val(''); ++q_count; if(q_count>indirect.length - 1){ alert("end job"); return } q=questions[indirect[q_count]]; $('#q').html(q); var q_count2=q_count+1; var lesson_data=q_count2+"/"+indirect[q_count]+"/"+questions.length; $('#count').html(lesson_data); }else if(q.match(reg)){ $(this).data('pre',v); $('#res').html('ok'); }else{ if(q.length>=v.length) $('#q').html(q.substr(0,v.length-1)+"<span style='color:red;font-weight:bold'>"+q.substr(v.length-1,1)+"</span>"+q.substr(v.length)); $(this).val($(this).data('pre')); $('input[type=text][name=a]').val(''); $('#res').html('ng'); } }); }); // # vim:set fdm=marker:
質問日時: 2017/11/25 15:08 質問者: usui-2015
ベストアンサー
3
0
-
マウスを乗せたときだけ画像を不透明にするスクリプトを書きましたが、動作しません。
特にエラーが出ていないのですが、ケアレスミスが原因でしょうか? 下記にコードを貼ります。 よろしくお願いします。 <!DOCTYPE html> <html> <head> <script type="text/javascript"> <!-- var alphaValue = 20; funciton giveListener(my_elem, my_event, my_func, my_boolen){ if(my_elem.attachEvent){ my_elem.attachEvent("on" + my_event,my_func); } else if(my_elem.addEventListener){ my_elem.addEventListener(my_event,my_func,my_boolen); } else { alert("お使いのブラウザは対応していません"); return false; } } function onAlpha(e){ var target_node; if(e.target){ target_node = e.target; } else { target_node = e.srcElement; } target_node.style.filter = "alpha(opacity=100)"; target_node.style.mozOpacity = 1; target_node.style.opacity = 1; } function offAlpha(e){ var target_node; if(e.target){ target_node = e.target } else{ target_node = e.srcElement; } targrt_node.style.filter = "alpha(opacity=" +alphaValue + ")"; target_node.style.mozOpacity = alphaValue/100; target_node.style.opacity = alphaValue/100; } function setLisners(e) var dImages = document.getElementsByName("displayImg"); for(var i=0 ;i<dImages.length ; i++){ dImages[i].style.filter = "alpha(pacity" +alphaValue +")"; dImages[i].style.mozOpacity = alphaValue/100; dImages[i].style.opacity =alphaValue/100; giveListener,(dImages[i],"mouseover",onAlpha, false); giveListener,(dImages[i],"mouseout",offAlpha, false); } } giveListener(window,"load",setLisners, false); //--> </script> <title>画像の不透明</title> </head> <body> <img name="displayImg" src="images/fire001.png" width="250" /> <img name="displayImg" src="images/fire002.png" width="250" /> <img name="displayImg" src="images/fire003.png" width="250" /><br /> <img name="displayImg" src="images/fire004.png" width="250" /> <img name="displayImg" src="images/fire005.png" width="250" /> <img name="displayImg" src="images/fire006.png" width="250" /><br /> </body> </html>
質問日時: 2017/11/20 15:21 質問者: break_time
ベストアンサー
2
0
-
jQueryでの親の親の隣の子供の要素の取得をJavascriptで書くとどうなるのか?
下記のコードは、●をクリックすると、その隣の、inputフォームにHello!!と入力されるようにしました。jQueryでは、指定したクラスより、$(this).parent().parent().next().children('input').val('Hello!World' ).focus(); のように、簡単に、親⇒親⇒次⇒子供のように、メソッドを連結させて取得できますが、これをjavascriptで書くとどのような書き方になるのでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> $(function () { $('table').on('click', '.maru', function(){ $(this).parent().parent().next().children('input').val('Hello!World' ).focus(); }); }); </script> </head> <body > <table class="table"> <tbody> <tr> <td>1</td> <td><div><div class="maru">●</div></div></td> <td><input type="text" value=""></td> </tr> <tr> <td>2</td> <td><div><div class="maru">●</div></div></td> <td><input type="text" value=""></td> </tr> </tbody> </table> </body> </html> 今考えていることは、下記のように、配列に、順番にnodeNameとclassNameを取得して、何とかならないかと思っているのでけど、… かなり検討ちがいなことしているような気がしてきたので、…質問するに至りました。 .... javascriptかなり難しいです。 <script> document.addEventListener('click', function (e) { var node = new Array(); node[0] = {nodeName:e.target.nodeName, className: e.target.className}; var parent = e.srcElement.parentNode; for(var i = 1; parent; i++) { node[i] = {nodeName:parent.nodeName, className:parent.className, }; parent = parent.parentNode; } console.dir(node); }); </script>
質問日時: 2017/11/17 23:18 質問者: PlanetSD
ベストアンサー
2
0
-
フォームにある文字列上のカーソル位置の変更
下記のコードは、PCキーボード操作で[alt]+[z]キーで、inputフォームにある文字列のカーソルがある部分に、文字列(Hello!)を挿入するコードを書きました。例えば、inputフォームにある文字列のaaaa|aaaaaaaaa で 5番目にカーソル( |)があるときに、[alt]+[z]キーを押すと、aaaaHello!aaaa| となります。挿入に関しては、問題ありませんが、挿入し終えた後には、カーソルが文字列の最後に移動してしまいます。これを挿入後は、挿入した文字列の後ろにくるようにしたいのですが、どのうよにすればよいでしょうか? (このように⇒ aaaaHello!|aaaa) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style> </style> <script> document.addEventListener("keydown", function(e){ if(e.altKey == true && e.keyCode == 90){ if(e.target.nodeName == "INPUT" && e.target.type == "text"){ var sentence = e.target.value; var len = sentence.length; var pos = e.target.selectionStart; var before = sentence.substr(0, pos); var word = 'Hello!'; var after = sentence.substr(pos, len); sentence = before + word + after; e.target.value = sentence; } } }, false); </script> </head> <body > <input type="text" name="" value="aaaaaaaaaaaaaaaaaaaa"><br> </body> </html>
質問日時: 2017/11/17 21:51 質問者: PlanetSD
ベストアンサー
1
0
-
Javascript キー入力より、フォームに文字列挿入する
下記のコードでは、inputフォーム上でカーソルを置き、[Alt]+ [z] キーを押したときに、「Hello」という文字列が入力されるようにしました。 実装面では、[Alt]+ [z] キーを押したときに、カーソルがある部分のclassの値を取得し、その部分を.val()で取得、書き換えを行っています。ただ問題がありまして、classの値で取得しているので、valで書き換える時に、全てのclass値をもつinputのvalueの値が書き換わってしまいます。classではなくidを取得するように変更すれば解決しますが、どうしてもclassの値で取得したいのですけど、解決策はありますでしょうか? (私が書いたJavascriptのコード自体、これが効率よいのか自信がないので、効率的な書き方がありましたらアドバイスください。) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <style> </style> <script> $(function() { function KeyDownFunc(e){ if(true == e.altKey && 90 == e.keyCode){ var element =document.activeElement if(element.className){ var getData = String($("." + element.className).val()); $("." + element.className).val( getData + "Hello" ).focus(); } } } if(document.addEventListener){ document.addEventListener("keyup" , KeyDownFunc); } }); </script> </head> <body > <input type="text" name="" value="test" class="sss"><br> <input type="text" name="" value="xxx" class="sss"><br> <input type="text" name="" value="" class="sss"><br> </body> </html>
質問日時: 2017/11/16 22:29 質問者: PlanetSD
ベストアンサー
2
0
-
javascriptで指定した日時にリロードさせるには?
javascriptで指定した日時にリロードさせるにはどうすればいいでしょうか? <?php $time1 = "2017-11-25 17:14:10"; ?> 上記のようなPHPの変数での指定を組み込みたいので、 2017-11-25 17:14:10 の形式で指定できるようにしたいのですが、 どなたかご教授お願いいたします。
質問日時: 2017/11/16 10:42 質問者: egtomo
解決済
2
0
-
指定した日時にリロード処理を実行させるには?
PHPで指定時刻に表示が切り替わる設定を行ったので、 javascriptで強制的に更新させ表示を切り替えさせたいです。 日時はPHPの変数にセットしているので、 <?php $time1 = "2017-11-15 17:14:10"; $time2 = date("Y-m-d H:i:s",strtotime($time1 . "+1 minute")); $reload_1 = date("Y-m-d H:i:s",strtotime($time2 . "-1 seconds")); ?> $reload_1 を呼び出して実行したいのですが、 どのようにすればいいでしょうか? <?php $startTime = new DateTime($time1); $closeTime = new DateTime($time2); if ($now >= $startTime && $now < $closeTime): ?> 1を表示 ここに強制リロード1 <?php endif; ?> <?php $startTime = new DateTime($time2); $closeTime = new DateTime($time3); if ($now >= $startTime && $now < $closeTime): ?> 2を表示 ここに強制リロード2 <?php endif; ?> <?php $startTime = new DateTime($time4); if (new DateTime >= $startTime): ?> 最終表示:スクリプトは設置しない <?php endif; ?> こんな感じにしたいと考えています。 どなたかご教授お願いします。
質問日時: 2017/11/15 17:57 質問者: egtomo
解決済
2
0
-
Javascriptで自動的に計算するフォーム、テキストボックスを使いたい
初めて質問させていただきます。よろしくお願いします。 現在、Javascriptで自動計算フォームを作成しています。 下記のサイトを参考に勉強させてもらっていますが、 「数量」のプルダウンをテキストボックスに変更し、 数量を入力するようにしたいです。 しかし、なかなか完成しません。 ▼参考サイト http://www.tagindex.com/javascript/form/comp1a.html プルダウンからテキストボックスへ変更はできたのですが 計算結果が「NaN」になってしまいます。 どのようにしたら、テキストボックスで計算結果が出せるのでしょうか? 助けていただけますと幸いです。 どうぞ、よろしくお願いいたします。
質問日時: 2017/11/15 10:51 質問者: love3217
解決済
2
0
-
この質問にさらに質問です。
https://oshiete.goo.ne.jp/qa/9548285.html このソースを動かすと、立替(ttk)を無入力でも問題なく動くのですが、合計がNaNになるので、無入力のときは自動的に0を入れて(初期値が0でも出来るのかな?)テキストボックス内にも0を最初から表示させておく。 というようにしたいです。 どうすればいいでしょうか。
質問日時: 2017/11/12 05:51 質問者: 絶壁氏
解決済
1
0
-
returnの戻り値を式で指定したい
jQueryでプラグラムを書いています。 var filtered = $.grep(data, function(elem, index) { return (elem.practice == "hoge" || elem.practice == "hage"); } ); で、動作するのですが、入力要素によって抽出式を変えたいので、 var filtered = $.grep(data, function(elem, index) { var buf='elem.practice == "hoge" || elem.practice == "hage"'; return (buf); } ); のように、戻り値を動的に対応できるようにしたいのですが、動作しません。 通常こういうのはどう記述すればいいんでしょうか。
質問日時: 2017/11/08 18:18 質問者: umioyo
ベストアンサー
1
0
-
複数のプルダウンを1つにまとめる方法
下のHTML、CSS、javascriptにて、3つのプルダウンを1回の選択で起動させたいです。 現状①select id="year" 選択・同value値の選択、②select id="week" 選択・同value値の選択、③select id="day" 選択・同value値の選択をしないといけませんが、 これを①select id="year" ・"week"・"day"を一括で選択、②"year" のvalue値の選択・"week"のvalue値の選択・"day"のvalue値の選択にしたいです。 何処をどう修正すれば良いでしょうか? イメージは以下の画像です。 よろしくお願いします。 <form> <select id="year" onchange="this.form.elements['todovalue3'].value=this.value"> <option value="">--年</option> <option value="2016">2016年</option> <option value="2017">2017年</option> <option value="2018">2018年</option> </select> <input id="todovalue3" name="todovalue3" type="hidden"/> <select id="week" onchange="this.form.elements['todovalue4'].value=this.value"> <option value="">--月</option> <option value="01">1月</option> <option value="02">2月</option> <option value="03">3月</option> </select> <input id="todovalue4" name="todovalue4" type="hidden"/> <select id="day" onchange="this.form.elements['todovalue5'].value=this.value"> <option value="">--日</option> <option value="01">1日</option> <option value="02">2日</option> <option value="03">3日</option> </select> <input id="todovalue5" name="todovalue5" type="hidden"/> <form> 以下 略
質問日時: 2017/11/08 11:51 質問者: tanakappp
ベストアンサー
4
0
-
JavaScriptでセレクトボックスの選択値をinputのvalue値にしたい
以下でセレクトボックスの選択値をinputのvalueにしたいのですが、上手く行きません。 何処を修正すれば良いのでしょうか? <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <form name="js"> <select name="txtb" onchange="document.getElementById('txtb').value=this.value"> <option value="">*A•B選択</option> <option value="">A</option> <option value="">B</option> </select> お名前:<input type="text" name="txtb" id="txtb" value="" type="hidden"><br> <input type="button" value="歓迎1" onclick="tbox1()"><br> <input type="button" value="消去" onclick="clr()"><br> </form> <script> //テキストボックスの文字を取得する function tbox1(){ var str1=document.js.txtb.value; alert("ようこそ"+str1+"さん!"); } //テキストボックスの文字を操作する function clr(){ document.js.txtb.value=""; } </script> </body> </html>
質問日時: 2017/10/27 14:56 質問者: tanakappp
ベストアンサー
3
0
-
JavaScript ページ指定時間に更新
ご教示お願い致します。 /test/log.txt の最終更新日時を取得し、 その日時にページを更新させるようにしたいのですが、 どのようにするのでしょうか? 例) ユーザーAさんがページ閲覧中 ユーザーBさんが掲示版に書込 ↓ log.txtの最終更新日時が変更 ↓ ユーザーAさんが閲覧中でもページ更新 これを実行したいのですが、どのようにするのかわかりません・・・ リアルタイムなチャットシステムを作成している最中なのですが、 WebSocketやSocket.i.oなどといったことは、 調べているのですが、うまいこと作動しません;; なので、妥協策として index.html に書込フォームがあり、 内容は<iframe>にて、chat.cgiを開くようにして、 ユーザーAが入力途中でも消えないよう、 しています これで、表示部分、書込部分はごまかせるのですが、 リアルタイムな部分で、手詰まりな状態です。 なので、上記のように 書込 (クライアント) ↓ 日時取得 (サーバー) ↓ その日時でのページ更新 (サーバー?) というふうに擬似的ではありますが、 このようなことを実行したいです。 どうかお力添えをお願い致します。 ※とりあえず、これができてからもっと勉強して WebSocketやSocket.i.oには切り替える 予定ではあります。。。
質問日時: 2017/10/26 10:55 質問者: century9218
解決済
5
2
-
html.javascriptの質問です。初心者です。
いま、動画に付箋を貼るというツールを作っています。 そこで質問が2つあります。 Q1現状はボタンをクリックして付箋を貼っているが、これをキーボードのSキーに変えたいのですが、どのコードをどうすれば良いのでしょう。 Q2srcで"douga.mp4" とファイルを指定していますが、この指定を〇〇.mp4のようにして、html上から検索ボックス等で入力して代入するというような仕組みに変えたいです。どのコードをどうすれば良いのでしょうか。 できればコードのサンプル等があればありがたいです。 <!DOCTYPE html> <html> <head> <style> #id0{ cursor:pointer; } .class0 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } </style> </head> <body> <div> <div id="id0"></div> <div> <video id="id1" src="douga.mp4" controls></video> </div> <div><button id="id2">ふせん</div> </div> <script> document.getElementById('id2').addEventListener('click', func1, false); function func1() { var var0 = document.getElementById('id0'); var var1 = document.getElementById('id1'); var elm0 = document.createElement('span'); elm0.textContent = '付箋' + (var0.children.length+1).toString().replace(/[0-9]/g, function (s) {return String.fromCharCode(s.charCodeAt(0) + 65248);});; elm0.className = 'class0'; elm0.dataset.time = document.getElementById('id1').currentTime; elm0.addEventListener('click', func2, false); var0.appendChild(elm0); function func2(ev) { var1.currentTime = ev.target.dataset.time; } } </script> </body> </html>
質問日時: 2017/10/24 19:57 質問者: kTTTTTT
解決済
2
0
-
ドロップダウンメニューがデフォルトで出ていて困っています…
▼問題の状況▼ http://g5187066.k-free.net/dropdown/ ↑ これが起きている現象なのですが、表題の通りドロップダウンメニューがデフォルトで出ているんです…。 けど、一回hoverして離すと消えてくれます。 ↑ ここの状態がデフォルトであってほしいのですが、どうしても解決できず困っています(>_<) 多分書いている「書いているメガドロップダウンメニューのjQuery」でどうにかできると思うのですが、ご教授いただけないでしょうか…ググってもググっても解決できず泣きそうなのです… 書いているメガドロップダウンメニューのjQuery ↓ $(function(){ $('#gNav > ul > li').hover(function(){ Panel = $(this).children('.Wrap'); Panel.each(function(){ Panel.css({display:'block',opacity:'0'}).stop().animate({opacity:'1'},500); }); }, function(){ Panel.css({display:'none'}); }); });
質問日時: 2017/10/17 17:04 質問者: zopeboyo
ベストアンサー
2
0
-
ブックマークレット【javascript】
ブックマークレットでjavascriptを記載するときには以下の形を基本としましょう (function(){処理内容})() と記載があるのですが、functionの前の"("と、それに対応する")"はvoid等が省略されていると解釈できますが、最後の()は何なのでしょうか?
質問日時: 2017/10/15 16:52 質問者: runix2007
解決済
2
0
-
jqueryのプラグインflexsliderについて
jqueryのプラグインflexsliderについて質問です。 当方はjqueryのプラグインを使用するくらいで、jsについては初心者です。 まずFlexSlider2.6.0を設置し、htmlへスライダーとサムネイルとオプションの記述をしました 。 サムネイルをクリックではなくマウスオーバーでスライダーが動くようにしたかったため、22行目のeventTypeの下に以下を追記しました。 ------------------------------------- eventType2 = "mouseover touchend MSPointerUp keyup", ------------------------------------- その上で、164行目のeventTypeをeventType2へ変更したところ、サムネイルをマウスオーバーでスライダーが動くようになりました。 しかし、サムネイルからマウスを離してもスライダーの自動再生が始まらず止まったままです。 マウスを離した後もスライダーを自動再生させたい場合、どこをどのように修正すれば、もしくはどのような追記をすればよいのでしょうか。 ちなみに、スライダー側の左右のprev・nextボタンで操作した後は問題なく自動再生が始まります。 よろしくお願いいたします。 ------------------------------------- ■FlexSlider v2.6.0 https://github.com/cdnjs/cdnjs/blob/master/ajax/libs/flexslider/2.6.0/jquery.flexslider.js ■スライダー・サムネイルの記述 <div id="slider" class="flexslider"> <ul class="slides"> <li><a href=""><li><img src="slider01.png"></li></a></li> <li><a href=""><li><img src="slider02.png"></li></a></li> <li><a href=""><li><img src="slider03.png"></li></a></li> </ul> </div> <div id="thumbnail" class="flexslider"> <ul class="slides"> <li><img src="thumb01.png"></li> <li><img src="thumb02.png"></li> <li><img src="thumb03.png"></li> </ul> </div> ■オプションの記述 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider').flexslider({ animation:"slide", slideshowSpeed: 3000, animationSpeed: 450, pauseOnHover: true, animationLoop: true, controlNav: false }); $('#carousel').flexslider({ animation: "slide", controlNav: false, pauseOnHover: false, itemWidth: 210, itemMargin: 5, asNavFor: '#slider' }); }); </script> -------------------------------------
質問日時: 2017/10/13 17:12 質問者: chacococo
解決済
2
0
-
javascript修正依頼
以下のように動作させたいのですが、どのように修正すれば良いでしょうか? 1 1.パスワード入力に入力した値が空白または4文字以下の数字または何も入力されていない場合は再入力となり、正しけれyahooトップへ移動 2 上記1の入力によりmyvalueが空白または4文字以下の数字以外が代入?されている時は<div id=“login>を非表示にして<div id=”relogin>を表示する <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id = “login”> <h3>1パスワード入力</h3> パスワード(4桁の数字) :<input type="password" maxlength="4" id="newvalue" /> <input type="button" value="ログイン" onclick="setValue()"/> </div> 削除したい値のキー<input type="text" id="deletekey" /> <input type="button" value="削除" onclick="deleteValue()"/> <input type="button" value="全削除" onclick="deleteAll()"/> <hr /> <div id = "relogin"> <h3>2パスワード再入力</h3> パスワード(4桁の数字) : <input type="password" maxlength="4" id="pass" /> <input type="button" value="ログイン" onclick="func1()" /> </div> <h3>3処理結果</h3> <div id="result"/> <script> var db; var indexedDB = window.indexedDB || window.mozIndexedDB || window.msIndexedDB; if (indexedDB) { var openRequest = indexedDB.open("mydb", 1.0); openRequest.onupgradeneeded = function(event) { db = event.target.result; var store = db.createObjectStore("mystore", { keyPath: "mykey"}); store.createIndex("myvalueIndex", "myvalue", "myvalue2"); } openRequest.onsuccess = function(event) { db = event.target.result; } } else { window.alert("このブラウザではIndexed DataBase API は使えません。"); } function setValue(event) { var key = "login"; var value = document.getElementById("newvalue").value; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.put({ mykey: key, myvalue: value}); request.onsuccess = function (event) { key = ""; document.getElementById("newvalue").value = ""; if (document.getElementById("newvalue").value == undefined /* || document.getElementById("newvalue").value == "" */ || document.querySelectorAll("newvalue").length ==0 || document.getElementById("newvalue").value.length > 5 ) { alert("無効"); } else {location.href = "http://www.yahoo.co.jp"; } } } function deleteValue(event) { var key = document.getElementById("deletekey").value; var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.delete(key); request.onsuccess = function (event) { result.innerHTML = "削除しました。"; } } function deleteAll(event) { var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.clear(); request.onsuccess = function (event) { result.innerHTML = "クリアしました。"; } } function func1(event) { var str1 = document.getElementById("pass").value; var key = "login"; var result = document.getElementById("result"); result.innerHTML = ""; var transaction = db.transaction(["mystore"], "readwrite"); var store = transaction.objectStore("mystore"); var request = store.get(key); request.onsuccess = function (event) { if (event.target.result === undefined) { result.innerHTML = "指定したキーは存在しません。"; } else { if (event.target.result.myvalue == str1) {location.href = "https://www.yahoo.co.jp/"; } else{result.innerHTML = "<b>パスワードが違います。</b>";} } } } </script> </body> </html>
質問日時: 2017/10/12 18:51 質問者: tanakappp
ベストアンサー
1
0
-
HTML5で3Dでpset(x,y,z)
昔、BASICでpset(x,y)で画面に点を打つことができました。 HTML5ではthree.jsなどを使うと3D表示が出来るそうです。 調べたのですが、難しすぎます。 3Dでpset(x,y,z)で点を打ち、マウスで回転・縮小させられる、そんなライブラリはないでしょうか。 機能は低くて結構です。
質問日時: 2017/10/11 19:43 質問者: macchanofuumi
解決済
1
0
-
canvasやSVGを学ぶ時機
canvasやsvgのようなjavascriptで操作できる(前者は、ビットマップでピクセル情報などを操作でき、後者がDOMツリー上のSVGを操作して位置や色、大きさなどを変更する)仕様は、どの時機で学ぶべきだと思いますか。 円グラフなど、定期的に画像に対する変更が必要になるものなどが必要になったときだとか、そもそも必要になる前にある程度作れるように習得しておくなど。 またjavascriptに関する知識がどの程度あったほうがより学びやすいでしょうか。
質問日時: 2017/10/04 19:28 質問者: gooooooooooooooooo
ベストアンサー
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【JavaScript】に関するコラム/記事
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表示さ...
-
スマホ上で、左右スワイプで次のペ...
-
ラジオボタンを複数選択したときの...
-
jsonテキストデータの並び替えがで...
-
Adobe acrobat proでフォームを準備...
-
画面に表示したらアニメーションを...
-
2025年相性がいい人のサイトの仕組み
-
jQueryでのレスポンシブが綺麗に動...
-
jsで質問です。 formをsubmitしてサ...
-
二次元配列を使って順位をだすとき...
-
【JS】selectでchangeした時のデー...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存在し...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメール...
-
jqueryのselect2で検索欄の文字が消...
-
<tr>指定した表の行要素をボタン...
-
食材の期限を管理するためにGASを利...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次のペ...
-
タグを教えてください。
-
jqueryのselect2で検索欄の文字が消...
-
jsonテキストデータの並び替えがで...
-
初心者です。gulpでコンパイルがで...
-
ラジオボタンを複数選択したときの...
-
階層別の組織図の自動作成について
-
jQueryで同じクラス名のものを別物...
-
二次元配列を使って順位をだすとき...
-
読み込んだQRコードをフォームに受...
-
画面遷移を行わずに同一ページでHTM...
-
セレクトを全て選択されていないと...
-
【Google Apps Script】「ライブラ...
-
Adobe acrobat proでフォームを準備...
-
二次元配列の全要素の全要素を区切...
-
【GAS】WEBアプリでハイパーリンク...
-
GASでGoogleフォームの自動返信シス...
-
フォームが空欄の時にフォームの外...
-
セレクトボックスで配列を呼び出し...
-
イラストレーター、縦中横のショー...
おすすめ情報