回答数
気になる
-
javascript初心者です。クライアント座標を使って画像を表示したいのですが行き詰まっております
javascript初心者です。クライアント座標を使って画像を表示したいのですが行き詰まっております。ご教授願います。 クライアント座標を下記のようにプログラムして、画面をクリックするとその座標が分かるようになったのですが、画像をその位置に表示する方法が分かりません。 <img src="pic00.png" style="☆☆☆">の☆☆☆にx=60 y=70のような感じに書き込みたいのですが、書き方が分からなくて困っています。 また、あとで他の画像の位置設定が楽になるようにx1=60、x2=70という感じで初めに設定しておく方法も考えたのですが、どこにどう書けば良いかが分かりません。 ↓クライアント座標の設定↓ <script> function init() { window.onmousedown = handleMouseMove; function handleMouseMove(event) { event = event || window.event; target = document.getElementById("output_client"); target.innerHTML = "Client X:" + event.clientX + ", Client Y:" + event.clientY; } } </script> </head> <body onload="init();"> <div id="output_client" ></div> <div id="output_screen"></div>
質問日時: 2018/05/24 23:21 質問者: トム2
ベストアンサー
2
0
-
ページトップへ戻るを画像で
できればジャバスクリプトを外部において、それを呼び出せば、ページトップへ移動するそういうスクリプトを探しています。CSSをいじりたくないのです。 上のようなものがあれば教えていただけませんか?
質問日時: 2018/05/23 22:29 質問者: moo_a3123
ベストアンサー
2
0
-
埋め込んだjavascriptをどうやって実行させればよいのでしょうか?
こんばんは ブックマークレットを外部ファイル化して、Webページ上で実行したいです 下記URLを参考にしました 「http://d.hatena.ne.jp/zariganitosh/20140811/load_script_on_bookmarklet」 まず、下記のコマンドを記入し、bodyタグにスクリプトタグを追加してsample.jsを使えるようにします。 javascript:(function(){ var s = document.createElement("script"); s.src = "C:\sample.js"; document.body.appendChild(s); })(); このsample.jsを実行するには url欄に何を記載すればよいのでしょうか?
質問日時: 2018/05/22 21:40 質問者: runix2007
解決済
2
0
-
ブラウザの履歴を消す/アクセスできないようにする
無人でコンピュータを設置してお客様に操作してもらうサービスを作成中なのですが、前のお客様の入力・操作履歴を見れないような機能にしたいので、どうしたらいいかわかりません。 以下の方法を調査しているのですが良い方法が見つかりません。他にも上記の目的を達成できるのであれば構いませんのでアドバイスいただけたら幸いです。 ・ブラウザの戻るをできないようにする。右クリックでもできないように。 ・ブラウザの履歴を全て削除する など 利用している言語は、html,javascript,phpです。 よろしくお願いします。 現在のサービスの内容 ・お客様に自信の情報を入力してもらう ・POSTでデータを送信 ・入力確認の画面が出る。 ・1分後に自動的に次のお客様が入力できるトップ画面に戻る。 ☆次のお客さんが戻るボタンを押すと前のお客様の入力情報が観れてしまう。。。
質問日時: 2018/05/20 13:38 質問者: macus
ベストアンサー
3
0
-
JavaScriptとcookieを利用してリダイレクトさせたい
HPで、ある特定のメージを訪問した時に、2度目以降にそのページを訪問した時にリダイレクトさせて指定した別のURLに飛ばすようにJavaScriptで設定したいのですが、うまくいきません。 過去の解答例などを参考に次のように書いて見たのですが、IEやMicrosoft Edgeの場合、1度目でもいきなりリダイレクトしてしまいました。 <script type="text/javascript"> function init() { var cooc = getCookie(); if (cooc == "OK") { location.href=“/index02.html“; } } //クッキー取得(取得できればOK、できなければNGを返す) function getCookie(){ //クッキー取得 var doc = document.cookie+";".indexOf("test="); //クッキーが取得できなければindexOfで-1が返されるのでif文で判別 if(doc != -1){ return("OK"); } else { document.cookie = "test=1;expires="+new Date(today + (60 * 60 * 24 * 1000 * 365)); return("NG"); } return(""); } </script> </head> <body onLoad="init()"> テストする場合、ブラウザのcookieを消すか、シークレットウインドウでテスト用のリンクページを設けて試しているのですが、うまくいきませんでした。 jQuery Cookie なども試したみたのですが、そちらもうまくいきませんでした。 間違っている箇所、または簡単な記述の仕方があれば、アドバイスをお願いします。
質問日時: 2018/05/20 00:16 質問者: はるみS。
解決済
1
0
-
ブックマークレットでローカルのjavascriptを読み込むことは出来ますか?
c:\直下にjavascriptファイルをおいて、ブックマークレットから読み取り、実行することはできるのでしょうか? 目的としては会社のアプリケーション(IEベース)が使いづらいので、javascriptを用いて、ある程度同じ作業を自動化したいと思いました。 現在、ブックマークレットの文字数制限のため、複数のブックマークレット登録してあります。これら をクリックしていくことで作業は完成していくのですが、これを1クリックでできればと思います。 会社のアプリケーションが入っている環境は Windows10 IE11 ネット接続不可 アプリケーション新規インストール不可 外部USB使用不可 java非インストール です。 つまりWindows10と会社指定のアプリを入れただけの状態です。 よろしくおねがいします
質問日時: 2018/05/18 19:44 質問者: runix2007
ベストアンサー
1
0
-
ピアノの音のファイルを配布しているサイトはありますか?
javascriptでピアノの鍵盤の画像を押すと、その鍵盤の音を出るようなものを作りたいのですが、 各鍵盤のピアノの音源ファイルを配布しているサイトはありますか?
質問日時: 2018/05/17 21:41 質問者: PlanetSD
解決済
2
0
-
解決済
2
1
-
【プログラミング】HTAが想定通りに動きません
HTA(html+JavaScript)でtextareaから文字列を取得するPGMを作りました。 文字列を取得するタイミングはonsubmitによるScript起動です。 文字の取得自体は正常にできているのですが、 Scriptが起動するたびに自動で自分自身のHTAファイルをオープンしてしまいます。 JavaScript自体は初めて使用するのですが、命令していない動作を どうして行ってしまうのかちんぷんかんぷんです。 実際のソースを乗せずに難しいと思いますが、わかる方いらっしゃいますか?
質問日時: 2018/04/25 12:19 質問者: らむくん
ベストアンサー
2
0
-
タブブラウザとは1つのウインドウ内で複数のウェブページを表示することができるとありますが複数のウェブ
タブブラウザとは1つのウインドウ内で複数のウェブページを表示することができるとありますが複数のウェブページのことをタブと言うんでしょうか?
質問日時: 2018/04/23 15:27 質問者: コアラ社長
ベストアンサー
1
0
-
JavaScriptのfor文を使いclassをすべて取得して、空だったら該当の文字列を入れたい
質問があります。 タイトルの通りですが、JavaScriptのfor文を使いclassをすべて取得して、空だったら該当の文字列を入れたいです。 例えば、 var a = document.getElementsByClassName('article') for(i=0;i<a.length;i++){ console.log(a[i].innerHTML) } こちらでclassにある情報をすべて取得できますが、その中で仮に a[2]が空っぽだった場合 そこにinnerHTMLで 該当の文字列を入れたいです。 該当の文字列とは、別のClassにあるとある文字列です。 もし、var b = document.getElementsByClassName('data')、 b[4]に該当の文字列、"test" があった場合、 この文字列をarticle[2]に入れたいです。 a[2],b[4]と書きましたが、これは常にa[2],b[4]とは限らないです。常に判断して、空の部分に 該当の文字列を入れたいです。 お手数ですがよろしくお願いいたします。
質問日時: 2018/04/21 08:11 質問者: kemukemu2014
解決済
1
0
-
Webでの転記画面の作り方について
お世話になります。 Web初心者です。 windowsのデスクトップアプリでは、伝票の明細を作成する際に、商品リストの画面を開いて検索し、その結果を伝票明細に書き込むことができます。 Webでは、検索画面の結果をどのように前画面に戻していいか分かりません。どのようにこの機能を実現したらいいのか、概要を教えていただければ大変助かります。 どなたか概要をご教示いただければ、助かります。 どうぞよろしくお願いいたします。
質問日時: 2018/04/12 17:34 質問者: msdesoft
ベストアンサー
2
0
-
JavaScriptの修正出来る方お力添え下さい
以下の1データ入力で入力したキー、バリュー1を2データ入力結果で出力し、結果を削除、修正し保存するには何処を訂正すべきですか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <b><dd>1データ入力</dd></b> <ul> <li><input type="text" id="todoItem" name="todo" />キー(必須)</li> <li> <input id="todovalue" name="todovalue" type="value"/>バリュー1(数字) </li> </ul> <ul> <li>a.<input type="button" id="btnAddTodo" value="登録"/></li> <li>b.<input type="button" id="btnResetTodo" value="削除"/></li> </ul> <br> <b>2.データ入力結果</b> <ul id="todoItems">データ入力結果</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 = indexedDB.open("todoList", version); openRequest.onupgradeneeded = function(e) { app.indexedDB.db = e.target.result; var store = app.indexedDB.db.createObjectStore( "todo" , { "keyPath" :"text"} ); store.createIndex("myvalueIndex", "text2"); 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() { indexedDB.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": parseInt(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); }; }; app.indexedDB.deleteTodo = function(e) { var db = app.indexedDB.db; var trans = db.transaction("todo", "readwrite"); var store = trans.objectStore("todo"); var id = Number(e.target.id); var request = store.delete(id); request.onsuccess = function(e) { init(); }; }; function renderTodo(row) { var $todoItems = $("#todoItems"); $todoItems.append("<li>" + "<dd>" + row.text + "</dd>" + "<dd>" + row.text2 + "</dd>" + "<a id='" + row.text + "' class='btnDeleteTodo' href='#'>[ 削除 ]</a>" + "<a id='" + row.text + "'class='btnAddTodo' href='#'>[ 修正 ]</a></li>"); jQuery(function($){ $('dd').click(function(){ if(!$(this).hasClass('on')){ $(this).addClass('on'); var txt = $(this).text(); $(this).html('<input type="text" value="'+txt+'" />'); } }); }); } function init() { app.indexedDB.open(); } $(function(){ var $btnAddTodo = $("#btnAddTodo"); var $btnResetTodo = $("#btnResetTodo"); $btnAddTodo.on("click",app.indexedDB.addTodo); $btnResetTodo.on("click",app.indexedDB.resetTodo); $(document).on('click', '.btnDeleteTodo', app.indexedDB.deleteTodo); init(); }); </script> </body> </html>
質問日時: 2018/04/10 18:59 質問者: tanakaokada
解決済
1
0
-
javascriptで四則演算
javascriptで四則演算のページを作成したいのですがその際textboxに数字以外を入れるとエラーのダイアログボックスが出るようにしたいのですがどのようにしたらいいでしょうか? ご教授お願いいたします
質問日時: 2018/04/02 13:52 質問者: ryusan-831
解決済
8
0
-
住所の文字列から数字の部分だけを抜き取るには?
ary を rst のように変換してみたいのです。 いろいろなアルゴリズム(アイディア)があったら教えてください。 できるなら、より洗練されたやつをお願いします。 let ary = [ '', '1 丁目', '1 丁目 2 番地', '1 丁目 2 番地 3 号', ' 1丁目 ', ' 1丁目 2 番地 ', ' 1丁目2番地 3 ', '1', '1-2', '1-2-3', '2 番地', // × '2 番地 3 号', // × '-2-3'// × ]; let rst = [ [1], [1,2], [1,2,3], [1], [1,2], [1,2,3], [1], [1,2], [1,2,3] ];
質問日時: 2018/03/28 02:43 質問者: babu_babu_baboo
ベストアンサー
6
3
-
住所に変換するアルゴリズムを教えてください
ary を rst のように変換してみたいのです。 いろいろなアルゴリズム(アイディア)があったら教えてください。 できれなら、より洗練されたやつをお願いします。 let ary = [ [], [1], [1,2], [1,2,3] ]; let rst = [ '', '1 丁目', '1 丁目 2 番地', '1 丁目 2 番地 3 号' ];
質問日時: 2018/03/27 22:57 質問者: babu_babu_baboo
ベストアンサー
1
0
-
ベストアンサー
2
0
-
javascript 値のチェックについて
javascriptのif文で、値が空白ならエラーメッセージを表記する記述を ご教授願います。 パターン1 <body> <input id="test" type="number"> </body> この場合の<input>の値が空かどうかの確認方法 パターン2 <body> <select id="test"> <option></option> <option>テスト</option> </select> </body> この場合の<option>の値が空かどうかの確認方法 上記2点をお伺いできますと幸いです。 宜しくお願い致します。
質問日時: 2018/03/21 10:49 質問者: junji0705
解決済
5
0
-
引数のないhasOwnProperty
javascriptで hasProp = {}.hasOwnProperty; という構文がありました。 hasOwnPropertyを調べると https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty 指定されたプロパティをもっているかどうかを調べるようなのですが、 引数のある例しかネット検索ではみつかりません。 {}の意味と引数のないhasOwnpropertyの意味についてどうか教えてください。
質問日時: 2018/03/19 11:56 質問者: msndance
ベストアンサー
1
0
-
関数の宣言文?
var Figure; Figure = (function() { function Figure() {} Figure.pi = 3.14; Figure.square = function(base, height) { return base * height; }; return Figure; })(); alert(Figure.pi); alert(Figure.square(3,4)); というJavascriptのソースがあり、3.14と12がアラートで出てくるんだと思うのですが、 function Figure() {} の行の意味がわからないでおります。 中身のない2種類のかっこがあるうえにこの行にはセミコロンもなく、なにかの宣言をしているのかどうかもわからないでおります。 ご教示いただけると助かります。
質問日時: 2018/03/18 22:08 質問者: msndance
ベストアンサー
2
0
-
VisualStudio2017のJavascriptエディタ
次をインストールしました Microsoft Visual Studio Community 2017 Version 15.3.3 が、事情があって削除しました。 ところが拡張子JSに削除したはずのVS2017に関連付けがあり、開いてみるとJavascriptエディタとして使える状態になります。 それが非常に賢いので、出来れば他のPCにもこのエディタだけをインストールしたいのですが、可能でしょうか。
質問日時: 2018/03/17 11:58 質問者: macchanofuumi
解決済
1
0
-
javaループ処理について
javaでのfor、whileのループ処理がよくわかりません。 詳しい方教えて頂けませんか? 変数aaaはどのように変化してしているのかわかりません。 for分はiが6を超えるまで繰り返す while分はKが1を超えるまで繰り返すで合っていますかね? 【プログラム一部抜粋】 変数 ■s1:100 ■s2:10 ■s3:0.5 ■s4:7 aaa=s2; for(i=0;i<6;i++) { j=Math.pow(10,-i); while(k>0) { datA=s1-aaa; datB=s4*(aaa-s2); datC=s3*(Math.pow(aaa,4)-Math.pow(s2,4)); k=datA-datB-datC; aaa+=j; } aaa-=j*2; k=1; }
質問日時: 2018/03/15 17:59 質問者: ihitton
解決済
1
0
-
Illustratorで文字と画像を流し込むスクリプトを使いたいのですが画像だけ反映されません
多方で紹介されているのでご使用の方も多いと思うのですが、 こちらで配布してくださっているスクリプトを使用しようとしています。 ↓ Adobe Illustratorの単純作業はこれにお任せ!テンプレート流し込みスクリプト https://bulan.co/swings/illustrator_script/ ●事象: サンプルでは正しく動作しました。が、いざ自分がやりたいテンプレを作ると、文字情報は流し込まれるのですが画像だけが反映されません。 ●質問内容: スクリプト素人がひっかかりそうなポイントが思い当たりましたら、教えていただけませんでしょうか? ●私のイラレレベル: デザインレイアウト、作画作業はできるのですが、スクリプトは自分で一切かけず、配布スクリプトを使用させていただくのみ というところです。 ●現状: 色々と試しているのですが、2日間悩んで解決せずにおります。 ●確認したこと: ・画像パスの書き方<不安なのでテンプレと同一階層に置きました ・画像パスを書いたCSVの列<サンプルと同じ3列目にしました ・画像ファイルの種類<psdとjpgで試しました(CMYK) ・UTF-8で保存<googleスプレットシートから保存するとUTF8になると ある記事で読んだのでそうしています。 ●スクリプトを読み込んだ後のエラーメッセージ: 『リンクパネル内のファイルが削除または修正されました。リンクファイルを更新しますか?』 ↓ はい ↓ 『「」というリンクファイルが見つかりません。「置換」を選択して別のファイルを選択するか~~』 ↓ 置換 ↓ テンプレートやCSVが入っているフォルダウインドウが開きます。ファイル形式のプルダウンはなぜか「すべてのファイル形式(*.EPS*.EPSF*.PS)」となっています。 なにとぞよろしくお願いいたします。
質問日時: 2018/03/13 16:17 質問者: 63C7BE
ベストアンサー
3
0
-
画面内にボタンがある時だけ自動クリックするGreasemonkeyスクリプト
ボタンを自動クリックするスクリプトは setInterval( function() { var load =document.getElementsByClassName('load-more')[0]; if(load.style.display != 'none') load.click(); }); という感じで書けて動作したのですが、例えば if(load.style.display != 'none') load.click(); },10000); などとした場合、表示されていない下の方にボタンがある場合でも延々とクリックされてしまいますよね? load-moreのボタンが画面内にある時だけ自動クリックさせたいのですが、そのようなことは可能でしょうか?
質問日時: 2018/03/05 07:07 質問者: 7kfa-7
解決済
2
1
-
sliceについて
var product, slice = [].slice; product = function() { var i, len, num, nums, total; nums = 1 <= arguments.length ? slice.call(arguments, 0) : []; total = 1; for (i = 0, len = nums.length; i < len; i++) { num = nums[i]; totgal *= num; } return total; }; alert(product(1, 2, 3)); このプログラムは結果的に3!を返すように思うのですが、 (1)slice = [].slice; と (2)slice.call(arguments, 0) の意味がわからないでおります。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/slice をみてみたものの、 (1)のように空の配列で、引数がないslice関数の呼び出しの意味がわからないんです。 (2)の第2引数の「0」の意味もわからないでおります。 結果的にはproduct(1,2,3)の引数「1,2,3」を配列に変換してnumsに代入しているように思えるのですが。。。
質問日時: 2018/03/04 23:12 質問者: msndance
ベストアンサー
3
0
-
ベストアンサー
5
0
-
ひ孫に当たるiframe から親ウインドウにあるiframeの背景色を変えたい.
HTML構成を示します. 親 index0.html(name:content0) 子 iframe01(name="child-1" src="child01.htm" ) 子 iframe02(name="child-2" src="child02.htm" ) (child02.htm内 ) 孫 iframe-a (name="mago-a" src="mago-index.htm") 孫 ihrame-b (name="mago-b" src="mago-menu.htm") 孫 iframe-c (name="mago-c" src="mago-content.htm") (mago-content.htm内) ひ孫 iframe-gch1(name="khead" src="gc-a.htm") ひ孫 ihrame-gch2 (name="kmenu" src="gc-b.htm") ひ孫 iframe-gch3 (name="kcontent" src="gc-c.htm") ひ孫に当たるiframe-gch3のgc-c.htm内から親ウインドウiframe01内にある child01.htmの背景色を変えたいと考え,いろいろ試していますが 上手く行きません. 苦肉の策として背景色を変えたhtmを用意し下記のようにしてみましたが 動きませんでした. gc-c.htm内 javascript function open01(){window.open('別file', 'child1');} もしくは,子iframeのchild01.htm内にある function ch01(){document.body.background='gray.gif';} をgc-c.htm内から動かす方法がありましたらご教示下さい. よろしくお願いします.
質問日時: 2018/02/25 12:21 質問者: どんくさい
ベストアンサー
2
0
-
image.onload = .. の後に image.src = .. を書くのはどうしてですか?
●サンプル var image = new Image(); image.onload = function(){ ctx.drawImage(image, 0, 0); }; image.src = 'hoge.jpg'; ●個人的にはこっちのほうがわかりやすい var image = new Image(); image.src = 'hoge.jpg'; image.onload = function(){ ctx.drawImage(image, 0, 0); }; 書き順の違いは何でしょうか? image.onload は image.src = 'hoge.jpg'; のことを指していると思うんですが、var image = new Image(); の後に image.src = 'hoge.jpg';を先に書いたほうがしっくりくるんですが、MDNとか誰かの書いたサンプルとか見ると、image.onload = ... の後にimage.src = ... を記述しています。 上から順番に処理をするのではないのですか? どっちを先に書いても動きますし、個人的には new Image(); で新たな img 要素を作成して、その画像のソースを設定して、その画像が読み込まれたら処理をすると書いたほうがわかりやすい気がします。 どうして多くのサンプルではimage.onload = ... の後に image.src = ... を書くのでしょうか?
質問日時: 2018/02/23 16:28 質問者: dragstar2005
ベストアンサー
1
0
-
学習サイトを見よう見まねで、JavaScriptでおみくじを作りました。 ボタンをもう1つ増やして、
学習サイトを見よう見まねで、JavaScriptでおみくじを作りました。 ボタンをもう1つ増やして、おみくじとは別でクリックさせたいです。 style.cssに2つ目のボタンの要素?や、もう1つmain1.jsを作ってみたのですが、2つ目のボタンが出てきてくれません、、 元の、おみくじはできているのですが、これにどう足せば2つ目のボタンができますか? -------index.html---------------------------------------- <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>おみくじ</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div id="btn">?</div> <script src="js/main.js"></script> </body> </html> -----stylse.css------------------------------------------------ @charset "utf-8"; body{ background: #efefef;/*背景(灰)*/ } #btn{ margin: 30px auto 0; width: 400px; height: 400px; border-radius: 50%; background: #00BFFF;/*ボタンの色(青)*/ text-align: center; line-height: 400px; color: #fff;/*中の文字(白)*/ font-size: 42px; font-weight: bold; cursor: pointer; opacity:0.9; box-shadow:0 20px 0 #007FFF; border: 3px solid #007FFF; user-select: none; } #btn:hover{ opacity:1; } #btn.pushed{ margin-top:42px; box-shadow:0 8px 0 #007FFF; } } -----main.js--------------------------------------------------- (function(){ 'use strict'; var btn = document.getElementById('btn'); btn.addEventListener('click',function(){ var results=['大吉','小吉','中吉']; var n=Math.floor(Math.random()*results.length); this.textContent=results[n]; }); btn.addEventListener('mousedown',function(){ this.className='pushed'; }); btn.addEventListener('mouseup',function(){ this.className=''; }); })();
質問日時: 2018/02/19 16:03 質問者: マーーー。
ベストアンサー
2
0
-
javascript ブラウザ IE 動作しません。
下記記載のhtmlコードの javascript なのですが、 ブラウザ IE が動作しません。 (Chrome、Firefox、Opera、Safariでは動作するのですが、、、) どなたかプログラムに詳しい方、お教え願います。 【仕様】 テキストフィールドに入力した数値(サイズ)に合わせた金額が計算されるフォーム。 セレクトタグから商品の種類を選択 ↓ テキストフィールドより、縦と横サイズの(数値)を入力 ↓ 金額計算ボタンを押すとサイズにあわせた金額が自動で計算される 【問題箇所】 金額計算ボタン onClickを押しても ブラウザIE のみ動作しない(計算されない) それ以外、 alertなどのscriptは IEでも実行されますが計算のscriptが実行されないのです。 コード記載↓ --- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> </head> <body> <h1>サイズオーダー 金額見積フォーム</h1> <form name="mainForm"> <select name="field1"> <option value="">商品の種類を選択してください</option> <option value="12000">マットA</option> <option value="16700">マットB</option> <option value="16300">マットC</option> </select> <p>※サイズをcm(センチメートル)で入力して下さい。</p> <input type="text" name="field2" maxlength="4" placeholder="たて">cm<br> <input type="text" name="field3" maxlength="4" placeholder="よこ">cm<br> <table> <tr> <td><input type="button" value="金額計算" id="keisanbutton" onClick="return check()"></td> <td><output name="totle" id="totle"></output>円(税抜き・送料別)</td> </tr> </table> </form> <script type="text/javascript"> function check(){ var flag = 0; var totalPrice = 0; var text1 = document.mainForm.field2.value; var text2 = document.mainForm.field3.value; var price = document.mainForm.field1.options[document.mainForm.field1.selectedIndex].value; var option = document.mainForm.field1.options; if( option[0].selected ){ alert('商品の種類を選択してください'); // 種類が選択されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(text1.match(/[^0-9]+/)){ // 入力チェック 数値かどうか flag = 1; } else if(text2.match(/[^0-9]+/)){ // 入力チェック 数値かどうか flag = 1; } if(flag){ alert('数字以外が入力されています(半角数字でご入力下さい)'); // 数字以外が入力された場合は警告ダイアログを表示 return false; // 計算を中止 } if(!text1){ alert('サイズを入力してください'); // 入力されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(!text2){ alert('サイズを入力してください'); // 入力されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(document.mainForm.field2.value!==""&&( isNaN(text1) || text1<2 || text1>200) ){ // 数値の入力制限 alert("たてのサイズは2cm~200cmまでとなります。(50cm~200cmまでの数値でご入力下さい)");// 制限した入力数値外なら警告ダイアログを表示 return false; // 計算を中止 } if(document.mainForm.field3.value!==""&&( isNaN(text2) || text2<2 || text2>2000) ){ // 数値の入力制限 alert("よこのサイズは2cm~2000cmまでとなります。(50cm~2000cmまでの数値でご入力下さい)"); // 制限した入力数値外なら警告ダイアログを表示 return false; // 計算を中止 } else{ //return true; // 計算を実行 totalPrice += Math.round(text1 * text2 * price / 10000); } document.getElementById("totle").value = totalPrice } </script> </body> </html> --- 優れた方、お助け願います m(__)m
質問日時: 2018/02/17 13:12 質問者: shigeru_0314
ベストアンサー
2
0
-
急募です!! html javascript
onclick="location.href='Insert?seikairitsu=20'" の20の部分にseikairitsuという変数を代入したいです。 どのようにすればよいでしょうか
質問日時: 2018/02/13 14:27 質問者: えじ
解決済
1
0
-
ある文字の間の文字を全て変換する正規表現を使ったリプレイス
正規表現のグループ化を使用して、文字列の変換をしたいと思っているのですが、方法がわからないため質問させていただきました。 やりたいこと: 文字列aaaとbbbの間にある文字Cを全てZに変換する ただし、文字列aaaは文頭、bbbは文末で文字Cが含まれないこともある 例: aaaCkCogfkjhCgoCbbb => 変換 => aaaZkZogfkjhZgoZbbb 1文字だけであれば (aaa.*)C(.*bbb) で $1Z$2と思うのですがaaaとbbb間に複数Cがある場合に判別する方法がわかりません。 javascriptでの変換を考えています。 よろしくお願いいたします。
質問日時: 2018/02/10 10:32 質問者: popola-tarou
解決済
4
0
-
マウスオーバーでスライドしてボタンが出てくるスクリプトの作り方
https://goo.gl/Cr4gSF このサイトのようなマウスオーバーでコンテンツがスライドしてボタンが出てくるようにしたいのですが、 どんなシステムになるのでしょうか。 http://black-flag.net/jquery/20090413-292.html こちらを元に、ザックリと同じような動作を目指してみたところ、 テキスト部分が右側に当たった際に改行してしまうため、 同じ動作ができません。 <!doctype html> <html> <head> <title>Sliding Boxes and Captions with JQuery</title> <style type="text/css"> *{ padding:0px; margin:0px; } body{ background:#D5DEE7; } h3{color:#FFF; } .boxgrid{ width: 325px; height: 260px; margin:10px; float:left; background:#161613; border: solid 2px #8399AF; overflow: hidden; position: relative; } .boxgrid .cover{ position: absolute; top: 0; left: 0; border: 0; background:red; } .boxgrid .cover p { float:left; width:100px; } .boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } </style> <script src="//code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //Horizontal Sliding $('.boxgrid.slideright').hover(function(){ $(".cover", this).stop().animate({left:'300px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300}); }); }); </script> </head> <body> <div class="boxgrid slideright"> <div class="cover"><p>ss</p><p>ss</p><p>ss</p></div> <h3>Martin Stranka</h3> <p>Photographer<br/><a href="http://www.nonsensesociety.com/2009/03/photography-by-martin-stranka/" target="_BLANK">More Work</a></p> </div> </body> </html>
質問日時: 2018/02/09 19:32 質問者: egtomo
解決済
1
0
-
JavascriptのDOMについて
htmlに <div id="objId1"></div> があり これを DOMで <div> __<div> ____<div> ______<ul> ________<li></li> ________<li></li> ________<li></li> ________<li></li> ________<li id="objId2"></li> ______</ul> ____</div> __</div> </div> のような htmlを作りたいと考えています。 document.getElementById('objId1').innerHTML = '<div><div><div><ul><li></li><li></li><li></li><li></li><li id="objId2"></li></ul></div></div></div>'; というようにするのは無しで 一つづつDOMで作っていく方法を教えてください。 お手数ですが よろしくお願いいたします。
質問日時: 2018/02/09 04:48 質問者: JosephWalden
ベストアンサー
4
0
-
jQueryでリンク先のURLを動的に作成したい
jQueryを初めて使うのですが、勉強不足でよく理解できていません。 テーブルの各行のa hrefに渡すパラメタを各々の行が持っている値に置き換え、元の値を消したいと思っています。 jQueryを使えば、このように出来上がったタグの結果を後から一括で書き換えることが可能だと思っているのですが、見よう見まねでスクリプトを書いているのですが、うまくいきません。 具体的には、 <table> <tr> <td><div class="lnk"><a href="#">A</a></div></td> <td><div class="x">a</div></td> <td><div class="y">1</div></td> </tr> <tr> <td><div class="lnk"><a href="#">B</a></div></td> <td><div class="x">b</div></td> <td><div class="y">2</div></td> </tr> </table> となっている値を <table> <tr> <td><div class="lnk"><a href="page.html?p=a&q=1">A</a></div></td> <td><div class="x"></div></td> <td><div class="y"></div></td> </tr> <tr> <td><div class="lnk"><a href="page.html?p=b&q=2">B</a></div></td> <td><div class="x"></div></td> <td><div class="y"></div></td> </tr> </table> に替えたいのです。 <script> $('tr').each(function(){ $("#lnk a").attr("href", "http://page.html?p="+ $('#x').text() + "&q=" + $('#y').text() ); $('#x').remove(); $('#y').remove(); }); </script> と書いてみたのですが、エラーも何も出ず反応しないので、悩んでいます。 アドバイス頂けたら有難いです。
質問日時: 2018/02/08 11:50 質問者: hatsuzo
ベストアンサー
1
0
-
Javascriptのエラーに悩まされてます
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></s … <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> <script> var count = 0; function increment() { count++; update(); } function update() { var str = ('0' + count).substr(-2); $('img.counter-digit').each(function(i,e){ if (i<str.length) e.src = "img/noo_@.png".replace(/@/, str.charAt(i)) }); } $(function() { $('.count-button').on("touchend", increment); update(); }) $(function() { $('.count-button').on('.count-button','click',function(){ $(this).remove(); $('#sortable').append($(this).clone().addClass("ui-sortable-handle")); }); }); function openYahoo(){ $(this).remove(); $('#unList').append($(this).clone().removeClass("ui-sortable-handle")) } setTimeout("openYahoo()", 3000); </script> <body id="mainn"> <div class="page1_background"> <form name="zbotoon"method="post" action="zukann.html"> <button type="image" id="bottonz"><img src="img/zbotton.png"style="width:180px;height:120px"></button> </form> </div> <button class="count-button"><img src="img/megane.png" width="100"height="50"style="position: relative; top: 60px;right:50px;"></button> <button class="count-button"><img src="img/megane.png" width="100"height="50"style="position: relative; top: 100px;left:50px;"></button> <div class="counter"> <img src="img/no_00.png" height="100"width="80" class="counter-digit" style="position: relative; top: -200px;right:100px;"> <img src="img/no_00.png" height="100"width="80" class="counter-digit" style="position: relative; top: -200px;right:155px;"> </div> </body> </html> 以上のプログラムでcount-buttonを一度クリックするとopenYahooの実行によりボタンが消えるというプログラムを作成していたのですが、「uncaught TypeError:Cannot read property 'ownerDocument' of undefine」というエラーがあり、カウントはできるのですがボタンが消えてくれません 初歩的なことかもしれませんが助けてください。 前の質問は間違えて返信にお礼をしてしまったのでもう一回投稿しなおします。
質問日時: 2018/02/06 14:00 質問者: まかね
解決済
2
0
-
Javascriptのエラーに悩まされてます
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> <script> var count = 0; function increment() { count++; update(); } function update() { var str = ('0' + count).substr(-2); $('img.counter-digit').each(function(i,e){ if (i<str.length) e.src = "img/noo_@.png".replace(/@/, str.charAt(i)) }); } $(function() { $('.count-button').on("touchend", increment); update(); }) $(function() { $('.count-button').on('.count-button','click',function(){ $(this).remove(); $('#sortable').append($(this).clone().addClass("ui-sortable-handle")); }); }); function openYahoo(){ $(this).remove(); $('#unList').append($(this).clone().removeClass("ui-sortable-handle")) } setTimeout("openYahoo()", 3000); </script> 以上のプログラムでcount-buttonを一度クリックするとopenYahooの実行によりボタンが消えるというプログラムを作成していたのですが、「uncaught TypeError:Cannot read property 'ownerDocument' of undefine」というエラーがあり、カウントはできるのですがボタンが消えてくれません 初歩的なことかもしれませんが助けてください。
質問日時: 2018/02/05 14:25 質問者: まかね
ベストアンサー
2
0
-
パソコンで動くjavascriptがスマホ(iPhoneSE)で動かない
インクルードしている問合せフォームの品名が予め入力されるように、 本体のhtmlに、 <head>・・・・ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script> <script> jQuery(function($) { $.ajaxSetup({ beforeSend: function(xhr){ xhr.overrideMimeType("text/html;charset=Shift_JIS"); } }); $("#form").load("form.html"); }); </script> <script charset="UTF-8"> function setValue() { var value = "ほげほげ"; if (value) { document.form._品名.value = value; } } </script> ・・・・ </head> <body onload="setValue();"> ・・・・ <div id="form"> </div> を指定して、 <form action="・・・・" name="form"> <input type="text" name="_品名" value=""> のform.htmlをインクルードしています。 パソコンの「検証」でテストすると正常に作動するのですが、スマホだと品名欄が空白になってしまいます。 パソコンとスマホの履歴を削除してみましたが変わりません。 解決方法を教えて下さい。宜しくお願いいたします。
質問日時: 2018/02/05 13:22 質問者: junjunjujujun
ベストアンサー
7
0
-
JavaScriptのプログラミングを整理したいんですが、改行の時のキーバインドってエディタごとに違
JavaScriptのプログラミングを整理したいんですが、改行の時のキーバインドってエディタごとに違うんですか? きれいに改行できるコマンド?的なのを知りたいです。 いっつもエンターキーを押して改行した後に半角スペースを打っているので手間もかかるし何より見づらいです。 初心者質問ですみませんm(_ _)m
質問日時: 2018/02/03 15:32 質問者: だいごろう
ベストアンサー
2
0
-
プログラミングについて質問です。 JavaScriptをやっています。 見本(写真1枚目)のように綺
プログラミングについて質問です。 JavaScriptをやっています。 見本(写真1枚目)のように綺麗に改行して整理したいのですが、エンターキーを押してスペースキーを押す方法ではうまくいきません(写真2枚目) そこで、ネットで調べたのですがキーバインドでコマンド例えばC jを打ってもうまくいきません。 どうやったらコマンドを使って見本のようにきれいに整頓できるのでしょうか。ちなみにテキストエディターはatomを使ってます。
質問日時: 2018/02/02 22:46 質問者: だいごろう
解決済
1
0
-
100均のダイソーの店舗情報のようなマップを作りたい その方法について
100均のダイソーの店舗情報のようなマップを作りたい その方法について質問です。 調べによるとJavaScript APIが用いられるようですが、 その主な作業がプログラミングのJavaScriptがカギになることがわかります。 しかし、私はてんでプログラミングができません。 そこでこの場をお借りして、どなたか詳しい方にお聞きし、現状を打破したいと思い、 ここに書きました。 そのマップのソースがわかれば書けると思うのですが、 どなたか教えてください 以下がそのダイソーの店舗情報です https://www.daiso-sangyo.co.jp/shop/map?map_id=daiso&initid=7122&lat=35.69743&lon=139.8123&z=18
質問日時: 2018/01/30 23:38 質問者: 紫no
ベストアンサー
4
0
-
JQueryの配列処理
セレクトボックスが変更されたら、リンクのパラメータを変更するものを作りました。 <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ //セレクトボックスが切り替わったら発動 $('.sel1').change(function() { //選択したvalue値を変数に格納 var val = $(this).val(); // リンクを書き換え $('.prm1').attr('href', './?prm=' + $(this).val()); }); }); </script> </head> <body> <select name="sel1" class="sel1"> <option value="111">111</option> <option value="222">222</option> </select> <a class="prm1" class="button" href="./hoge.php/?prm="><button type="button">送信</button></a> ---------------------------------------- ★これを配列処理したいのですが、めちゃくちゃ調べて試したのですが、どうにも再現できません。 セレクトボックスが10個 上記の<select name="sel1" class="sel1"> → sel[0]~sel[9] リンクが10個 上記の<a class="prm1" class="button" → prm[0]~prm[9] つまりセレクトボックスとリンクの送信ボタンが10個ある画面に対し jQueryで処理させたいのです。 何卒よろしくお願いします。
質問日時: 2018/01/30 19:20 質問者: mintohime
ベストアンサー
1
0
-
JavaScriptの修正を助けて下さい
以下のJavaScriptが思うように動作しません。 A.バリュー1、キー値の追加で追加した値を B.バリュー値の検索で検索し C.処理結果に表示したいのですが、何処を修正すれば良いのでしょうか? <!DOCTYPE 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> <b>A.バリュー1、キー値の追加</b> <ul> <li>バリュー1値 <input id="todovalue" name="todovalue" type="text"/> </li> <li>キー値<input type="text" id="todoItem" name="todo" /></li> </ul> <input type="button" id="btnAddTodo" value="追加"/><br><br> <ul id="todoItems">追加結果表示</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(); }; } // IndexedDBオープン成功時に呼ばれる openRequest.onsuccess = function(e) { // 宣言していた app.indexedDB.db に IDBDatabaseオブジェクトを格納 app.indexedDB.db = e.target.result; app.indexedDB.getAllTodoItems(); }; // IndexedDBオープンの失敗時に呼ばれる openRequest.onerror = function(e) { // エラーがおこった場合、一旦コンソールログで確認 console.log("Database error: " + e.target.errorCode); }; }; app.indexedDB.deleteDB = function() { // todosデータベースを削除する 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 +"<a id='" + row.timeStamp + "' class='btnDeleteTodo' href='#'>[ 削除 ]</a>" +"</li>"); } app.indexedDB.getValue =function(e){ var db = app.indexedDB.db; var key2 = 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(key2); request.onsuccess = function (e) { if (e.target.result === undefined) { result.innerHTML = "指定したキーは存在しません。"; } else { result.innerHTML = "key2:" + e.target.result.key2 + " value:" + e.target.result.text + "<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> <hr /> <h3>B.バリュー値の検索</h3> キー値の入力<input type="text" id="selectkey" /> <input type="button" value="検索" id="btngetValue"/> <h3> C.処理結果</h3> <div id="result"/> </body> </html>
質問日時: 2018/01/30 16:49 質問者: tanakaokada
ベストアンサー
4
0
-
別ページからOnclickでテーブルの指定セルの背景色を変更し、ローカルストレージに保存する方法
前回質問の内容が分かりにくかったと思いますので画像を添付いたしました。今作っているwebページの概要です。AページをクリックするとBページのテーブルの1-1セルの背景色が赤くなり、またCページをクリックするとBページのテーブルの1-2セルの背景色が赤くなるようにしたいと思います。 そして、このBページをPHPでバッファリングをして保存する際に、このページをwebストレージに保存できたら次にBページを呼び出すときに元の状態で呼び出すことができればと考えておりますが可能でしょうか。難しい質問だとは思いますがご理解いただけた方は宜しくお願いいたします。
質問日時: 2018/01/29 23:05 質問者: aichan_san
解決済
3
0
-
別ページからOnclickでテーブルの指定セルの背景色を変更し、ローカルストレージに保存する方法
fujillinさん、前回はサンプルをご提示いただきありがとうございました。このサンプルは、このテーブルのセルの上でクリックしたとき背景色が変わるものなのですが、以前お書きしたように私が今作っているプログラムは、Aページの <form name="fomes"><input type="button" style="width:100%;padding:10px;font- size:30px;"value="全問正解の方は、こちらをクリック!" onclick="location.href='localhost/mondai_hyou.html#b1';"> <input type="button" style="width:100%;padding:10px;font-size:30px;" value="一問でも不正解の方は、こちらをクリック!" onclick="location.href='localhost/mondai_setumei.html;'"> </form>からBページの表のテーブルセルのb1の背景色を変えて、ファイル名を付けてサーバーにアッ プする。そして、この状態をローカルストレージに保持して、再びこのファイル名で呼び込むとき、 前の状態のまま呼びだすことができればプログラムもほぼ完成が見えてくるのですが、 AページからBページのこの部部のが表になります。 <body><table id="abc" frame="void" border="1"> <thead> <tr> <th>年 度 / 項 目</th> <th>平成26年</th><th>平成27年</th><th>平成28年</th>・・・・・・・・・・・・・・・・・ </tr> </thead> <tbody> <tr><td><B>問題の計算</B></td> <td id="td01"><a href="localhost/mondai_1.html">問題1</a></td> <td id="td02"><a href="localhost/mondai_2.html">問題2</a></td> <td id="td03"><a href="localhost/mondai_3.html" >問題3</a></td> ・・・・・・・・・・・・・・・・・</tr> </tr> </tbody> </table> サンプルでお示しいただきました方法を使って、この表の背景色を変える方法をお教えいただきたい のですが、お力添えを宜しくお願いいたします。
質問日時: 2018/01/26 16:45 質問者: aichan_san
解決済
2
0
-
おかしいーー!!
paizaのjavascriptの値取得で、 process.stdin.resume(); process.stdin.setEncoding('utf8'); process.stdin.on('data', function (chunk) { var line = chunk.toString().split('\n'); console.log(line); }); とうつと、入力が12 5の場合、かえってくる値が、 line[0]が'12 5' line[1]が' ' になってます。サイトではうまく行ってるのを何度も見たのに;;僕のが出来ません。どうしてでしょう??
質問日時: 2018/01/24 21:53 質問者: 今日の晩飯カツ丼
ベストアンサー
1
0
-
別ページからOnclickでテーブルの背景色を変更し、固定する方法
初めて質問させていただきます。javascriptが初心者なもので申し訳ありません。 babu_baboo様が以前回答していらっしゃいました、別ページからinput文のOnclickで、指定ページのテーブルセルの背景色を変更する方法を使わせていただきましたものです。このプログラムはとても効果があり大変助かりました。しかし表の各セルに指定された別ページからOnclickして、そのセルの背景色は変わるのですがこの状態を保持することができません。phpでバッファリングして表のページを名前を付けて保存して、もう一度呼びたしますと各セルの背景色は元の背景色のない状態に戻ってしまいます。なんとか保存状態のまま固定できないものでしょうか。 AページからOnclickをしてBページの表のテーブルB1→背景色が赤に変わる CページからOnclickをしてBページの表のテーブルB2→背景色が赤に変わる DページからOnclickをしてBページの表のテーブルB3→背景色が赤に変わる このようにBページの各セルB1,B2,B3・・・・の背景色が全てのセルにおいて変わったままの状態で 保存され、次に呼び出された時もこのままの状態で呼び出されるようにしたいと考えておりますが お知恵を拝借したいと思います。何卒よろしくお願いいたします。
質問日時: 2018/01/23 14:14 質問者: aichan_san
ベストアンサー
3
0
-
ベストアンサー
2
0
-
スマホ版PUBG(荒野行動)でフレンド追加しましたが、マルチプレイで招待できません。ネットでは、招待
スマホ版PUBG(荒野行動)でフレンド追加しましたが、マルチプレイで招待できません。ネットでは、招待というところを押せばできると書いてありましたが、なんか8時間前とか出てて招待ボタンがありませんどうしてですか?
質問日時: 2018/01/18 07:56 質問者: クレアハーパー
ベストアンサー
3
0
-
JavaScriptでhtmlをループで作成したけどエラーが出る
同じHTMLバーツをjsでループ作成しましたが、 表示はされるのですが.... console画面でエラーが出てしまいます... 'Cannot read property 'title' of undefined' 原因などわかる方はいらっしゃいますでしょうか? ———————— ▼HTML ———————— <div id="js-wrapper" class="wrapper"> </div> ———————— ▼Javascript ———————— var wrapper = document.getElementById('js-wrapper'); var masterData = [ {'title':'A', 'text':'aaaaaaaaaa'}, {'title':'B', 'text':'bbbbbbbbbb'}, {'title':'C', 'text':'cccccccccc'}, {'title':'D', 'text':'dddddddddd'}, {'title':'E', 'text':'eeeeeeeeee'}, {'title':'F', 'text':'ffffffffff'}, {'title':'G', 'text':'gggggggggg'} ]; var i; var cardContent = ''; for(i=0; i <= masterData.length; i++){ var v = masterData[i]; cardContent += '<div class="card">'+'<h3>' + v.title + '</h3>' + '<p>' + v.text + '</p>' + '</div>'; wrapper.innerHTML = cardContent; }; ———————— ▼エラー ———————— Uncaught TypeError: Cannot read property 'title' of undefined
質問日時: 2018/01/16 10:58 質問者: Mami.an
ベストアンサー
1
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フォームの自動返信シス...
-
フォームが空欄の時にフォームの外...
-
セレクトボックスで配列を呼び出し...
-
イラストレーター、縦中横のショー...
おすすめ情報