[jquery] タグが付いた質問

jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。

644 件の質問
絞り込み
並べ替え
タグ付けされた
0
1 回答
2,335 閲覧数

Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。

大変お世話になっております。 以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。 しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。 因みに、下記をsuccess:function($price1)と設定すると、a....
1
5 回答
6,987 閲覧数

datetimepickerでAM/PM表記から24時間表記に変更できない。

rails で bootstrap3-datetimepicker-rails の gemを導入し、 カレンダーの入力機能を実装しております。 デフォルトだと、AM・PMで入力時間が表示されるため、 24時間のフォーマットに変更しようと思っております。 調べていると以下のようにするとできるみたいなのですが、上手く行きませんでした。 $('#datetimepicker_05')....
0
1 回答
1,483 閲覧数

jQuery の DataTabales で全データを取得してページングする方法について

タイトル通りで jQuery の DataTabales で全データを取得してページングする方法についてご教授ください。 表示するデータはAjaxでサーバから取得しているのですが、今はページングするたびにAjaxで次ページの情報を取得する動きとなっています。 マニュアルのオプションを一通り見てみましたが自分では見つけられませんでした。 https://datatables.net/...
0
1 回答
1,895 閲覧数

bootstrap4 を利用して drawer-menu の drawer-dropdown-menu の動作のさせ方

以下のサンプルコードように bootstrap3 で実行すると上手く動作するのですが、bootstrap4 で動作させるとエラーが発生してしまいます。 具体的には、bootstrap3.3.7 の代わりに、bootstrap4.1.3 と popper1.14.6 を導入してみましたが、以下のエラーが発生します。 このエラーを取るにはどうのように対応するべきなのでしょうか? そもそも ...
1
1 回答
3,298 閲覧数

小数以下の桁数チェックを行いたい

https://docs.microsoft.com/ja-jp/aspnet/core/tutorials/first-mvc-app/validation?view=aspnetcore-2.2 上記のチュートリアルに従って実装しました。 [Column(TypeName = "decimal(18, 2)")] public decimal Price { get; set; } ...
1
0 回答
230 閲覧数

jQuery3.2.1で要素の大きさ(width, height)を拡大縮小するアニメーションの実装。

jQueryである要素を一定の間隔で拡大縮小(膨らんだり、縮んだり)を永続的にさせる効果を実装したいのですが。 思うように動かず困っております。 jQueryもですし、Javascript自体触ったばかりで初歩的な内容で申し訳ありません。 対象の要素:btn1 CSS:width: 300px;,height: 60px jQueryコード: $(function () { ...
0
0 回答
646 閲覧数

JQueryのライブラリTABLEのヘッダ固定表示 fixedTblHdrLftColの使い方を教えて下さい

本件、2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)の案件を達成するための課題から派生した問い合わせです。 TABLEのヘッダと左の列を固定表示(スライドバーを操作しても)する動作を達成したいです。fixedTblHdrLftColというプラグインを用いて対応しようとしており プラグインをご提供頂いた方のサイトと、...
0
1 回答
321 閲覧数

javascriptで変更した値がブラウザの戻るでおかしくなる。

AページとBページがあり Aページで、ajaxで「その値」を1から2にしたとします。DBはその値は2です。 その後、Bページへ移動して、 ブラウザの戻る、端末の戻る(特にANDROID)で戻るとAページの値が1になってしまいます。 私がやりたいのは、とある値を「2」と表示させたいです。 かいけつさくとして ブラウザの戻る、端末の戻るのイベントを取得して、その値をAページに持っていき、...
0
1 回答
8,475 閲覧数

javascriptで画像が存在するかどうか判定したい

javascript初心者です 画像が存在するかどうか判定し、存在すればその画像のパスを配列に格納する関数を作っています 画像はpicture1.png、picture2.png、picture3.pngのように連番で存在しています HTMLImageElement オブジェクトを作成して画像のパスを挿入し、 ...
0
0 回答
388 閲覧数

2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)

OVERFLOWを設定したDIVの中にデータ表示用のテーブルBを格納しています。 また、Bテーブルのヘッダ情報を常に上段に表示しておきたいので、上記のDIVの上に別DIVを定義し、この中にAテーブルを収めました。 テーブルのTDにwhite-space: nowrap;のスタイルを定義していますが、テーブル自体に特段スタイルを定義していません。それ故、 ...
1
2 回答
916 閲覧数

Highchartsの初期表示の際のアニメーションを変えたい

Highchartsでは標準で円グラフのパイが中心から放射状にアニメーションしますが、これを止めたいです。何か方法をご存知ありませんか?
-4
1 回答
225 閲覧数

ただのリスティング運用者がグーグルから次のように言われて何をすれば良いでしょうか?

皆さま、お世話になります。また予め御礼申し上げます。 HPをリニューアル致しました。そこで のような「機能していないリンク先」つまりプログラムに機能していないリンク先が有るよ、と言われ、広告とソースが連動せず広告が表示出来ないで困っているのですが、平気でプログラムのド素人さんに難しい事を言ってくるグーグルの社員さん達の言う通りにするには何をすれば良いのでしょうか?(尚、...
0
2 回答
2,168 閲覧数

JavaScript(JQuery)がSyntaxエラーを招いているが理由を特定できない(Eclipse上)

超がつくほどの初心者です。 画面上に配置された一つのチェックボックスの変化で動作させる処理が 他の項目(主にINPUT type=text)の変化でも、動作させる必要があることに気が付きました。 その処理をFunctionにして、チェックボックスの変化だけでなく、他の項目の変化でも呼び出すようにしようと考えています。 function updRenew () { // ...
0
1 回答
334 閲覧数

angular2以降のイベント補足について

angular2にて、[innerHTML]で埋め込んだaタグのクリックイベントを取得したいのですが、良い方法がありましたら教えて頂けると幸いです。イメージ的にはjqueryのイベント補足のような感じです。 $(document).on('click', '#id', function (event) { // 処理 } よろしくお願い致します。
0
1 回答
482 閲覧数

ページの一部分処理を維持して、他のページに移動しても変わらない方法はありますか?

サイトのheader部分に全サイトのfont-sizeが選択できるメニューを作ります。 [S][M][L]で分けて、それぞれ押すとサイトのfont-sizeが変わります。 そして、他のページに移動してもfont-sizeは選択したまま維持する。 一応jQueryで単ページのcss変更はできましたが、他のページにクリックしたらfont-sizeリセットされます、何かいい方法はありましょうか?
0
1 回答
448 閲覧数

リンク先の検索結果を表示する方法

djangoでwebアプリケーションを作成しています。 <a href=#>sample</a> というコードがあったとします。このときこのリンクがクリックされるとあるサイトの入力formでsampleと検索されてその検索結果を新しいタブで開く、という挙動をするコードを考えています。 しかしどのようなコードを書けばいいのかわからずに困っています。 ...
0
1 回答
831 閲覧数

ajax繰り返し後の処理

下記コードにてABCの順に関数を実行しており、Cにのみajaxの繰り返し処理が含まれています。 Cのajax処理終了後に最後の仕切り線 console.log("---"); が実行される想定ですが、 仕切り線が実行されてからajaxのログが流れます。 console.log("---"); funcA(); funcB(); funcC(); console.log("---"); ...
0
0 回答
68 閲覧数

SweetAlert2でgooglemap apiを使用する方法

<script> swal({ html: <div id="hoge"></div> }); $(function () { $("#hoge").css({ "width": "500px", "height": "500px", }); ...
1
2 回答
967 閲覧数

ajaxで取得したhtmlのhead内を操作したい

jQuery(3.3.1)のajaxで得たhtmlデータのhead内に対して操作をしたいです。 以下のようにscriptタグ内に書かれたjsを表示しようとしましたが、コンソールに何も表示されません。何が原因なのでしょうか? (もちろんですがドメインは一緒で他のディレクトリのページです) $.ajax({ type: "GET", url: targetUrl, ...
1
2 回答
9,449 閲覧数

前後を指定して間の文字列を出力

前と後ろの文字列を指定して、その間にある文字列を抜き出したいです。 例 const str = "あいうえおかきくけこさしすせそ"; const before = "あいうえお"; const after = "さしすせそ"; //出力: "かきくけこ" 正規表現などを使えばいいのかなと思いつつも書き方が分からないので教えていただきたいです。(正規表現使わない方法でも全然いいです) ...
2
1 回答
8,381 閲覧数

JQueryでテーブルを検索してヒットした行のみ表示する

テキストボックスにonkeyupで以下のSearchが呼ばれるとします。 Searchの中で目的のテーブルを捕まえています。 このキーワードにヒットする行のみ表示で、他の行を非表示にするコードを教えてください。 function Search($this) { var keyword = $this.value; var rows = $("#...
1
2 回答
1万 閲覧数

次の要素へフォーカスを移動(タブキー押下をエミュレート)したい

エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作(次の要素へフォーカス移動)を行いたいです。 例えば、以下のコードで試したところ、keyup(keyCode = 9)のイベントはトリガーされますが、フォーカスは移動しませんでした。このような key* 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。 代替手段としてどのような方法があるでしょうか?...
0
1 回答
165 閲覧数

Jsonの中にある情報の取り出し方を知りたい

productsの中にあるproduct_idの番号を取得してnameやmain_imageを取得してJqueryで表示させたい場合、どのような記述が必要なんでしょうか。おしえてください。 { "products": [ { "product_id": "11", "product_code_min": "inf02", ...
2
2 回答
279 閲覧数

配列同士で後方一致しない要素を出力したい

a,b 2つの配列のそれぞれの要素が後方一致するかを比較し、 a,b両方で存在したもの(後方一致) aの配列内でbに無い要素(後方一致しないもの) bの配列内でaに無い要素(後方一致しないもの) をそれぞれ出力したいです。 出力例としてはこんな感じにしたい const a = ["http://abc/","http://abc/def/","http://ghi/"]; const b =...
0
1 回答
713 閲覧数

JavaScriptのイベント系デバッグ作業 ステップ実行を試せるのか知りたい

本件は自身掲載の前回の案件に引き続き、JSの大変初歩的な質問です。 当初当方は以下のコーディングをクリックイベント自体の意味合いと解釈してしまっていたのですが、≪対象要素へイベント内容を登録する意味合いが本来≫、と理解を改めることができました(.onclick=の記載で確かにそうだ、と納得)。 document.addEventListener("DOMContentLoaded", ...
2
2 回答
3,040 閲覧数

外部JSファイルの読み込み位置次第で 挙動が変わることについておさらいしたい

本件、恥を忍んでお聞きします。JSについて、一から出直そうと考えていて document.getElementById("text-button").onclick = function() { document.getElementById("text").innerHTML = "クリックされた!"; console.log("You're getting ...
3
2 回答
307 閲覧数

IE11 全角文字を設定した input 要素を追加すると input イベントが発生するのを抑止したい

入力要素の input イベントハンドラをあらかじめ設定している状態で、動的にテキスト要素を追加すると、value に全角文字が含まれている場合、IE11 で input イベントが発火してしまいます。他のブラウザや、テキストに全角文字が含まれていない場合には input イベントは発生しません。 「要素の追加後に input イベントハンドラを後から追加する」...
0
1 回答
77 閲覧数

jQueryで追加したリストのidに対しどれをクリックしても一番最後の値が出力

jQueryで以下のようなプログラムを作成しました。 それぞれの"#no"+番号のdivをクリックした場合に、押したdivの番号のnameをアラートで表示させるプログラムです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-...
0
1 回答
4,875 閲覧数

jQuery でプルダウン項目(option 要素)を追加する際に選択状態の設定をしたい。

お世話になります。 フォーム系のページの作成で行き詰まった事がありましたのでご質問させてください。 あるフォームで各項目に対して入力をおこない次のページに遷移します。 そして遷移先から元のページに戻った際、一度入力したセレクトボックスや プルダウンボックスに対して初期値やすでに選択した値を保持して再表示したい場合があるかと思います。 今回、動的に値を取得するプルダウン項目(option要素)...
0
1 回答
2,514 閲覧数

jQueryのクリックメソッドを、クリックせずに呼び出したい

下記のようなコードがあるのですが、 $('.hoge').on('click',function (e){ //中略 }); クリックせずに、クリックしたものとして呼び出すには、どう書けば良いですか? ・下記では駄目ですか? $('.hoge').trigger('click'); 具体例を追記しました ・下記でボタンクリックせずに、"hoge clicked!"...
0
1 回答
4,036 閲覧数

SweetAlert2で改行コード(/n)がブラウザで改行されない。

Sweetalert1を使用していたときはこのコードで問題なく改行されていたのですが、 SweetAlert2にしてからはブラウザのtextの欄に/nがそのまま表示されてしまい、改行されなくなってしまいました。/nを(/n)にしてみたりもしたのですが、治りませんでした。 どうすれば正常に改行されるようになるのでしょうか? swal({ title: "Hello!", text: "Hello/...
0
1 回答
80 閲覧数

jQuery で animate させているのに HTML に変化がない

$(function() { var duration = 300; $('#buttons1 button:nth-child(-n+4)') .on('mouseover', function() { $(this).stop(true).animate({ backgroundColor: '#ae5e9b', color: '#...
1
2 回答
97 閲覧数

jquery class追加の件

jqueryの質問です。 下記のhtmlを<br>が付く時だけclassを自動で追加したいのですがどうすれば良いでしょうか? 追加したいclassは、3つです。 <ul id="menu"> <li><a href="menu01">りんご<br>アップルパイ</a></li> <li><a ...
0
3 回答
2万 閲覧数

jqueryで<td>~</td>の値を取得したい

下記のようなtableがあります。 <table> <tr><td>a</td><td><a href="#" onclick="onClick();">link</a></td></tr> <tr><td>b</td><td>...
1
1 回答
141 閲覧数

画面が切り替わるプログラムとページがめくれるプログラムをひとつのプログラムにまとめたいです

いつも大変お世話になっております。 HTML、css、jQueryの初心者です。 会社からの指示でホームページを作成することになりました。 作成時間は業務時間外で休日を使うしかない状況です。 デザインはできたのですが、プログラムで大変苦戦しています。 どうぞ宜しくお願いいたします。 やりたい処理の流れです。 (1)最初の画面をクリックすると次の画面が表示される (2)...
0
1 回答
599 閲覧数

jQueryのOneBook3dを使ってページをめくりたいです

HTML、css、jQueryの初心者です。 会社からの指示でホームページを作成することになりました。 作成時間は業務時間外で休日を使うしかない状況です。 デザインはできたのですが、プログラムで大変苦戦しています。 メモの画像をjQueryの機能でページがめくれるようにしたいです。 以下の状況なのですが何も表示されません… どうぞ宜しくお願いいたします。 ■jsフォルダに入っているファイル ...
0
1 回答
1,619 閲覧数

changeイベント機能OFF後の再登録について。

下記のソースに対して appendボタンクリック後、 btn2をクリックしたときにchangeイベントの機能をOFFにした後、btn3をクリックすれば changeイベントの機能をonにし、チェックボックスの値を変更したらその値を表示するようにしたいのですがうまくいきません。どう修正すればうまくいきますでしょうか。 <body> <button id="btn1">...
0
1 回答
1,202 閲覧数

本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」を使いたいです

以下プログラム内の、p.noteの画面いっぱいに表示されている画像の上に #flipbookというページがめくれる効果をもつノートを中央に表示させたいのです。 いろいろと調べ試してみたのですが、p.noteの下にめくりたいページが12個並んで表示されるだけです… お手数をおかけし申し訳ございませんが、どうぞよろしくお願いいたします。 <!DOCTYPE html> <...
0
1 回答
883 閲覧数

jQueryで画像の表示・非表示を切り替える方法について

はじめまして! HTML、Javascript、jQueryの初心者です。 以下のプログラムで、 最初にimage/1.jpgが表示され マウスをクリックすると image/2-1.jpgが表示されるようにしたいのですが 最初の画面から変わりません… 3時間ほどサイトを見てあれこれ試したのですがだめでした。。 どうぞよろしくお願いいたします。 <html> <head> ...
0
2 回答
310 閲覧数

ページ読み込み時にタブ切り替え

回答ありがとうございます。 $(document).ready(function(){ $('.tabs > .c').trigger('click'); }); $(function(){ // タブをクリック時 $('.tabs > div').click(function(){ $('.tabs > div,.tab_content')....
1
1 回答
364 閲覧数

jQuery click() と .on("click") の使い分け

(a) $("p").click(function () { alert('click1'); }); (b) $("p").on("click", function () { alert('click2'); }); (a) と (b) の動作はどちらも同じだと思いますが、内部的な処理に違いはあるのでしょうか。 ・処理効率 ・メモリ使用量 などそれぞれにメリット、...
1
1 回答
310 閲覧数

jQuery .on() のセレクタの書き方について

(a) $(document).on("click", "div p", function () { alert('hoge1'); }); (b) $("div").on("click", "p", function () { alert('hoge2'); }); (c) $("div p").on("click", function () { alert('hoge3'); }...
0
1 回答
694 閲覧数

.offset().topについて

・jQueryの.offset().topは、ドキュメントの左上からのy軸方向の距離とかいてあったのですが、JavaScriptの.offsetTopプロパティのオフセットと意味は異なるのですか? ・offsetParent ノードかどうかは関係ない??
1
0 回答
256 閲覧数

three.jsで表現したパーティクルの集合図形を整列させたい。

以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。 リンク コード内にもありますが、集合する図形の座標情報はstlの3dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。 しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
0
1 回答
847 閲覧数

Railsのajaxで正しいcreate.js.erbの書き方が分からない

表題の通り、railsでajax通信を実装しようとしているのですが、create.js.erbの書き方で躓いています。 create.js.erbは以下の様になっています。 $("#likebutton").html("<%= button_to post_like_path(@post.id,@like.id), method: :delete, remote: true do %&...
0
0 回答
460 閲覧数

jQueryで値変更を検知する方法について教えて下さい

jQueryを最近使い始めた者です。 jQueryでテキストボックスAの値が変更された時(入力ではなく)に、 別のテキストボックスBを初期化したいのですが、こうした時、普通は、 Aの値を変えた時に、 $('#fld_A').val('12345').change(); というように敢えてイベントを発生させて入力した時と同じように $('#fld_A').on('change', ...
1
1 回答
7,587 閲覧数

jquery の ajax 通信で json データを複数同時に取得したい

jqueryのajax通信にてjsonデータを複数同時に取得する関数を作成したいと考えております URLとパラメータの連想配列を配列requestに格納し、 格納されている分だけgetDataMultipulメソッドにて実行 全て取得した後に、処理を続行させる形の作りを検討しているのですが、 whenで並列実行する方法と その結果を一度に取得し、配列に格納する方法が思いつかずやなんでおります。 ...
0
1 回答
1,316 閲覧数

スライドアウトでスライドが入れ替わり、若干ズームアウトしつつ画像が表示されるスライダーの制作

以下のようなスライダーの制作をしたいのですが、良いプラグインなどご存知の方はいらっしゃらないでしょうか。自作を試みたもののさっぱり出来上がりませんでした。 スライドアウトでスライドが入れ替わる 若干ズームアウトしつつ画像が表示される 参考サイト:スライダー参考サイト 上記2点以外の要素の実装はしません。 スクラッチが難しそうなので可能であればプラグインを改変する程度で済ませたいと考えています。...
1
1 回答
1,481 閲覧数

Sliderを斜めに表示する方法

ホームページ上でスライドバーを斜めに表示したい。 イメージとしては値が大きくなると、右上に上がっている様子を示したい。 (最終的に別で作った棒グラフと、融合させたいなと思っています) スライドバー自体を横と縦に設置する方法は、 下記のHPを参考にして問題なくできました。 (初期値 0 最小値0 最大値5 移動値1) http://alphasis.info/2011/06/jquery-ui-...
0
2 回答
2万 閲覧数

画面が閉じられるイベントの察知方法を教えてください。

皆様いつも御世話になっております。 JQuery・JavaScriptのいづれかで、自画面が閉じられるイベントの察知方法を教えてくださいませんか? この察知を行った中で //親画面で無効化したイメージボタンを有効化 window.opener.$(".cdsrch").prop("disabled", false); を達成したいです。 あるデータ受付用の画面はTableの明細を有しており、...

1
4 5
6
7 8
13