Skip to main content

すべての質問

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

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

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

IE9でローカルのファイルを読み込むことは可能ですか?

やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。 csvファイルを読み込むことを想定しています。 IE10以降ではFileAPIが使えるのですが、IE9では動きません。 下記のように書けばできるかと思いましたが、このコードは動きませんでした。 すいません、制約を書いてませんでした。 ...
0
2 回答
1万 閲覧数

テーブルに対して行選択するコードを書きたい

テーブルに対して行選択しているファイルをダウンロードボタンでダウンロードできるものを考えています。 まず行選択できるコードの書き方が分からなくて悩んでいます。行選択できるようにするにはどういったコードを追記すればよろしいでしょうか。 ソースは下記となります。 <!DOCTYPE html> <html lang="ja"> <head> &...
1
0 回答
576 閲覧数

HTML5 + Bootstrap + IE11 + Windows7にて、フォーカスを当てた時の挙動がおかしい

HTML5、Bootstrapにてページを作成しています。 IE11でテキストフィールドにフォーカスを当てた際に、謎の事象が発生しました。 1.枠線の影が消える 2.テキストフィールドの左上にグレーの影が表示される この現象は下記の環境で発生しています。 ・Windows7 Professional SP1(32bit) ・IE 11.0.9600.18537 (更新バージョン 11....
0
1 回答
256 閲覧数

チェックボックスを扱って時間を変更したい。

画面表示をしたときにデフォルトでは時間が9:00と表示され、 終了時刻のチェックボックスにチェックを入れたら22:00に切り替わり、チェックボックスを外したら21:00に切り替わるという実装をしたいと考えていますが上手くいきません。(画面表示をしたときにデフォルトでは時間が9:00というのはできてます。) どのように修正したらよろしいでしょうか。お願いいたします。 <!DOCTYPE ...
0
1 回答
3,489 閲覧数

要素を横一列で並べたい。

営業時間のラベルから二つ目の時間入力までの要素を画面が小さくなっても横一列にしたいと思っていますが上手くいきません。画面を小さくすると、ラベルと入力のテキストボックスが縦に並んでしまいます。どう修正したらいいのか教えていただいてもよろしいでしょうか。 【コード】 <!DOCTYPE html> <html lang="ja"> <head> ...
0
1 回答
1,420 閲覧数

Timepickerが機能しない。

画面に「Timepicker」の機能を実装中ですが上手くいきません。 入力ボックスに「11:00 PM」という表示はでているのですがボタンを押そうとしても何も機能していない形です。ボタンをクリックして時間を選べるようにするにはどう修正したらよろしいでしょうか。 以前から使っている「http://getbootstrap.com/getting-started/#download」...
1
1 回答
110 閲覧数

フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません

フォームのラベルをフォーカスされたときにinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません 今のソースコードはこのようになってますが問題があります 1つはフォーカスしていないときでもラベルが非表示になっていないことです。どのようにすればうまく実装できるのかわかりませんでした 2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。...
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 回答
1,054 閲覧数

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

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

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

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

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

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

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

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

テーブルの要素の並び順を入れ替えるボタンを作成したい

以下のように一番上の要素を一番下に移動させるようなボタンの処理を jQuery で書きたいのですが、どのような書き方をすればいいのでしょうか? 教えて頂けると助かります。 1   2   3 2   3   4 3 → 4  → 5 4   5   1 5   1   2 HTMLコード: <div class="contents contents--table"...
0
0 回答
1,593 閲覧数

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

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

ウェブサイトをどの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 回答
119 閲覧数

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

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

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

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

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

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

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

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

ホバーでの画面のゆれと画像の重なりをなくしたい

文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。 jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
3
2 回答
3万 閲覧数

ページを最初から指定の位置にスクロールする

こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。 このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか? 私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
1
1 回答
132 閲覧数

メニューをクリックするとメニュー文字が動いてしまう

メニューをクリックすると画像がメニュー文字の背後に出てくるものを作ったのですが、画像が出てくると同時に文字が左に押し出されてしまって不自然になってしまっています。z-indexで上下をいじってみたりしましたがよくわからず…わかる方ご教示していただけると助かります。画像が出てくるのはjQueryでクラスをつけたり消したりする処理をしています。 <!DOCTYPE html> <...
0
1 回答
372 閲覧数

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

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

動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい

クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。 cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。 コードは以下 <!DOCTYPE html> <html lang="ja"> <head> <meta ...
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 回答
564 閲覧数

wordpress上でのアコーディオンが動かない

前提・実現したいこと webサイト上でのアコーディオン実装 発生している問題・エラーメッセージ 質問をクリックするとその答えがスライドして表示/非表示されるはずが、 なぜかそうならないのです。 どういじれば、動きますか? 該当のソースコード htmlファイル <div class="container"> <div class=&...
0
1 回答
120 閲覧数

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

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

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

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

GoogleMap API ズームレベルによってマーカーを表示、非表示にしたい

GoogleMap API を使ってMapをカスタムをしています。 マーカーを複数表示したり、マーカーの種類を変える事は出来たのですが、 「ズームレベル」でマーカを表示・非表示する事が出来ないです。 例えば ズームレベル「16」~「1」の時は非表示で ズームレベル「17」以降になると表示される。 作成中のコードは以下になります。 どうかお力添えの程よろしくお願い申し上げます。 HTML <...
0
1 回答
137 閲覧数

Evernoteアプリでmonacaデバッガとビルドされたアプリの差異をなくす方法

monacaプラットフォームで、HTML5+Javascriptベースで、Evernoteアプリの開発を行っております。 Evernoteのウェブサイト 上からリンクが貼られていた、GitHub のサンプルコードを参考に実装をしました。 https://github.com/evernote/phonegap-example/blob/master/HelloWorld/www/js/index....
0
1 回答
224 閲覧数

sliderProスライド画像が少しだけ下がってしまう。

前回投稿したのですが、良い回答がいただけなかったので、再編集しました。 スニペットは拡大して確認していただけると幸いです。 まだ、スニペットでまだ表現できていない部分があるので合わせてわかる方ご教授お願いします。 1.スニペットでは<{section name=i loop=5}>が効いていません。本番環境ではループで画像を取得する処理が入っています。...
0
1 回答
561 閲覧数

bracketsでjqueryによるbgSwitcherプラグインを使用したいのですが、うまく適用できません

表題の件について、モニターの最上部にてフルスクリーンでの複数画像のスライドを行いたいのですが、 jsの読み込みが原因なのか、複数画像の相対パスの表示方法が違うのか、うまくできない状況です。 以下に、うまく表示されない原因ではないかと思われる箇所を3点表記しました。 js読み込みとして、htmlのheadに<script src="https://ajax.googleapis....
0
1 回答
127 閲覧数

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

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

動的に追加した要素にswiper.jsが効かない

jQueryで動的に追加した要素に対してswiper.jsでスライドを実装したいのですが、機能しません。 動的に追加した要素に対しての処理であることが原因と考え、以下のようにswiperのオプションのobserverをtrueとしましたが、それによってTypeErrorとなります。 ご教授お願いいたします。 HTML記述 <div class="detail"> <ul ...
-1
1 回答
5,238 閲覧数

この動作をSwiperで実現したい

解決方法が不明なので質問いたしました。下記のリンクのスライダライブラリを使用して 実現したいスライドがあります。 http://www.idangero.us/swiper/#.VpMcPRWLRsc その実現したいスライドは下記のサイトにあるようなものです。 ・メイン画像はスライド、クリックで変更できる ・その下に配置されたサムネイルからその画像を表示できる http://black-flag....
0
1 回答
3,801 閲覧数

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

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

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

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

jqGridでテーブルが表示できない。

jqGridでテーブルを表示したいのですが全くきれいに表示されていません。どこが原因となっているのでしょうか。 jQueryUI、jqGridに関しては下記をダウンロードして使用しています。 ・jQueryUI ( http://jqueryui.com/download/ ) ・jqGrid ( http://www.trirand.com/blog/?page_id=6 ) ...
0
1 回答
1,008 閲覧数

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

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

form送信ボタン押しても現在の表示がキープできるようにしたい。

formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。 &...
0
1 回答
979 閲覧数

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

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

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 回答
245 閲覧数

htmlとjqueryで入力フォームを作成、ページが呼び出されるごとに「No」の箇所に自動採番したい

以下の形で、各項目を作成して入力フォームが呼び出せれます。 この呼び出された際に、一番上の「NO」に、呼び出されるごとに 1、2、3、・・・・・・と受付番号を採番していきたいのですが、何かよい方法があれば教えてほしいです。 htmlやjquery初心者なので検索方法がいまいちピントこないです。宜しくお願いします。 <!-- 基本情報入力 --> <div id='...
1
1 回答
221 閲覧数

FooTableの利用について

現在スマホ用の画面構築で、テーブルを可変にする為に FooTableを利用しようとしています。 以下のサイトを参考にしてます。 http://www.webantena.net/javascriptjquery/plugin-footable/ ところが、肝心のソースが手に入りません。 というのも、ここに限らずどのサイトでも最終的にGithubから ダウンロードするように誘導されますが、...