[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
103
未回答やベストアンサーなし質問
0
票
1
回答
151
閲覧数
Tampermonkeyでyoutubeのチャンネル名を取得する方法
前提・実現したいこと
youtubeで特定のチャンネルだけ見れるようにしたく、Tampermonkey(Javascript)でyoutubeのチャンネル名を取得し、それがホワイトリストのものと適合しなかったらウインドウを閉じる(見えなくする)というコードを動かそうとしています。
tampermonkeyのコードが転がっていたので流用したかったのですが、正しく動きません。
発生している問題・...
0
票
1
回答
192
閲覧数
asp.NET MVC ローカライズの多言語切り替えボタンをつけたい
環境 ASP.NETMVC C# HTML CSS jquery3.3.1 postgres4
https://qiita.com/yuu-eguci/items/40f171dff0f8c2cb4748
以上の記事を参考に多言語切り替えのボタンを装着してみたところ
javascriptのajaxが反応しなくなり、DBのデータが取れなくなりました。
htmlの記述はローカライズできました。
...
0
票
0
回答
157
閲覧数
jquery3.3.1でのモーダル画像にプラスマイナスボタンをつけて拡大縮小を行いたい
プログラミング初心者です。
モーダルの画像にプラスマイナスのボタンをつけて拡大縮小したいです。
調べたところviewer.jsなどのプラグインを導入するとできそうなのですがやり方がわかりません。
教えていただける方いましたら
よろしくお願いいたします。
jquery3.3.1
[html]
<div>
<img class="img-thumbnail" ...
0
票
1
回答
482
閲覧数
Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。
やりたいこと
最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。
その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。
さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。
問題点
...
0
票
1
回答
88
閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0
回答
762
閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
0
回答
431
閲覧数
ajax、jquery.dialog を使用したダイアログを表示させたい
■問題
ajax通信により、サーバからレスポンスを受け取った後、jquery.dialog を使用したダイアログを表示させたいです。
以下ソースコードになります。
■実施した事
以下ソースコード(javascliptの.done(function(data){}部分)で、dialog が動作するか確認した所、ブラウザ上にダイアログは表示されず、管理ツール上でエラーが表示されていました。
...
0
票
0
回答
106
閲覧数
form送信ボタン押しても現在の表示がキープできるようにしたい。
formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。
&...
0
票
0
回答
833
閲覧数
時間入力フォームに現在時刻を自動入力したい
前提・実現したいこと
jQueryで実装しています。
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。
時間形式は「11:20」のようにしてます。
発生している問題・エラーメッセージ
...
0
票
1
回答
183
閲覧数
ページをスクロールするとチェックを外す
HTML&CSS,JavaScriptについて質問です。
HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。
JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。
どこが悪いのか教えてください。
HTML
<input type="checkbox" ...
0
票
1
回答
162
閲覧数
bootstrapのdropdownで選択した画像を別の要素に表示させる方法
以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。
コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。
よろしくお願いいたします。
$(function() {
$('.dropdown-menu .dropdown-item').click(function() {
var ...
0
票
0
回答
878
閲覧数
JavaScriptで絞り込み。テーブル全体を絞り込み
JavaScript(jquery)での絞り込みにトライしており、ご教示いただけますでしょうか。
一番下のコードのようにリストタグでの絞り込みはできますが、以下のテーブル全体を表示したり、非表示はできないのでしょうか?(赤のセレクトボックスを選択する場合、一度のテーブル全体を表示したまま、かぼちゃ、キウイのtableは非表示とする。)
<table border="1">
&...
0
票
0
回答
104
閲覧数
fullcalendarでdayclickした際に時間計測が出来るタイマーの様な画面に遷移させたい
お世話になります。
現在jqueryのプラグインであるfullcalendarを使用してcalendarを実装しています
そこで下記の様な問題に直面しています。
①dayclickをすると、他のJSファイルが呼び出される様にしたいが出来ない
※$.getscriptを使用し、jsファイルを指定しても404ステータスが表示される
$(#calendar).fullCalendar({
...
0
票
0
回答
300
閲覧数
hiraku.jsのドロワーメニューが、ページ変遷後にも閉じないです。
該当ページ
LPを作成しています。スマホサイズでhiraku.jsのドロワーメニューが出ます。
が、ドロワーメニュー内のページ外リンクを踏んで作成中のページに戻ると、
ドロワーが表示されたままになります。これを解消したいのです。
ディベロッパーツール上では現象が再現されずスマートフォン実機で見ると、
上記現象が起きます。
ドロワー内の一番上のロゴのリンク先(弊サイトトップページ)から
...
0
票
0
回答
130
閲覧数
AdminLTE 要素の範囲外をクリックした際に、指定のクラスを外す方法
AdminLTE を使用しています。
AdminLTEの機能で、
<a href="#" data-toggle="control-sidebar"></a> をクリックすると、
<aside class="control-sidebar control-sidebar-light"> に自動で、
control-sidebar-openクラスが付与され、
(...
0
票
0
回答
216
閲覧数
ajax JavaScriptにfor文を埋め込みたい
下記の様な書き方は可能でしょうか?
doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。
上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。
Ajax
$(function(){
$('#ajax').on('click',function(){
$.ajax({...
0
票
0
回答
115
閲覧数
foreach内での非同期通信での表示結果に関して
下記のコードのように日報の各項目のあるテーブルを作成しておりまして、
foreachで各auto_id(各日報毎のid)をtableで一覧で表示しております。
そこでjQueryでlikeButtonというクラスをクリックしたらajaxで非同期で
いいねの数が表示されるという実装を行なっています。
jQueryで.load('sales_reportSP.php .like_result')...
0
票
0
回答
252
閲覧数
jQuery モーダルを自動で消えるようにした後、再度ボタンをクリックできるようにする方法
3秒たったらモーダルが自動で消えるように設定したのですが、
自動で消えた後$(modal).removeClass('SlideIn');$('body').removeClass('lock');
をして、再度削除ボタンを押せるようにしたいのですが、
removeClassにならず、削除ボタンをクリックすることができません。
下記の2つを試してみたのですが、うまくいきませんでした。。
...
0
票
0
回答
63
閲覧数
jQueryでのif文の使い方
初心者です。
現在WEBページの改修作業を行っています
あるリンク先からGETして別のページにタイトルやリンクを張りたいのですが、
タイトルの中身にある文字列が存在する場合、それを取得しない(記載しない)という
if条件分岐の書き方がわかりません
ご教示お願いします
$.ajax(
{
type: 'GET',
dataType: 'xml',
...
0
票
0
回答
1,004
閲覧数
イメージマップのレスポンシブ対応がうまくいかない
既存サイトで固定横幅で正常なイメージマップをレスポンシブ対応しようとしているのですが、以下のようにやってもブラウザの横幅を変えた時にイメージマップの縮小に対応してリンクエリアが追従されません。(以下書き直します)
■script部分
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/...
0
票
0
回答
75
閲覧数
メガナビゲーションの高さ、グローバルナビのマウスオーバ時の色について
お世話になっております。
掲題の件で質問させていただきます。
メガナビゲーション内を左右に分けたい場合、以下のコードで実施しましたが高さを固定しないとロード時に背景色が表示されないことがあります。
この場合の回避方法をご教示お願いいたします。
また、グローバルナビのリストにマウスオーバ時に色が変化しますが、メガナビゲーション内にカーソルを移動すると色が保持できません。
...
0
票
1
回答
188
閲覧数
hiraku.jsで作成したスマホメニューのリンクで、リンク押下時ページ内スクロールが正常に動作しない
前提・実現したいこと
ドロワーの作成にjsプラグイン「hiraku.js」を使用しているのですが、スマホメニューのリンクの挙動がおかしく、困っています。
hiraku.jsを使用したことがある方、似たような事例で詰まった経験のある方いましたら、
正しくナビゲーションを設置する方法をご教授いただけましたら幸いです。
なお、ナビゲーションはページ内遷移(リンク位置にスクロール)となります。
...
0
票
1
回答
235
閲覧数
マウスホイールスクロールのスピード調整に関して
スクロールをするときのスピードを遅くするために下記を設定しました。
FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。
何か記述間違いありますでしょうか?
現在の状況です。
http://footmarkdays.web.fc2.com/test2/
<script>
var scrolly = 150;
var scrollySpeed =...
0
票
1
回答
67
閲覧数
関数をjQueryのcssのメソッドで使いたいです
const color1 = "red"
$(`.shape${i}`).css(`"background-color", "${color1}"`)
と書きましたが 実際ブラウザでみると効いていません。色々ググりましたが見つけられませんでした。
よかったらお力借りたいです。おねがいします。
0
票
0
回答
588
閲覧数
JQueryのライブラリTABLEのヘッダ固定表示 fixedTblHdrLftColの使い方を教えて下さい
本件、2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)の案件を達成するための課題から派生した問い合わせです。
TABLEのヘッダと左の列を固定表示(スライドバーを操作しても)する動作を達成したいです。fixedTblHdrLftColというプラグインを用いて対応しようとしており
プラグインをご提供頂いた方のサイトと、...
0
票
0
回答
329
閲覧数
2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)
OVERFLOWを設定したDIVの中にデータ表示用のテーブルBを格納しています。
また、Bテーブルのヘッダ情報を常に上段に表示しておきたいので、上記のDIVの上に別DIVを定義し、この中にAテーブルを収めました。
テーブルのTDにwhite-space: nowrap;のスタイルを定義していますが、テーブル自体に特段スタイルを定義していません。それ故、
...
0
票
1
回答
275
閲覧数
条件分岐の表示について
条件分岐について質問です。
現在、inputタグのcheckboxでクリックしたvalueとその条件とあう商品を表示させる動きをしているのですが、
条件式の中にcandyとmeatがクリックされた場合、それに該当する物を表示するようにしているのですが、
前の条件で返されてしまうため、表示ができません。
どのような書き方をすれば解決するのでしょうか?
</html>
&...
0
票
0
回答
66
閲覧数
SweetAlert2でgooglemap apiを使用する方法
<script>
swal({
html: <div id="hoge"></div>
});
$(function () {
$("#hoge").css({
"width": "500px",
"height": "500px",
});
...
0
票
1
回答
329
閲覧数
Youtube iframe シークバークリック時にイベント発生
画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。
シークバークリック時にイベントを発生させる方法はありますでしょうか?
$(function () {
$(".ytp-progress-bar-padding").click(function () {
console.log("----")
...
0
票
0
回答
301
閲覧数
jQueryで値変更を検知する方法について教えて下さい
jQueryを最近使い始めた者です。
jQueryでテキストボックスAの値が変更された時(入力ではなく)に、
別のテキストボックスBを初期化したいのですが、こうした時、普通は、
Aの値を変えた時に、
$('#fld_A').val('12345').change();
というように敢えてイベントを発生させて入力した時と同じように
$('#fld_A').on('change', ...
0
票
1
回答
94
閲覧数
既存のjqueryに値を追加する
j$(document).ready(function(){
$('a[href^="#"]').click(function(){
var speed = 800;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var ...
0
票
0
回答
70
閲覧数
Deferredで括った関数の完了を待ってある動作を達成したい。
問い合わせ内容をよりシンプルにさせて頂きました。
関数:costGetは引数付きで動作する内容ですが、こちらの完了を検知して、その後の動作を達成したい場合、どういったこの関数の呼出し方を行えばよろしいのでしょうか?
https://qiita.com/opengl-8080/items/6eba7922be168edfc439
を参考にして、現在までに仕上げているコーディングは以下のとおりです。
...
0
票
1
回答
129
閲覧数
カルーセル(スライダー)について質問です。
スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。
なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。
main.js
var slideWidth="...
0
票
1
回答
720
閲覧数
fullcalendarの定期イベントdowの一部上書き(非表示)について。
fullcalendarのイベントについて行き詰っており質問です。
実現したいこと
1、国民の休日をgoogleから取得
2、スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。
3、会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。)
fullcalendar
下記コード
<...
0
票
0
回答
133
閲覧数
文字列から完全に一致するテキストにリンクを追加したい
文字列から完全に一致するテキストの色を変えたいのですがどのようにすれば良いでしょうか?JQuery初心者なので教えていただけると本当に助かります。よろしくお願いします。
リンクを追加したいテキスト:111
文字列:111, 112, 113
var searchTxt = '111';
var addLink = $(this).text().split(",");
$.each(txt,...
0
票
1
回答
161
閲覧数
テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている
ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。
INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を
コーディング済みです。
また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。
「A」のテキスト枠について、...
0
票
1
回答
95
閲覧数
.htmlの内容を、事前のalert動作有無次第で捉えられない、なんてことはありますか(JQuery)
皆様 いつも大変お世話になっております。
====質問====
Alert文の有無だけで、動作が変わってくる(配列の変数の内容が変わってくる?)ことなどあり得るか?あるとした場合、どういうケースで起こるか?
====詳細====
以下コーディングにあるdowntotalCalc関数が、初回に呼ばれた際のみ期待動作をしてくれません。
その関数内で、動作させたい根幹部分前に、Alert文を記載すると、...
0
票
0
回答
1,639
閲覧数
jQuery.ajaxを用いた通信での戻り値の問題
InstascanをもちいてQRコードを読み込み、その値をもちいて処理を行うプログラムを作成しておりJSON形式で値を得たいのですがphpの中身がまるごと返てきてしまっています(以下のエラーが出ます)。
SyntaxError: Unexpected token < in JSON at position 0
以下のajaxはInstascanで読み込んだあとに実行され、...
0
票
0
回答
3,005
閲覧数
WebSocketを使ったウェブアプリでの接続エラー
プログラミング初心者です。
現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。
room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
0
票
0
回答
425
閲覧数
動的にテキストをセットした場合のplaceholderの表示について
jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。
フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか?
...
0
票
1
回答
211
閲覧数
スワイプで出てくるサブメニューのライブラリはありますか?
スマートフォンのアプリでよくある、スワイプで出てくるサブメニューのjQueryライブラリはありますか?
0
票
1
回答
1,059
閲覧数
ファイル名を取得してサーブレットクラスに渡したい。
画面でテーブルに対して行をクリックし、黄色行になっている状態で「ファイル名取得ボタン」を押し、黄色行のファイル名をJavaのサーブレットクラスに渡したいと思います。テーブルに対して行をクリックし、黄色行にするとこまでできているのですが、ファイル名を取得してJavaのサーブレットクラスにファイル名を渡すコードをどう書くか分かりません。どう書けばよろしいでしょうか。
<!DOCTYPE ...
0
票
0
回答
184
閲覧数
jQuery BlackAndWhiteが利用できない
初めまして。
コーディング初心者で現在ホームページ作りをしているのですが、
画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。
念のためマウスオーバー前の画像を添付しておきます。
マウスオーバー前
このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
0
票
0
回答
347
閲覧数
JQueryのDatatableプラグインで、テーブルにaタグを追加したいです。
jQuery用のプラグイン、Datatable を使っています。
var setData = [];
// ループ
var tbledata = {};
tbledata.testA = "テスト";
var $inputdata = $('<input>', {
name: 'id',
value: "inputタグテスト"
...
0
票
0
回答
467
閲覧数
origin is not allowed by access-control-allow-originのエラーについて
monacaとniftymbaasを使ってアプリを作成しています。
アプリの作成を進めるにあたりエラーが発生するようになりました。
エラー内容としては、origin is not allowed by access-control-allow-originがアラートとして何度も発生してしまいます。
私のアプリはajaxを使っていまして、これが悪さをしているのではないかと思っています。
...
0
票
0
回答
155
閲覧数
jQuery プラグインが別のプラグインの動作に影響する件です。
前提・実現したいこと
1ページ内でOwlCarousel と Colorbox を使用しています。
そして、「Zoom」ボタンをクリックし 「Colorbox」を操作したあと、ポップアップ・ウィンドウを閉じたら、「OwlCarousel」のメイン画像部分が反復されます。
「Colorbox」を操作したあと、「OwlCarousel」...
0
票
0
回答
847
閲覧数
Highchartsで複数をグラフを表示し、同一HTMLで違うグラフをタブ切り替えで表示したい
Highchartsで掲題の表示を試みています。
graphA.addSeries()メソッドを使いループロジックを組み表示しましたが、最初のグラフAは上手く出来たのですが、グラフBはgraphB.addSeries()メソッドで以下のエラーになります。
NS_ERROR_FAILURE:
...Ga(Z,"dy",M)}P=Z}Ga(Z,C);b.appendChild(Z);z++;if(...
0
票
0
回答
1,153
閲覧数
Monaca/Onsen UI で jQuery での操作が出来ない場合がある
Onsen UIのタブバーテンプレートから開発を進めていますが
jQueryで要素にアクセスするのに困っています。
Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため
該当すると思われるコード箇所を記載致します。
他ページでは$(function () {〜による表示時のjQueryの実行もできています。
// Controller
...
0
票
1
回答
135
閲覧数
Evernoteアプリでmonacaデバッガとビルドされたアプリの差異をなくす方法
monacaプラットフォームで、HTML5+Javascriptベースで、Evernoteアプリの開発を行っております。
Evernoteのウェブサイト 上からリンクが貼られていた、GitHub のサンプルコードを参考に実装をしました。
https://github.com/evernote/phonegap-example/blob/master/HelloWorld/www/js/index....
0
票
1
回答
1,648
閲覧数
jQueryの横スクロールイベントについて
Jqueryを利用して、一定値を超えた場合にクラスを変更する処理を行いたいと考えています。
やりたい事
1:画面を横720px以下に縮小場合に、指定CSSを設定
2:画面を横721px以上にした場合も指定CSSを設定
確認したい点
画面を縮小した場合はイベントが発火するのですが、拡大した場合にイベントが発火しない為、どなたかご教授いただければ幸いです。
```
<body&...