Skip to main content

すべての質問

でタグ付けされた
130 件の質問
絞り込み
並べ替え
タグ付けされた
0
0 回答
27 閲覧数

ONE BOOK 3Dで特定のボタンの削除

ONE BOOK 3Dで特定のボタンを削除することはできますか。 jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。 jsは触っていません。 jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。 ▼削除したい両端のボタン
ねりねり's user avatar
1
1 回答
154 閲覧数

jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう

jqueryでdragしている間そのdivの内容の文字をtext()で変更すると resizeが出来なくなってしまうのです。 詳しくはsnipetで実行してみてください。 jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。 text()の代わりにhtml()にしても同じ現象が発生します。 変更した後にもう一度draggable()...
ほたく's user avatar
0
0 回答
120 閲覧数

入力した数値の単位を項目ごとに指定する方法

初めまして プログラミングを学んでいる者です。 どうやって実現すればいいかわからないので先輩方の力を借りたいです。 実現したいこと 各項目 A,B,C があって Aが追加されたら数値入力の単位を0.1ずつ増減できる Bが追加されたら数値入力の単位を0.5ずつ増減できる Cが追加されたら数値入力の単位を1.0ずつ増減できる というのを実現したいです。 HTML,Javascript,Jquery,...
初心者です's user avatar
0
1 回答
146 閲覧数

タブレットでChromeブラウザ でoption 要素が disabled しない

シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。 <select name="fruits"> <option value="peach" disabled>peach</option> <option value="apple">apple</...
Chihiro Japan's user avatar
0
1 回答
500 閲覧数

jQuery UIのSortableを用い、li要素並び替え後にも要素の情報を取得したい

現在Webaアプリケーションを作成しながらプログラミングの学習をしているものです。 jQueryのSortableを使用して、li要素の並び替えを行なっております。 下記のソースコードは、要素をドラッグして任意に並び替えた後、要素クリックでコンソールに、innerHTMLを出力するコードになります。 しかし、要素を並び替えた後、クリックすると違う要素の情報が取得されてしまいます。...
chihiro's user avatar
  • 59
0
1 回答
183 閲覧数

クリックした画像を変更したい

クリックした画像をコールバック関数とアニメーションを使って変更させたいです。 以下のコードだとリストの画像をクリックするとアニメーションは適用されているのですが、画像は初期値のsample1が表示され画像の変更ができないです。 どうすればクリックした画像に変更できるでしょうか? <body> <main> <h1>...
dolphincat's user avatar
0
1 回答
133 閲覧数

(this).scrollTop()の終了の仕方がわからない

普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。 どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。 やりたいこと ある高さまでスクロールしたら画像に追従用のclassを追加 上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す 画像が追従中、画像をクリックしたら追加したclassを外す(...
ththzuzu's user avatar
0
0 回答
249 閲覧数

リンクのアドレスを取得したい

拡張機能を作成しようとしています。 リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。 現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。 現時点でのコードです↓...
yushi's user avatar
  • 3
0
0 回答
1,593 閲覧数

JSONのデータを取得してHTMLの要素に入れたい

data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。) ...
新人類's user avatar
0
1 回答
222 閲覧数

ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?

私のサイトはiPadの様々な機種で閲覧することを想定しています。 タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか? JavaScriptかJqueryどちらかで調べたいと考えています。 使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
sttns's user avatar
  • 1
0
0 回答
547 閲覧数

親要素にTransformを指定した場合の画面固定について

ウェブサイトの制作初心者、初質問です。 ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、 サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、 zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。 @media ...
Azuver's user avatar
  • 1
0
1 回答
120 閲覧数

jqueryでサイドバーのリンククリックによるスムーススクロールをしたい

jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/ メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。 サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
sttns's user avatar
  • 1
0
1 回答
6,363 閲覧数

jQuery で $ is not defined とエラー表示される

jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。 <!...
Suzu's user avatar
  • 35
0
0 回答
872 閲覧数

選択された曜日によって表示する時間を変更したいです。

現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。 実現したいこと 選択された曜日によって表示する時間を変更したいです。 コードにも書いてありますが、 例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
tomoya takinami's user avatar
0
1 回答
291 閲覧数

jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。

神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。 おかしくなるあたりの流れは以下の通りです。 ・山札の配列作成 ・山札をシャッフル ・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする) ・tableタグをHTMlに反映 上記の流れの最後で反映させると、なぜかtdタグが二倍になります。 [...
ポルポラ's user avatar
0
1 回答
372 閲覧数

jQueryのクリックイベントのみ動かなくなりました

昨日まで正常に動いたコードが今朝動かなくなってしまいました。 selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。 しかしjsファイルの一番最後の行のclickイベントだけが動きません。 clickイベントの中にconsole.logを入れても何も表示されないため、...
ポルポラ's user avatar
0
1 回答
763 閲覧数

element.styleの値を取得できない

WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。 さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。 この「element.style」の値を取得する方法を教えていただけますでしょうか?...
Pei's user avatar
  • 1
0
1 回答
401 閲覧数

JavaScriptで.loadしたheaderにcssが適用されない

ホームページのheaderを <script> //共通パーツ読み込み $(function() { $("#header").load("components/header.html"); }); </script> で読み込み <div id="header"></div&...
murakami JOS's user avatar
0
1 回答
120 閲覧数

このJQueryは何をやっているんでしょう??

Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです. 端的にいいますと以下のコードは何をやっているのかがよくわかりません. if (totalPageNumber > 1) { /...
tmakita's user avatar
  • 1,088
0
1 回答
1,054 閲覧数

jQueryにてdiv要素にキー入力を代行させる方法

やりたいこと 下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか? 試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。 <div class="down"> <h1&...
スパーサー's user avatar
0
1 回答
528 閲覧数

jQuery .each() .find()を用いた特定要素、属性値取得について

jQueryを用いて、以下HTMLより 「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と class="boxlist_"内にあるclass="list_"分だけ繰り返しで、 特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。 なお、...
zagin's user avatar
  • 1
0
1 回答
127 閲覧数

jQuery でマウスホバー時に border を出したい

hoverしたときにspanタグにborderを出したいのですが上手くいきません。 どうすればうまくいきますか? <ul class="nav"> <li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
niniko's user avatar
  • 1
0
0 回答
1,035 閲覧数

twitterのOGP(サムネイル画像)を動的に変えたい

現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。 https://k49977.github.io/omikuji/ ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。 ...
user40231's user avatar
  • 325
0
1 回答
980 閲覧数

プルダウンが、うまく表示されません。

プルダウンメニューがうまく表示されません。 現状 プルダウンをクリックしても開きません。   実現したいこと ↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし) なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字) HTML <!DOCTYPE html> <html lang=&...
user42039's user avatar
0
1 回答
3,008 閲覧数

JavaScript の for 文でテーブルを作成したい

td { border: solid 1px; /* 枠線指定 */ } table { border-collapse: collapse; /* セルの線を重ねる */ } .cell { width: 100px; } .title_area { height: 30px; } .up_down_border { border-top-style: ...
user41855's user avatar
0
1 回答
1,009 閲覧数

Leaflet チェックボックスの判定をしてマーカーの削除をしたい。

Leaflet チェックボックスの判定をしてマーカーの削除をしたい 現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。 クリックする度に、ピンが立つので影がついていってしまいます。 東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。 分かる方、教えて頂きたいです。 <!DOCTYPE ...
アイス's user avatar
0
1 回答
229 閲覧数

JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる

前提・実現したいこと JavaScriptを学習中の初学者です。 JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。 発生している問題・エラーメッセージ 下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。 出力1: テスト1 出力2: <input class="waypoint"...
Nakamura Yuji's user avatar
0
0 回答
1,234 閲覧数

時間入力フォームに現在時刻を自動入力したい

前提・実現したいこと jQueryで実装しています。 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。 時間形式は「11:20」のようにしてます。 発生している問題・エラーメッセージ ...
楠瀬 大志's user avatar
0
1 回答
357 閲覧数

タブごとに別の計算結果を表示させたい

前提・実現したいこと 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 railsとjQueryを使用しており、機能は以下のようなものです。 ・タブ切り替えができる ・どのタブも同じ内容の計算フォームが表示される ・タブごとに時間入力でき、計算結果を表示させることができる なお、計算フォームは部分テンプレートで切り出しています。 発生している問題・...
楠瀬 大志's user avatar
0
1 回答
263 閲覧数

jQueryの処理後に追加したものをドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
朝陽のん's user avatar
0
1 回答
1,642 閲覧数

jQueryの処理後に追加したものをドラッグアンドドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
朝陽のん's user avatar
0
1 回答
228 閲覧数

bootstrapのdropdownで選択した画像を別の要素に表示させる方法

以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。 コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。 よろしくお願いいたします。 $(function() { $('.dropdown-menu .dropdown-item').click(function() { var ...
hirohiro2019's user avatar
0
1 回答
254 閲覧数

メガメニューのトグルがうまく行かない

ヘッダーにメガメニューを実装しようとしています。 下記スニペットのような実装をしているのですが、 初めて.nav(または.nav__item)をホバーした場合はslideDownで開く .nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え .navのエリアから出た場合はslideUpで閉じる ということがやりたいです。 .nav内にいる場合は.navに....
Aroma's user avatar
  • 121
0
1 回答
406 閲覧数

list.jsでソートしたらhtmlが消える

list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか... <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath....
RoXusNeXus's user avatar
0
1 回答
3,452 閲覧数

jQueryを使ってテーブルの複数行を表示、非表示にしたい

表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。 現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう) http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css ...
user36297's user avatar
0
1 回答
3,806 閲覧数

要素幅がそれぞれ異なるスライダーを作りたい

現在、Webサイトにスライダーを実装しようしているのですが、一つ目の要素が他の要素の約2倍になるようなものを作りたいです。(以下画像のようなイメージです) 有名なjsプラグイン(swiperやslickなど)でできないかやってみましたが、どうにもうまくいきませんでした。動きは下記サイトのような感じで、スムーズにしたいです。 https://liginc.co.jp/ ...
BЯuno's user avatar
  • 3
0
1 回答
218 閲覧数

Google ChromeでJavascriptのみでChromeアカウントのストレージにデータを記録する方法

HTMLおよびJavascript・jQueryで自作の統計記録ページを作成し、数値を変更するごとにChromeのローカルストレージに記録するようにプログラムを組みました(以下のようなもの) $('input[name="hoge"]').change( function(){ localStorage.setItem("hoge", $(this).val()) }) しかし、...
tha0144's user avatar
1
1 回答
584 閲覧数

外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?

外部リンクへ飛ばしたときに、リンク先のアンカーの位置がずれて表示されます。 リンク先のアンカーの位置がきちんと頭だしされるように調整したいです。 外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか? html,cssでできるのがよいですが、 できなければjs,jqueryでもよいです。 よろしくお願いいたします。
aqua's user avatar
  • 1,049
1
1 回答
2,436 閲覧数

CSSで無限に横スクロールできるメニューバーをつくりたい

CSSで無限に横スクロールできるメニューバーをつくりたいです。 自動でスクロールするものではなく、手動で動かすものを作りたいと考えています。 いろいろ調べたのですが、 このような自動でスクロールされるものではなく、手動の。つまり触らなければ全く動かない横スクロールメニューを構築したいです。 https://qiita.com/mk668a/items/e6e73c32b8a8f943c94b ...
yutamanxc's user avatar
0
1 回答
1,340 閲覧数

HTML入力フォームの途中で、自動保存する機能はどうやって実装?

HTML入力フォームの途中で、自動保存する機能について ・スタック・オーバーフローのフォームにも適用されているようですが、これはどうやって実装しているのですか? ・クライアント側で完結? ・サーバへ送信? データベースへ保存? ・何れでも良い? 色々なやり方がある??
re9's user avatar
  • 6,816
0
1 回答
443 閲覧数

jqueryのelse if文の条件分岐

iconName.indexOf('icon07.png') の画像データがある時は <option value="40610" selected=""> にselectのデータが入らない処理したいので、どうしても処理を発生しない条件がほしいです。 このようにコードを書いてもうまくいきません。 どのように改良すればいいでしょうか。 if(calendarId) { var ...
user25636's user avatar
0
2 回答
506 閲覧数

画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画を開始させたい

画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画開始 というコードを作りたいです。 現状、画像URLまたはローカルの画像ファイルをアップロードする形で、canvasに画像を描画することはできていますが、 $(function () { //input url $('#url').change(function () { var url = $('#...
C.V.Alkan's user avatar
0
1 回答
1,226 閲覧数

読み込んだ画像の範囲指定したところを黒く塗りつぶしたい

※いただいたコメントにより修正しました。 下記の機能を実装したwebサイトを制作したいです。 ・画像URLを入力またはアップロードで取得した画像をブラウザに表示する ・表示した画像にマウスカーソルをのせると、PhotoshopやIllustratorで言うところのペンツールのような機能を持ったツールA※1に切り替わる ・ツールAで三角形以上の多角形を作ると、その多角形の内側を黒ベタに塗りつぶす ...
C.V.Alkan's user avatar
0
1 回答
261 閲覧数

画像URL入力フォームの中身をリセットボタンでリセットしたい

フォームに画像URLを入力すると画像をプレビューするのと同時に、フォームのテキストとプレビューを消すリセットボタンが表示されるサイトを制作しています。 現状リセットボタンを押すと上記の条件は満たせるのですが、続けてフォームに画像URLを入力すると前の画像も一緒に表示されてしまいます。 入力すればするほど、前の画像、前の画像+前の前の画像…と、...
C.V.Alkan's user avatar
0
1 回答
820 閲覧数

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示する機能をHTMLとjQueryで実装したいのですが、ネットで調べても方法が分かりませんでした。 どなたか方法を教えていただけないでしょうか。 ネットで調べた結果、ローカルの画像ファイルをアップロードして表示する方法は見つけられましたが、外部の画像URLを入力する方法は見つけられませんでした。 ...
C.V.Alkan's user avatar
0
1 回答
2,473 閲覧数

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

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

SweetAlert2でgooglemap apiを使用する方法

<script> swal({ html: <div id="hoge"></div> }); $(function () { $("#hoge").css({ "width": "500px", "height": "500px", }); ...
loop's user avatar
  • 3
0
1 回答
175 閲覧数

要素(図面)をクリックしたらfadeOutさせたい

開発環境: Windows10 64bit ブラウザ:GoogleChrome 69.0.3497 エディタ:Brackets(リリース 1.13 ビルド 1.13.0-17696) 使用言語:HTML/CSS/Javascript/jQuery <概要> jQueryの勉強中です。 「Webページの図面(丸*1、四角*2)をクリックしたら、その図面がフェードアウトしていく」...
Nansin Yokota's user avatar
1
2 回答
1万 閲覧数

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

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

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

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