[jquery-ui] タグが付いた質問

タグの使い方はまだ書かれていません。

絞り込み
並べ替え
タグ付けされた
0
0 回答
87 閲覧数

jquery draggableで複数のdivの中だけを移動する方法がわかりません

jquery uiのdraggableでbodyのdivの中だけをdrag出来るようにしたいです。 containmentを使うと良いみたいですが、 containment: '.body', にすると、一つの.bodyの中でしかdrag出来ません。 全部の.bodyの中、つまり.headerを除いた全体で移動がしたいのですが、方法がわかりません。 snipetで確認が出来ます。 ...
ほたく's user avatar
0
1 回答
326 閲覧数

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

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

jQuery UI Sortable で移動範囲を指定したい

tableタグで作成した表内で、移動を制限したいと思っています。 表の最上部と最下部を「対象外(ハンドルなし)」にはできます。 しかし、他の要素を「最上部より上」「最下部より下」に移動できてしまいます。 この動きを抑制する方法はあるでしょうか? よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head&...
light's user avatar
  • 381
0
1 回答
247 閲覧数

jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう

要約 jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません. マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います. ...
Kitamado's user avatar
  • 219
0
0 回答
686 閲覧数

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

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

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

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

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

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

jQueryのDialogボックス内に変化後の値を入れたい

jqueryによってダイアログボックスを作成し、その中の文章にクリック回数のカウント数を入れたいのですが、html内にダイアログボックスとしたい文章を用意すると、初期値を取得してしまいます。どのような解決法がありますでしょうか、ご教授いただければ幸いです。 (funcadd1()は#sampleをparseIntして1を足す関数です) <script src="https://...
FastCrown's user avatar
1
1 回答
183 閲覧数

半透明になったboxがドラッグできなくなる。

下の箱に入った時に半透明にしています。 すると、ドラッグができなくなります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>jQuery UI</title> <...
aqua's user avatar
  • 1,049
1
1 回答
3,775 閲覧数

mw wp form datepicker のjs引数の書き方を教えてください

wordpressのプラグイン「mw wp form」の日付(datepicker)で、期間を指定したいのですが、うまく反映されません。 例えば、本日〜2017年7月20日までしか選択出来ないようにする場合、 [mwform_datepicker name="" size="" js='"minDate": "0","maxDate": "new Date( 2017, 7, 20 )"'] ...
user24065's user avatar
0
1 回答
4,502 閲覧数

jQuery-uiのDatepickerでのカレンダーの初期値ハイライト方法について

jQuery-uiのDatepickerでカレンダーを表示した際には、本日日付がハイライトされています。 (ui-state-highlightスタイルが指定されている) 今回、defaultDateオプションを利用してカレンダー表示時のデフォルト日付を本日ではない任意の日付にしたいと思ったのですが、defaultDateを指定するだけでは、ハイライトまではコントロールできませんでした。 ...
html-mail-man's user avatar
1
1 回答
857 閲覧数

jQueryUIのui-frontクラスの使い方

jQueryUI DialogのAPIには、かつてzIndexオプションがありましたが、現在はありません。 そこで、代替手段は無いのだろうかと調べた所、下記のページを見つけました。 http://api.jqueryui.com/theming/stacking-elements/ どうやらui-frontクラスを介してz-indexの制御ができるようなことを書いてあると思うのですが、...
mok2pok's user avatar
  • 1,775
0
1 回答
556 閲覧数

jqueryのセレクトボックスで別メソッドで値が変更されても処理が動いてくれない

railsで以下のjqueryバージョンで開発しています。 jquery-rails (2.1.3) jquery-ui-rails (2.0.2) セレクトボックスの値が変更されたら、表示するもの表示しないものを変更し処理をしたいと思っています。 直接セレクトボックスを操作した際は、change_tmp_sds_flds()が動作し表示を変更します。 しかし他のjavascriptメソッドで$(...
xjr399's user avatar
  • 340
2
1 回答
8,938 閲覧数

jQueryUI Dialogを複数開いた場合のz-indexの制御

jQueryUIのDialogを使って、親画面から子ダイアログ、子ダイアログから孫ダイアログ、という開き方をします。 modal: trueオプション付きです。 孫ダイアログを開いた場合、子ダイアログは孫ダイアログのオーバーレイ(.ui-widget-overlay)に隠れて欲しいのですが、どのように制御すれば良いでしょうか? 自分で調べてみたところ、...
mok2pok's user avatar
  • 1,775
0
1 回答
881 閲覧数

jQueryのanimate()メソッドが条件文の際にうまく動作しない。

■ 以上のように四角い画像がleft:100px, top:0pxにあるとして、マウスのX軸の値が600pxより大きい時、 (600,0)にanimateで移動し、マウスが600よりも小さいエリアにあると、元の位置に戻るというコードを書いたのですが、(600,0)に移動した後もとに戻ってきません。 最近jQueryを勉強し始めたのですが、お手上げです。。。教えて頂けると幸いです。...
kotar0's user avatar
  • 3
-1
1 回答
365 閲覧数

jQuery mobileでタブバーを実装したい

monacaのサンプルアプリのメモ帳にタブバーを実装したいです。(下に3つタブがついていてメモ帳アプリのトップ画面がタブの切り替え先にも表示され、メモ帳が1つのアプリに3つある感じ) 初心者なものでいろいろ調べてみたのですが、上手くタブバーとメモ帳を同じ画面に表示することができません。 回答のほどよろしくお願い致します。
otm's user avatar
  • 1
2
1 回答
153 閲覧数

JSである数式をグラフ化した時の外側を隠す&シャドウをかける

興味本位で、jQueryUIを作ろうとしています。 styleでもjQueryを使った描画でも構いませんが、例えば、 height 400px width 400pxの要素があり、内接円(半径200px)に囲まれた部分以外をhide()する。 また、内接円を縦に2等分し、その頂点P1, P2および、円の中心oから真横に1/2r進んだ点を通る曲線Aから、等分された円の円周にかけて、 ...
omarun's user avatar
  • 1,483
1
1 回答
525 閲覧数

jqueryでの条件分岐について

ドラッグアンドドロップで要素ごと(今回の場合画像)のカウントをしたいです http://codepen.io/anon/pen/MwmMyY $(function() { // there's the gallery and the trash var $gallery = $("#gallery"), $trash = $("#trash"), ...
knm's user avatar
  • 65
1
1 回答
423 閲覧数

jqueryで要素別にカウントしたい

こんばんわ 要素をドロップするとカウントが増え、ドロップエリアから外すとカウントが減るという動作を要素別にしたいです。 ほんとはドロップするとクローンを作り、繰り返しドロップができるようにしたいです 。以下のようなかんじでやってみましたがうまくできませんので教えていただきたいです よろしくお願いします http://codepen.io/anon/pen/jPwrPR $(...
aloii's user avatar
  • 11
3
1 回答
618 閲覧数

monacaでフォームのダイアログを繰り返し出したい

monacaにて ボタンクリックでフォームのダイアログを出す ↓ 入力 ↓ 新しくボタンが出来る これを3回ほど繰り返したいと思っています。 http://codepen.io/anon/pen/KpNVNr $(function() { var dialogTable = $('#jquery-ui-dialog-table'); var nextIndex = 0; ...
kitto's user avatar
  • 31
3
1 回答
1,403 閲覧数

jquerymobileでボタンクリック時の動作について

jquerymobileでダイアログをポップアップし、フォームの入力画面がでて入力したら データが保存され、元の画面に切り替わるということをしたいです。 今の状態ですと、ポップアップのボタンをクリックさせても画面が切り替わらないので切り替わるようにしたいです。 (function() { $("#time1").click(ontime1); }); function ...
knm's user avatar
  • 65
2
1 回答
4,151 閲覧数

localStorage.setItemで複数の値を保存したい

こんにちは! ボタンクリックで要素内の値を複数取得し、localstorageに保存したいのですがうまくできません。 コードが長くなってしまうのでこちらにて失礼します http://codepen.io/anon/pen/xGEjLO $(function() { // there's the gallery and the trash var $gallery = $("#...
lix's user avatar
  • 57
1
1 回答
941 閲覧数

Ruby on Railsでjqueryのバージョンを2.xにしたい

Gemfileで gem 'jquery-rails', '~> 3.1.0' としてbundle updateとかbundle installとかやってみたんですがjQueryのバージョンが1.11.1のままになってるみたいなんです。 jquery.jsで * jQuery JavaScript Library v1.11.1 となってるし、 puts Jquery::Rails::...
Ichiro Hari's user avatar
0
1 回答
778 閲覧数

ドロップされた要素を保存する

こんにちは、度々すみません 今、monacaを使いドラッグアンドドロップでドロップされた画像をボタンクリックでローカルストレージに保存し、次のページで表示させようとしています。 そこで、ボタンをクリックすると画像(パス)をストレージに保存させようとしていますが drop後のtrush内の値を保存させようと $(function() { $("#next").click(onnext); })...
lix's user avatar
  • 57
1
1 回答
610 閲覧数

ショッピングカートでのドラッグアンドドロップ操作

こんばんわ ショッピングカートのシステムについてお聞きしたいです。 参考URL http://www.webresourcesdepot.com/wp-content/uploads/file/drag-drop-shopping-cart/ このサイトではカートに入れるとタイトルが表示されていますがこれを画像に置き換えるにはどうすればいいでしょうか basket.find("ul")....
knm's user avatar
  • 65
2
2 回答
1,125 閲覧数

画像のドラッグアンドドロップについて質問です

こんにちは 画像のドラッグアンドドロップについて質問です https://jqueryui.com/droppable/#photo-manager これを参考にしていますが やりたいこと ・画像をドラッグしてもクローンを残したい ・ドロップエリアで数字をカウントさせたい やったこと ・クローンに関してはもともとdraggableエリアに   helper: "clone", ...
lix's user avatar
  • 57
1
1 回答
597 閲覧数

jqueryで画像のドラッグアンドドロップでカウントを増減させたい

こんにちは 画像を特定の要素にドロップすると数字が増え、どかすと減るようにしたいです。 html <div class="droparea"> <div class="drop1"> <p>ドロップ領域1</p> <div class="box1"></div> &...
lix's user avatar
  • 57
2
1 回答
3,136 閲覧数

jQueryのプラグインのFullCalendarで一定の場合だけイベントが削除できない

環境 FullCalendar 2.3.1 http://fullcalendar.io/ Ruby 2.1.5 p273 Rails 4.2.1 問題 FullCalenderというjQueryのプラグインを使ってRailsとajaxで書き換えのできるカレンダーを作成しています. イベントの作成・読取・更新・削除について、ほぼうまく動いたのですが、一定の場合だけ削除できません. また、...
seventhsense's user avatar
4
2 回答
6,362 閲覧数

javascriptでtextareaの中の高さを取得する方法

textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。 この中身の高さを得る方法はありますか?
snxpwf's user avatar
  • 2,120
1
1 回答
316 閲覧数

javascriptでキャレットのように動かせる目印を作りたい

↑イメージはこんなかんじです jquery/jquery-ui可です。 input[type=text]の下に目印をつけ、その情報をさんぷる[目印]さんぷるというフォーマットで取得するにはどうしたらよいでしょうか。 目印を付けてドラッグ出来るようにすることはできましたが、文字と文字の間にしかおけないキャレットと同じような振る舞いにすることができません。 ...
user5855's user avatar
  • 1,453
1
1 回答
2,223 閲覧数

jquery-uiのdraggableでドラッグした要素を取得する方法

jquery-uiのdraggableでドラッグした要素を取得する方法を教えてください。 <div class="draggable">1</div> <div class="draggable">2</div> <div class="draggable">3</div> <div class="draggable"&...
user5855's user avatar
  • 1,453
0
1 回答
1,375 閲覧数

jqueryでソース上の並び替えをしたい

jqueryでpositionの座標を元にソース上の並び替えをしたいのですがどうしたらよいのでしょうか。 例: leftの値が小さい順に並び替え <div style="position:relative; left: 10px">1</div> <div style="position:relative; left: 0px">2</div> &...
user5855's user avatar
  • 1,453
1
1 回答
362 閲覧数

ドラッグすると10pxずつ動く要素を作りたい

javascript(jQueryなど可)を使ってドラッグ可能な要素を作りたいのですがやり方が全くわかりません。 jQuery UIを使えばドラッガブルな要素を作るのは簡単ですが、以下の条件にしたいときはどうしたらよいのでしょうか。 縦には動かせない 横には10pxずつ動かすことができる 指定した範囲を超えることはできない また、...
user5855's user avatar
  • 1,453
5
1 回答
2,442 閲覧数

jQueryUIのdatepickerを使いつつ元号の文字を入力したい

jQueryUIのDatePickerウィジェットを適用しているテキストボックスがあるのですが、そこに元号を入力できるようにしたいです。 具体的には、下記のフォーマットでの文字入力を許可したいです。 「H26/4/1」 「h26/4/1」 「平成26/4/1」 しかし、テキストボックス(input[type=text])にdatepickerを使用すると、数字は入力できますが、...
mok2pok's user avatar
  • 1,775
2
2 回答
1,125 閲覧数

jquery-uiとQuoJSでドラッグできる画像の追加

jquery-uiとQuoJSを併用し「画像をドラッグで移動でき、さらに長押しで増殖する」というものを作成しています。 <img src="img/logo.png" class="draggable" id="button3"> この画像を長押しすることで $$('#button3').hold(function(){ var ele = document....
松川重明's user avatar
2
1 回答
370 閲覧数

canvasに対するeffect:explodeが反映されない

下記の様に、canvasにexplodeのアニメーションをかけたところ、動作しません。 $("#my_canvas").effect("explode", {} ,200); こちらはOK $("#my_canvas").effect("bounce", {} ,200); canvasにかけられるアニメーションとかけられないアニメーションがあるのでしょうか? 追記: ...
Taizan Yonetuji's user avatar
4
1 回答
6,533 閲覧数

jQueryUIのautocompleteを日本語確定後に実行させる方法

jQuery/javascriptを勉強中のものです。よろしくお願いします。 テキストボックスでAmazon.co.jpのキーワードサジェスト機能を使いたいと思いまして 調べたところ、 jQueryでAmazon/Googleのsuggest機能を実装する http://d.hatena.ne.jp/tatsu-no-toshigo/20140428/1398667460 ...
fivecafe's user avatar
3
1 回答
2,203 閲覧数

jQuery のアコーディオンに、それぞれのコンテンツ縦幅を設定したいです

アコーディオンを使ったウェブページをつくっておりまして、そのアコーディオン自体は正常に動いております。(動作は問題ないです) アコーディオンは5つありまして、その一つ一つにそれぞれのコンテンツをいれたサイトを作りたいのですが、たとえばAのコンテンツを開くと縦幅が長すぎて、下のほうに空欄が出てしまいます。(B,C、D、Eも同様です)。 JavaScript で CSS ...
webman's user avatar
  • 199