すべての質問
130 件の質問
0
票
1
回答
119
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
票
0
回答
871
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
401
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
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
回答
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
票
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
回答
3,450
閲覧数
jQueryを使ってテーブルの複数行を表示、非表示にしたい
表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。
現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう)
http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css
...
0
票
2
回答
506
閲覧数
画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画を開始させたい
画像URL入力または画像ファイルをアップロード→読み込んだ画像をcanvasに送る→描画開始
というコードを作りたいです。
現状、画像URLまたはローカルの画像ファイルをアップロードする形で、canvasに画像を描画することはできていますが、
$(function () {
//input url
$('#url').change(function () {
var url = $('#...
0
票
1
回答
260
閲覧数
画像URL入力フォームの中身をリセットボタンでリセットしたい
フォームに画像URLを入力すると画像をプレビューするのと同時に、フォームのテキストとプレビューを消すリセットボタンが表示されるサイトを制作しています。
現状リセットボタンを押すと上記の条件は満たせるのですが、続けてフォームに画像URLを入力すると前の画像も一緒に表示されてしまいます。
入力すればするほど、前の画像、前の画像+前の前の画像…と、...
0
票
0
回答
73
閲覧数
SweetAlert2でgooglemap apiを使用する方法
<script>
swal({
html: <div id="hoge"></div>
});
$(function () {
$("#hoge").css({
"width": "500px",
"height": "500px",
});
...
0
票
2
回答
1万
閲覧数
jQueryでhtmlから取得した値をグローバル変数に代入して違うコードに渡すには??
webアプリを制作しているのですが、jQueryを使ってユーザがformで入力した値を以下のように取得しました。
<script>
$('button').click(function () {
// 選択ボックス
m = $('#minute').val();
console.log(m);
});
</...
0
票
1
回答
144
閲覧数
カルーセル(スライダー)について質問です。
スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。
なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。
main.js
var slideWidth="...
0
票
1
回答
188
閲覧数
テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている
ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。
INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を
コーディング済みです。
また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。
「A」のテキスト枠について、...
0
票
1
回答
621
閲覧数
画面中央(縦・横)に表示したいDIV要素が、左上に表示されてしまう原因・対策を知りたい
皆様 いつも大変お世話になっております。ネット上の記事を参考にCLASS名=BOXのDIV要素を、画面中央に表示しようとていますが、JSが正常に機能していないのか左はしに表示されてしまいます。
質問
以下がコーディングですが、原因をどなたかご教示頂けませんでしょうか?
ちなみに
①画面の背景色が変わっている、DIV=boxの縦横のサイズを試しにメッセージボックスへ表示してみると、...
0
票
1
回答
3,608
閲覧数
画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい
下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか?
<div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
0
票
0
回答
3,289
閲覧数
WebSocketを使ったウェブアプリでの接続エラー
プログラミング初心者です。
現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。
room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
0
票
0
回答
509
閲覧数
動的にテキストをセットした場合のplaceholderの表示について
jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。
フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか?
...
0
票
0
回答
186
閲覧数
jQuery BlackAndWhiteが利用できない
初めまして。
コーディング初心者で現在ホームページ作りをしているのですが、
画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。
念のためマウスオーバー前の画像を添付しておきます。
マウスオーバー前
このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
0
票
1
回答
520
閲覧数
monacaで使用するnend広告、リリースビルドで表示されるが、クリックしても開きません
monacaで使用するnend広告について質問です。
複数広告枠を持っていて広告コードをタグの中に入れてます。
1つの広告コードを複数コピーするわけではなく
複数枠の広告を1つずつ貼っています。
広告の状態はアクティブです。
3つの質問です。どうぞよろしくお願いします。
『リリースビルドで広告は表示されますが、いざクリックをすると広告は開きません』
解決策を教えていただけないしょうか?
『...
0
票
1
回答
4,535
閲覧数
読み込み完了の取得について
現在、Monacaを利用したスマホアプリ開発を行っており、いくつかのページで
読み込み完了した時点で走らせたいロジックがあるのですが
どうやって取得するのかわかりません。
今までこの手は、$(window).load(function(){} で大体なんとかなりましたが
今回は ons-navigator にある ons-page 内の処理となり同じ手が使えないので
質問した次第です。
...
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
回答
1,485
閲覧数
datatablesに新たな行を作成しようとするとエラーになってしまう
下記ソースで作成したtableに新たに行を追加しようと思い、
$.get(url, function (jsonData) {
$('#example').DataTable({
data: jsonData,
columns: [
{ data: 'Name' },
{ data: 'Email' }
...
-1
票
1
回答
438
閲覧数
スクロールバー表示の仕方について
OnsenUIとjQueryでハイブリッドアプリを作っておりますが、
検索リストのような画面でスクロールバーを表示したいのですが仕方が解りません。
ページの基本構造は以下の通りです。
<ons-navigator var="onsnav_search">
<ons-page ng-controller="ctrl_search.html">
<ons-...
-1
票
1
回答
5,238
閲覧数
この動作をSwiperで実現したい
解決方法が不明なので質問いたしました。下記のリンクのスライダライブラリを使用して
実現したいスライドがあります。
http://www.idangero.us/swiper/#.VpMcPRWLRsc
その実現したいスライドは下記のサイトにあるようなものです。
・メイン画像はスライド、クリックで変更できる
・その下に配置されたサムネイルからその画像を表示できる
http://black-flag....