LaravelでAjax非同期通信を使う方法をユーザ削除する処理を例に紹介します。 流れとしては以下のようになります。 JavaScriptで削除対象のユーザIDを取得Ajaxでサーバ(コントローラ)にユーザIDを送信コントローラからサービスを呼び出し、サービスでユーザ削除処理実行サービスで削除処理した実行結果をコントローラに渡す受け取った実行結果をコントローラからjson形式でviewに返す
LaravelでAjax非同期通信を使う方法をユーザ削除する処理を例に紹介します。 流れとしては以下のようになります。 JavaScriptで削除対象のユーザIDを取得Ajaxでサーバ(コントローラ)にユーザIDを送信コントローラからサービスを呼び出し、サービスでユーザ削除処理実行サービスで削除処理した実行結果をコントローラに渡す受け取った実行結果をコントローラからjson形式でviewに返す
なんだか難しそうに見えるドラッグで動かして順番を変えれるコンテンツもjQueryを使うことで簡単に実装できます。 こんなやつ まずはデモをご覧下さい。ドラッグでダムの順番を入れ替えれるかと思います。 デモページ 使用するjQueryとプラグイン 3つのJavascriptファイルを使います。 jQuery.js jQuery-ui.js jQuery.ui.touch-punch.js 上の2つのJavascriptがあればPCで動きます。 最後のJavascriptはiPhone・iPadで動作させる為のプラグインです。 Javascript 上記3ファイルを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <
ページネーションのプラグインはとても豊富。 中でも、jQuery.autopagerはすごく素敵です。 ある要素にIDを振っておいて、スクロールした時に そのIDを持つDOM要素が表示されたら、ページネーションするといった具合。 所謂、無限スクロールというやつ。 それをとても簡単に実装出来るのがjQuery.autopager https://code.google.com/p/jquery-autopager/ それをテーブルでもやりたいなと思った。 さらに、jQuery.autopagerはajaxで次ページを取得して、末尾にappendする仕組みになっているけど、 そうではなく、htmlはすべて生成済みでテーブル要素は最初の数十件のみ表示させ、以降は予めdisplay:none;とか、$.hide();で隠しておき、最後の要素が表示された時点で次のn件を表示させたい。 理由は 1.A
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
Uber-Uploader is a group of programs written in Perl, PHP and Javascript. It is intended to present a graphical representation of the status of a web based file upload in the form of a progress bar. This software is distributed under the GNU General Public License Version 3 on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied.
概要 ▶ 出典:Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって 出典:Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は形式上HTML5のページになっているんです。 見た目
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝! <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
羅列された要素をフェードイン しながら徐々にランダムで表示 させるエフェクトをjQueryで実装 出来る、というプラグインの ご紹介。割と短いコードで作れる エフェクトなので覚えておきたい ですね。 要素をフェードインさせながらランダム表示させるjQueryのプラグイン・champagne.jsです。 champagne.js とても軽量で、テキストでも画像でもOKです。シンプルなので色々応用が利きそう。 以下動作サンプルです。※再生ボタンで動作します。 コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.champagne.m
formに入力させてsubmitされたらajaxでphp呼び出して〜って良くある処理を簡略化する拡張 jQureryを拡張する。 jquery.ajaxFrom.jsとか適当に名前を付けて保存します。 〜内にではさんで書いても大丈夫。 /* (C) makoto@2ch.to */ if(jQuery) jQuery.fn.extend({ ajaxForm : function($_){ var $opt = {}; if( typeof $_ === 'function' ) $opt.success = $_; if( typeof $_ === 'object' ) $opt = $.extend($opt,$_); return $(this).submit(function(event){ event.preventDefault(); return jQuery.ajax($
軽量でカスタマイズしやすいデートピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど、 デートピッカーだけならUIを入れる必要は 無いですしね・・・ 何かとシンプルな方が使いやすく汎用性も高かったりしますね。4KBは確かに軽いです。また、IE6や7などの非モダンブラウザでも問題なく動作してくれます。 カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。 また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日本語にしてみました。 デモ デモで
Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so
Version 4 of the PikaChoose jQuery Image Gallery is now available! Pikachoose is a lightweight jQuery slideshow plugin, with tons of great features! jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose now has API hooks for integrating lightboxes and other things. Check out this howto on integrating Fancybox with PikaChoose. Pikachoose is des
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く