すべての質問
130 件の質問
0
票
0
回答
27
閲覧数
ONE BOOK 3Dで特定のボタンの削除
ONE BOOK 3Dで特定のボタンを削除することはできますか。
jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。
jsは触っていません。
jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが
どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。
▼削除したい両端のボタン
1
票
1
回答
154
閲覧数
jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう
jqueryでdragしている間そのdivの内容の文字をtext()で変更すると
resizeが出来なくなってしまうのです。
詳しくはsnipetで実行してみてください。
jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。
text()の代わりにhtml()にしても同じ現象が発生します。
変更した後にもう一度draggable()...
0
票
0
回答
120
閲覧数
入力した数値の単位を項目ごとに指定する方法
初めまして
プログラミングを学んでいる者です。
どうやって実現すればいいかわからないので先輩方の力を借りたいです。
実現したいこと
各項目 A,B,C があって
Aが追加されたら数値入力の単位を0.1ずつ増減できる
Bが追加されたら数値入力の単位を0.5ずつ増減できる
Cが追加されたら数値入力の単位を1.0ずつ増減できる
というのを実現したいです。
HTML,Javascript,Jquery,...
0
票
1
回答
146
閲覧数
タブレットでChromeブラウザ でoption 要素が disabled しない
シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。
<select name="fruits">
<option value="peach" disabled>peach</option>
<option value="apple">apple</...
0
票
1
回答
500
閲覧数
jQuery UIのSortableを用い、li要素並び替え後にも要素の情報を取得したい
現在Webaアプリケーションを作成しながらプログラミングの学習をしているものです。
jQueryのSortableを使用して、li要素の並び替えを行なっております。
下記のソースコードは、要素をドラッグして任意に並び替えた後、要素クリックでコンソールに、innerHTMLを出力するコードになります。
しかし、要素を並び替えた後、クリックすると違う要素の情報が取得されてしまいます。...
0
票
1
回答
183
閲覧数
クリックした画像を変更したい
クリックした画像をコールバック関数とアニメーションを使って変更させたいです。
以下のコードだとリストの画像をクリックするとアニメーションは適用されているのですが、画像は初期値のsample1が表示され画像の変更ができないです。
どうすればクリックした画像に変更できるでしょうか?
<body>
<main>
<h1>...
0
票
1
回答
133
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
0
回答
249
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
0
票
0
回答
1,593
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
222
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
0
回答
547
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
0
票
1
回答
120
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
票
1
回答
6,363
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
0
回答
872
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
291
閲覧数
jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。
神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。
おかしくなるあたりの流れは以下の通りです。
・山札の配列作成
・山札をシャッフル
・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする)
・tableタグをHTMlに反映
上記の流れの最後で反映させると、なぜかtdタグが二倍になります。
[...
0
票
1
回答
372
閲覧数
jQueryのクリックイベントのみ動かなくなりました
昨日まで正常に動いたコードが今朝動かなくなってしまいました。
selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。
しかしjsファイルの一番最後の行のclickイベントだけが動きません。
clickイベントの中にconsole.logを入れても何も表示されないため、...
0
票
1
回答
763
閲覧数
element.styleの値を取得できない
WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。
さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。
この「element.style」の値を取得する方法を教えていただけますでしょうか?...
0
票
1
回答
401
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
0
票
1
回答
120
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
0
票
1
回答
1,054
閲覧数
jQueryにてdiv要素にキー入力を代行させる方法
やりたいこと
下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか?
試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。
<div class="down">
<h1&...
0
票
1
回答
528
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
1
回答
127
閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0
回答
1,035
閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
1
回答
980
閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
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: ...
0
票
1
回答
1,009
閲覧数
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
Leaflet チェックボックスの判定をしてマーカーの削除をしたい
現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。
クリックする度に、ピンが立つので影がついていってしまいます。
東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。
分かる方、教えて頂きたいです。
<!DOCTYPE ...
0
票
1
回答
229
閲覧数
JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる
前提・実現したいこと
JavaScriptを学習中の初学者です。
JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。
発生している問題・エラーメッセージ
下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。
出力1: テスト1
出力2: <input class="waypoint"...
0
票
0
回答
1,234
閲覧数
時間入力フォームに現在時刻を自動入力したい
前提・実現したいこと
jQueryで実装しています。
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。
時間形式は「11:20」のようにしてます。
発生している問題・エラーメッセージ
...
0
票
1
回答
357
閲覧数
タブごとに別の計算結果を表示させたい
前提・実現したいこと
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
railsとjQueryを使用しており、機能は以下のようなものです。
・タブ切り替えができる
・どのタブも同じ内容の計算フォームが表示される
・タブごとに時間入力でき、計算結果を表示させることができる
なお、計算フォームは部分テンプレートで切り出しています。
発生している問題・...
0
票
1
回答
263
閲覧数
jQueryの処理後に追加したものをドロップしたい
実現したいこと
予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。
ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。
また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。
困っていること
事前に作成してある要素(My Event1から5)...
0
票
1
回答
1,642
閲覧数
jQueryの処理後に追加したものをドラッグアンドドロップしたい
実現したいこと
予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。
ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。
また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。
困っていること
事前に作成してある要素(My Event1から5)...
0
票
1
回答
228
閲覧数
bootstrapのdropdownで選択した画像を別の要素に表示させる方法
以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。
コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。
よろしくお願いいたします。
$(function() {
$('.dropdown-menu .dropdown-item').click(function() {
var ...
0
票
1
回答
254
閲覧数
メガメニューのトグルがうまく行かない
ヘッダーにメガメニューを実装しようとしています。
下記スニペットのような実装をしているのですが、
初めて.nav(または.nav__item)をホバーした場合はslideDownで開く
.nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え
.navのエリアから出た場合はslideUpで閉じる
ということがやりたいです。
.nav内にいる場合は.navに....
0
票
1
回答
406
閲覧数
list.jsでソートしたらhtmlが消える
list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか...
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath....
0
票
1
回答
3,452
閲覧数
jQueryを使ってテーブルの複数行を表示、非表示にしたい
表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。
現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう)
http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css
...
0
票
1
回答
3,806
閲覧数
要素幅がそれぞれ異なるスライダーを作りたい
現在、Webサイトにスライダーを実装しようしているのですが、一つ目の要素が他の要素の約2倍になるようなものを作りたいです。(以下画像のようなイメージです)
有名なjsプラグイン(swiperやslickなど)でできないかやってみましたが、どうにもうまくいきませんでした。動きは下記サイトのような感じで、スムーズにしたいです。
https://liginc.co.jp/
...
0
票
1
回答
218
閲覧数
Google ChromeでJavascriptのみでChromeアカウントのストレージにデータを記録する方法
HTMLおよびJavascript・jQueryで自作の統計記録ページを作成し、数値を変更するごとにChromeのローカルストレージに記録するようにプログラムを組みました(以下のようなもの)
$('input[name="hoge"]').change( function(){
localStorage.setItem("hoge", $(this).val())
})
しかし、...
1
票
1
回答
584
閲覧数
外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?
外部リンクへ飛ばしたときに、リンク先のアンカーの位置がずれて表示されます。
リンク先のアンカーの位置がきちんと頭だしされるように調整したいです。
外部リンクへの遷移後に特定の位置までスクロールさせるにはどうすればいいですか?
html,cssでできるのがよいですが、
できなければjs,jqueryでもよいです。
よろしくお願いいたします。
1
票
1
回答
2,436
閲覧数
CSSで無限に横スクロールできるメニューバーをつくりたい
CSSで無限に横スクロールできるメニューバーをつくりたいです。
自動でスクロールするものではなく、手動で動かすものを作りたいと考えています。
いろいろ調べたのですが、
このような自動でスクロールされるものではなく、手動の。つまり触らなければ全く動かない横スクロールメニューを構築したいです。
https://qiita.com/mk668a/items/e6e73c32b8a8f943c94b
...
0
票
1
回答
1,340
閲覧数
HTML入力フォームの途中で、自動保存する機能はどうやって実装?
HTML入力フォームの途中で、自動保存する機能について
・スタック・オーバーフローのフォームにも適用されているようですが、これはどうやって実装しているのですか?
・クライアント側で完結?
・サーバへ送信? データベースへ保存?
・何れでも良い? 色々なやり方がある??
0
票
1
回答
443
閲覧数
jqueryのelse if文の条件分岐
iconName.indexOf('icon07.png') の画像データがある時は <option value="40610" selected=""> にselectのデータが入らない処理したいので、どうしても処理を発生しない条件がほしいです。
このようにコードを書いてもうまくいきません。
どのように改良すればいいでしょうか。
if(calendarId)
{
var ...
0
票
2
回答
506
閲覧数
画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画を開始させたい
画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画開始
というコードを作りたいです。
現状、画像URLまたはローカルの画像ファイルをアップロードする形で、canvasに画像を描画することはできていますが、
$(function () {
//input url
$('#url').change(function () {
var url = $('#...
0
票
1
回答
1,226
閲覧数
読み込んだ画像の範囲指定したところを黒く塗りつぶしたい
※いただいたコメントにより修正しました。
下記の機能を実装したwebサイトを制作したいです。
・画像URLを入力またはアップロードで取得した画像をブラウザに表示する
・表示した画像にマウスカーソルをのせると、PhotoshopやIllustratorで言うところのペンツールのような機能を持ったツールA※1に切り替わる
・ツールAで三角形以上の多角形を作ると、その多角形の内側を黒ベタに塗りつぶす
...
0
票
1
回答
261
閲覧数
画像URL入力フォームの中身をリセットボタンでリセットしたい
フォームに画像URLを入力すると画像をプレビューするのと同時に、フォームのテキストとプレビューを消すリセットボタンが表示されるサイトを制作しています。
現状リセットボタンを押すと上記の条件は満たせるのですが、続けてフォームに画像URLを入力すると前の画像も一緒に表示されてしまいます。
入力すればするほど、前の画像、前の画像+前の前の画像…と、...
0
票
1
回答
820
閲覧数
URL入力フォームに画像アドレス入力したらフォームの下に画像を表示
URL入力フォームに画像アドレス入力したらフォームの下に画像を表示する機能をHTMLとjQueryで実装したいのですが、ネットで調べても方法が分かりませんでした。
どなたか方法を教えていただけないでしょうか。
ネットで調べた結果、ローカルの画像ファイルをアップロードして表示する方法は見つけられましたが、外部の画像URLを入力する方法は見つけられませんでした。
...
0
票
1
回答
2,473
閲覧数
Ajaxのsuccess:functionでphp側からの複数の値を受け取る方法。
大変お世話になっております。
以下の例の様にAjaxを使い、php側でデータベースから抽出した複数の値を取得し、それらをhtml側のinputのvalueに設定し表示させようとしております。
しかしながら、Ajaxのsuccess:functionでの設定の方法が分かりません。
因みに、下記をsuccess:function($price1)と設定すると、a....
0
票
0
回答
73
閲覧数
SweetAlert2でgooglemap apiを使用する方法
<script>
swal({
html: <div id="hoge"></div>
});
$(function () {
$("#hoge").css({
"width": "500px",
"height": "500px",
});
...
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)をクリックしたら、その図面がフェードアウトしていく」...
1
票
2
回答
1万
閲覧数
次の要素へフォーカスを移動(タブキー押下をエミュレート)したい
エンターキー押下など、特定のイベント発生時にタブキー押下と同様の動作(次の要素へフォーカス移動)を行いたいです。
例えば、以下のコードで試したところ、keyup(keyCode = 9)のイベントはトリガーされますが、フォーカスは移動しませんでした。このような key* 系のイベントを手動でトリガーしてもフォーカスは移動しないと考えてよいでしょうか。
代替手段としてどのような方法があるでしょうか?...
0
票
1
回答
5,409
閲覧数
jQuery でプルダウン項目(option 要素)を追加する際に選択状態の設定をしたい。
お世話になります。
フォーム系のページの作成で行き詰まった事がありましたのでご質問させてください。
あるフォームで各項目に対して入力をおこない次のページに遷移します。
そして遷移先から元のページに戻った際、一度入力したセレクトボックスや
プルダウンボックスに対して初期値やすでに選択した値を保持して再表示したい場合があるかと思います。
今回、動的に値を取得するプルダウン項目(option要素)...