Tag: jQuery

Laravel5でAjaxを使う

Laravl5ではPOSTのときにCSRFトークンを必ず使うというのがコツというだけでその他は普通のAjaxと同じです。 GETする DEMO GETする際にはCSRFトークンは必...

jQueryでAjax実装

非同期とか何とかちょっと面倒くさいですが、要はブラウザー自体のHTTPリクエストとHTTPレスポンスをJS内部で完結できるってのがAjaxです。ブラウザーのリク...

jQuery animateでスクロール移動

基本的にはこのコピペでいけます。 $("html,body").animate({scrollTop:$('移動したいところのID').offset().top}); とはいえ、何かしらのトリガーが大抵...

絵文字削除

PHPで絵文字対処 Formに絵文字入力されると困ってしまう場合4バイト文字を削除でいったん対処。その他いい方法あるんでしょうか。 $text = "EMOJI"; // &am...

jQuery CDN

全バージョのCDNはここ https://code.jquery.com/jquery/

jQueyでajax

フロントの実装を殆どしていない数年間でだいぶajaxの実装方法が変わってきたのでびっくりです。新しめのjQueryではだいぶ書き方が変わっていました。 $.aja...

jQueryでFunctionを使う

Functionとかユーザー定義関数とかサブルーチンとかいろいろな言い方がありますが、あるまとまったルーチンを整理して書いておいて使うときにその都度呼び出...

jQueryでの出力方法

どのプログラム言語もそうですが、現在変数に入っている値を出力してみてなんぼという世界観がありまして、開発中においてもデバックにおいても欠かせないも...

Javascript + jQuery トラブル・デバック・お作法

あんまりフロントエンド的な仕事しないのですが、時々しないといけないときがあってそういうときに若い子からおしえてもらった備忘録。 すべてを読み込んで...

jQueryのモーダルプラグイン Remodalの使い方

これいいですよ。 - Remodal - GitHub Remodalの入手 Githubからもってくるのが一番手っ取り早いかと思います。GitHub ダウンロードしたらREADMEなどいろい...

スクロール量の取得(パララックスとかで使う)

scrollTop()で取得してscroll()でリアルタイムで監視して取得 というのが基本になるので、以下のようになります。 $(function(){ $(window).scroll(func...

Ajaxの設定(新しい方の)

しばらく使っていなかったらAjaxが新しくなっておりました。大した違いではないのですが、古い方のsuccess:~error:~という書き方が後方互換でかろうじて動い...

Javascriptでオブジェクト指向

プロトタイプベースオブジェクト指向言語(Prototype Based Object Oriented Language) プロトタイプベースオブジェクト指向言語(Prototype Based Object ...

画像のon/offというかhover

<img src="[IMAGE_FILE_NAME]_off" class="CLASS" > $(function(){ if(0<$(".CLASS").size()){ $(".CLASS").hover(function(){ ...

YouTubeをタブ切り替えで再生する

YouTubeのAPIを使って自力でいろいろやるとブラウザー依存のバグが多く出まして、原因が釈然としないのですが、ライブラリー使った方が安定感ありそうですね...