Skip to main content

すべての質問

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

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

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

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

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

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

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

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

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

jQueryでhtmlから取得した値をグローバル変数に代入して違うコードに渡すには??

webアプリを制作しているのですが、jQueryを使ってユーザがformで入力した値を以下のように取得しました。 <script> $('button').click(function () { // 選択ボックス m = $('#minute').val(); console.log(m); }); </...
wataru's user avatar
  • 1,133
0
1 回答
144 閲覧数

カルーセル(スライダー)について質問です。

スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。 なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。 main.js var slideWidth="...
敬西川's user avatar
0
1 回答
188 閲覧数

テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている

ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。 INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を コーディング済みです。 また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。 「A」のテキスト枠について、...
saya24's user avatar
  • 545
0
1 回答
621 閲覧数

画面中央(縦・横)に表示したいDIV要素が、左上に表示されてしまう原因・対策を知りたい

皆様 いつも大変お世話になっております。ネット上の記事を参考にCLASS名=BOXのDIV要素を、画面中央に表示しようとていますが、JSが正常に機能していないのか左はしに表示されてしまいます。 質問 以下がコーディングですが、原因をどなたかご教示頂けませんでしょうか? ちなみに ①画面の背景色が変わっている、DIV=boxの縦横のサイズを試しにメッセージボックスへ表示してみると、...
saya24's user avatar
  • 545
0
1 回答
3,608 閲覧数

画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい

下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか? <div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
re9's user avatar
  • 6,814
0
0 回答
3,289 閲覧数

WebSocketを使ったウェブアプリでの接続エラー

プログラミング初心者です。 現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。 room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
kei's user avatar
  • 1
0
0 回答
509 閲覧数

動的にテキストをセットした場合のplaceholderの表示について

jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。 フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか? ...
user avatar
0
0 回答
186 閲覧数

jQuery BlackAndWhiteが利用できない

初めまして。 コーディング初心者で現在ホームページ作りをしているのですが、 画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。 念のためマウスオーバー前の画像を添付しておきます。 マウスオーバー前 このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
丹野祐希's user avatar
0
1 回答
520 閲覧数

monacaで使用するnend広告、リリースビルドで表示されるが、クリックしても開きません

monacaで使用するnend広告について質問です。 複数広告枠を持っていて広告コードをタグの中に入れてます。 1つの広告コードを複数コピーするわけではなく 複数枠の広告を1つずつ貼っています。 広告の状態はアクティブです。 3つの質問です。どうぞよろしくお願いします。 『リリースビルドで広告は表示されますが、いざクリックをすると広告は開きません』 解決策を教えていただけないしょうか? 『...
user19014's user avatar
0
1 回答
4,535 閲覧数

読み込み完了の取得について

現在、Monacaを利用したスマホアプリ開発を行っており、いくつかのページで 読み込み完了した時点で走らせたいロジックがあるのですが どうやって取得するのかわかりません。 今までこの手は、$(window).load(function(){} で大体なんとかなりましたが 今回は ons-navigator にある ons-page 内の処理となり同じ手が使えないので 質問した次第です。 ...
user17063's user avatar
  • 153
0
1 回答
137 閲覧数

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

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

datatablesに新たな行を作成しようとするとエラーになってしまう

下記ソースで作成したtableに新たに行を追加しようと思い、 $.get(url, function (jsonData) { $('#example').DataTable({ data: jsonData, columns: [ { data: 'Name' }, { data: 'Email' } ...
aspara_prime's user avatar
  • 1,316
-1
1 回答
438 閲覧数

スクロールバー表示の仕方について

OnsenUIとjQueryでハイブリッドアプリを作っておりますが、 検索リストのような画面でスクロールバーを表示したいのですが仕方が解りません。 ページの基本構造は以下の通りです。 <ons-navigator var="onsnav_search"> <ons-page ng-controller="ctrl_search.html"> <ons-...
user14318's user avatar
-1
1 回答
5,238 閲覧数

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

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