Valletta Works
制作実績
JQuery
JQuery(作成仕様書カテゴリー)の作成例イメージ画像
カテゴリー
作成仕様書
記事登録日
2020-01-05 13:08:45
テクノロジー
JQuery | JavaScript |
概要
クリアボタンサンプル
https://ucan-lab.github.io/jquery-sample/form-clear/
jQuery フォームクリアボタンを作る。
https://qiita.com/ucan-lab/items/3820010208d5c4a0549a
jQuery.ajax()で取得したHTMLの一部を抜き出す方法
http://www.koikikukan.com/archives/2013/12/05-012345.php
select textarea jquery 反映
jQuery セレクトボックスの値を取得/設定するサンプル
https://itsakura.com/jquery-selectbox
lazyload
https://github.com/tuupola/lazyload
jQuery & Ajax通信を使ってPHPから取得した値をタイマーで監視するサンプル
https://webcake.stars.ne.jp/jquery-ajax-php-timer-kanshi.html
jQueryでリンクを別ウインドウで開く方法
https://obakenote.com/js/407/
jquery.lazyload.jsの使い方まとめ
http://cly7796.net/wp/javascript/plugin-jquery-lazyload/
画像が表示領域に入ったら読み込むjQueryプラグインlazyload
https://gimmicklog.com/demo/lazyload/lazyload.html
画像が表示領域に入ったら読み込むjQueryプラグイン lazy load
https://gimmicklog.com/jquery/168/
jQueryのprop()でdisabled属性を切り替える
https://qiita.com/pugiemonn/items/5db6fb8fd8a303406b17
summernoteについてのメモ
https://qiita.com/village/items/037b7e0d98c003b7faed
【JQuery】 オンラインWYSIWYGエディターを実装するなら「summernote(サマーノート)」がベストかも!
https://www.doraxdora.com/blog/2019/09/28/post-9873/
【JQuery】 summernote(サマーノート)の入力内容をリアルタイムで書き出してみた
https://www.doraxdora.com/blog/2019/09/30/post-9890/
【jQuery】カルーセルスライダーslickの使い方とサンプル集
https://www.jungleocean.com/programming/190201jquery-slick
slickの使い方サンプルデモページ
https://www.jungleocean.com/demo/jquery-slick/
[jQuery]ブラウザの横幅で処理を変えるjQueryの条件分岐。
https://webcre8tor.com/snippets/conditional-branching-jquery.html
jQuery の validationEngine でバリデーションする
https://qiita.com/january108/items/a917dfd78d65b81fba55
テーブルの行ごとリンクをクリック出来るようにする
http://kachibito.net/snippets/table-tr-link-clickable
jQueryでajaxが使えない($.ajax is not a function)
https://webbibouroku.com/Blog/Article/jquery-slim-ajax
1行目がjQueryを読み込む箇所ですが、slim版を使っていることがわかります。Bootstrapを利用するサイトで、ajax等を使いたい場合は通常版を使いましょう。もちろんBootstrapには影響ありません。
写真帳開発
jQueryでclassやidをワイルドカード指定
https://qiita.com/miiitaka/items/2e546a38b0346e67c995
jQueryで要素を消したいならremoveメソッドを使おう
https://mon-navi.com/2016/05/jquery_15/
jQueryでDOM要素を削除する:remove(), empty(), unwrap(), detach()
https://uxmilk.jp/10889
スマホ ブラウザ ファイルアップロード
[HTML5] フォームから画像などのファイルをアップロードする際に選択するファイルの種類を指定する方法
https://memocarilog.info/webdesign/8854
超簡単!フォームをリアルタイムで入力チェックする:jQuery-Validation-Engine
http://www.webdesign-fan.com/jquery-validation-engine
【jQuery入門】mouseover()の使い方とサンプル例のまとめ!
https://www.sejuku.net/blog/63966
jQueryでclassやidをワイルドカード指定
https://qiita.com/miiitaka/items/2e546a38b0346e67c995
jQuery UI Datepicker(カレンダー)サイズの変更 サンプル
https://www.northwind.mydns.jp/samples/datepicker_sample9.php
jqueryを使った値の取得、操作一覧
https://qiita.com/QUENCH/items/8cfeb09b6860249de511
[jQuery] クリックされたリストの番号やテキストを取得する方法
http://www.searchlight8.com/jquery-click-list-text-index/
Jquery UI datepicker、日付のonclick、日付を取得してURLに渡す
https://www.code-adviser.com/detail_8912755
jQuery UI Datepicker(カレンダー)インライン表示
https://www.northwind.mydns.jp/samples/datepicker_sample3.php
jQuery UI Datepicker(カレンダー)サイズの変更 サンプル
https://www.northwind.mydns.jp/samples/datepicker_sample9.php
jquery.datepickerもしくはbootstrap datepickerを使って、blogの投稿があった日にリンクをつけたい
https://teratail.com/questions/31964
jQuery 要素を移動する(appendTo/prependTo/insertAfter/insertBefore)
https://itsakura.com/jquery-idou
jquery.ui.sortable.js
Sortable | jQuery UI 1.10 日本語リファレンス | js STUDIO
http://js.studio-kingdom.com/jqueryui/interactions/sortable
ドラッグ&ドロップで並べ替えた順番を送信
http://alphasis.info/2011/05/jquery-ui-sortable-submit/
jQuery UIを利用するには?
https://www.buildinsider.net/web/jqueryuiref/0001
格子状に並べたリストをドラッグ&ドロップで並べ替え
http://alphasis.info/2011/06/jquery-ui-sortable-grid/
Sortable / 並べ替え
http://alphasis.info/jquery-ui/sortable/
Ajaxのpost送信について
https://teratail.com/questions/78966
jQueryでAJAX:複数のボタンから1つのスクリプトへPOSTする
http://blog.tofu-kun.org/070924025015.php
prototype.jsと同時に使うには
http://semooh.jp/jquery/ref/cont/with_prototype/
Ajaxを使ってデータベースのデータを非同期で取得する【Ajax+MySQL+PHP】
https://rimane.net/ajax-mysql-1021/
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。
https://ginpen.com/2012/05/21/how-to-get-values-from-form-with-jquery/
画像 並び替え jquery
jQuery UI Sortable は並び順を保存しなければ意味がない
https://hijiriworld.com/web/jquery-ui-sortable/
ドラッグ&ドロップでソート並び替えしデータベース更新サンプル【JQuery・Ajax・Javascript・PHP・Mysql】
https://webcode-lab.com/topics/blogid/15/
JQUERY UI で要素を並び替える
https://kats-eye.net/info/2019/01/12/jquery-ui-sortable/
jQuery UIを使って、要素をドラッグ&ドロップ後に要素の順番を取得する方法
https://warpbutton.com/blog/tips/761/
jQuery UI Sortable テスト
https://kats-eye.net/test_prog/1901002_js_sortable/sortable_05
ドラッグ&ドロップで並べ替えソート DEMO TABLE
https://webcode-lab.com/demo/sort/
jQuery UIで画像を並び替え,その順番をファイル出力
http://futonguards.hatenablog.com/entry/2018/04/29/180955
ドラッグ&ドロップでファイルをアップロードできるプラグイン「Dropify.js」
https://www.weblab.co.jp/staff/html/7533.html
ドラッグ&ドロップで複数画像をアップロードする
https://studio-key.com/1940.html
ドラッグ & ドロップでファイルをアップロードする方法
http://scrap.php.xdomain.jp/js_drag_drop_up/
はじめてのAjax(jQuery) 2018年版
https://qiita.com/zakiyamaaaaa/items/bdda422db2ccbaea60d9
JavaScriptで多次元の連想配列を操作する方法を現役エンジニアが解説【初心者向け】
https://techacademy.jp/magazine/21621
【jQuery入門】ラジオボタン(radio要素)の取得・選択・checked操作!
https://www.sejuku.net/blog/46739
ドラッグ&ドロップでファイルをアップロード
ドラッグ&ドロップで複数画像をアップロードする
https://studio-key.com/1940.html
jQueryの重複読み込みですかね…… ご存知のとおり、bootstrap.min.js 読み込み後に再度 jQuery を読んでしまうと、拡張メソッド等は全てリセットされるので。
jQueryを活用したプログラムが
サンプルだと動くのに、本番環境で動かない原因。
干渉し合っていた
bootstrap の JS メソッドが使えない
https://teratail.com/questions/155211
jQueryでスクロールに追従する要素
http://shanabrian.com/web/jquery/scroll01.php
任意の要素(ブロックなど)の背景色を動的に変更する方法 ...
https://www.nishishi.com/javascript-tips/element-bgcolor.html
https://yamanote.info/valletta/savefile/sample/tap_box.php
jQueryでフォームの値を事前チェックしsubmitする:submit()
https://uxmilk.jp/9235
jQuery ラジオボタンのグループが選択されているかチェックする
https://symfoware.blog.fc2.com/blog-entry-700.html
jQuery – 半角英数字と全角英数字を相互に変換する
https://se.ekaki-j.com/jquery-halfwidth-fullwidth/
jQuery:チェックされたら or 入力されたら送信可能にするボタンを実装する方法
https://www.nxworld.net/tips/jquery-switch-disable-input-button.html
jQueryでスムーススクロールを実装する方法【初心者向け】
https://techacademy.jp/magazine/9532
jQuery on() イベントの種類
https://qiita.com/temori1919/items/bcbfc4a93301ef902d1d
【jQuery入門】on()によるイベント処理の使い方まとめ!
https://www.sejuku.net/blog/38774
[jQuery] 全選択・全解除チェックボックスの実装
https://agohack.com/checkbox-all-selected/
jQuery UIを利用するには?
https://www.buildinsider.net/web/jqueryuiref/0001
リサイズ可能なパネルを生成するには?
https://www.buildinsider.net/web/jqueryuiref/0007
【jQuery入門】resize()によるウィンドウリサイズの方法まとめ!
https://www.sejuku.net/blog/60647
選択肢ごとにdisable属性を有効・無効化させる
https://qiita.com/isaaac/items/e6ffc9b817bad749a525
和暦 html5 format
jQuery – 半角英数字と全角英数字を相互に変換する
https://se.ekaki-j.com/jquery-halfwidth-fullwidth/
jQueryでチェックボックスの取得・判定・イベントまとめ【サンプル有】
https://kinocolog.com/jquery_checkbox/
jQuery classの追加・削除
https://qiita.com/Scheme/items/300739f6da6a95e58306
jQueryでreplace()を使って置換・削除する
https://www.flatflag.nir87.com/replace-2-1887#i-3
JQueryの目的の場所に要素を追加
https://qiita.com/hitonari45/items/74e625c1feee9a43279e
【jQuery入門】replace()で文字列を置換する方法まとめ!
https://www.sejuku.net/blog/31821
jqueryを使った値の取得、操作一覧
https://qiita.com/QUENCH/items/8cfeb09b6860249de511
webサイトのフォントサイズをjQueryを使って変更する
https://sterfield.co.jp/designer/web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%92jquery%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B/
jQueryのblur()でフォーカスが外れたら発動
https://www.flatflag.nir87.com/blur-1723
jQueryでのサイズ、座標の取得方法まとめ
https://taneppa.net/jquery-size/
ブラウザ 罫線 座標
Resizable 座標
javascript 要素 保存
要素の高さ/幅を設定/取得するには?(height/width/innerHeight/innerWidth/outerHeight/outerWidth)
https://www.buildinsider.net/web/jqueryref/009
D3.jsでスライドショーを作ってみる
http://creator.aainc.co.jp/archives/category/jquery
AutoCompleteウィジェットでオートコンプリート機能付きのテキストボックスを生成するには?
https://www.buildinsider.net/web/jqueryuiref/0017
jQuery UI - オートコンプリート
https://jquery.keicode.com/ui/autocomplete.php
クリック範囲を親要素全体に広げる方法2019ver
https://intercord.jp/blog/20190623link
jQueryで、tableの行の表示・非表示の挙動を実装する。
http://labs.kamimoto.biz/jquery/jquery-table-tr-display-and-hide.html
【jQuery入門】val()によるvalue値の取得・変更・設定まとめ!
https://www.sejuku.net/blog/45297
【jQuery】画像拡大モーダルウィンドウのプラグイン「しのモーダル」を作成しました。
https://webcat.work/shinomodal/
tablednd is not a function
jQuery Grid Plugin - jqGrid
http://www.trirand.com/blog/?page_id=393/help/tablednd-is-not-a-function
jQueryで $ is not define エラーが出たときの一番簡単な解決法
https://pisuke-code.com/jquery-is-not-defined-solution/
jQueryでスムーススクロールを実装する方法【初心者向け】
https://techacademy.jp/magazine/9532
ドラッグ&ドロップでソート並び替えしデータベース更新サンプル【JQuery・Ajax・Javascript・PHP・Mysql】
https://webcode-lab.com/topics/blogid/15/
ドラッグ&ドロップでファイルを選択する方法と画像ファイルのプレビュー
https://pointsandlines.jp/front-end/javascript/drag-and-drop-select
jQueryで複数のテキストボックスの値をまとめて取得する - jQuery + JavaScript プログラミング
https://www.ipentec.com/document/javascript-jquery-get-multi-textbox-value
テキストボックスに入力された値を取得する - JavaScript プログラミング
https://www.ipentec.com/document/javascript-get-textbox-value#section_13
[jQuery] チェックボックスの値を配列で取得する
https://agohack.com/getting-checkbox-with-map-and-each-in-jquery/
jQueryで「name」を操作・取得する便利技のまとめ!
https://www.sejuku.net/blog/33854
jQueryで動的に要素の追加・削除を行う
https://ykum4.com/199/
jQueryでチェックボックスの取得・判定・イベントまとめ【サンプル有】
https://kinocolog.com/jquery_checkbox/
入力項目一括有効化・無効化
https://qiita.com/anegojp/items/1351f2710dafe87d1d83
ドラッグ & ドロップでファイルをアップロードする方法
http://scrap.php.xdomain.jp/js_drag_drop_up/
待機中 jquery
jQueryでページ読み込み中にローディング画面を表示する方法
https://gimmicklog.com/jquery/278/
参照URL
SNS
ツイート