FixedColumns When making use of DataTables' x-axis scrolling feature (scrollX), you may wish to fix the left or right most columns in place. This extension for DataTables provides exactly this option (for non-scrolling tables, please use the FixedHeader extension, which will create sticky headers and footers for tables). FixedColumns (as of version 4+) makes use of position: sticky in CSS. All eve
Ajaxを扱ったことがなかったのと、これの前のエントリーでJSONについて書いたのでそれの自己解決のための記事です。 Ajaxとは何か Ajaxってのは非同期的に処理をして動的に処理をしてくれる技術です。Twitterでツイートしたらページが遷移することなく更新されるアレ。 実際にやってみよう 「Just F**king Do It（とにかくやれ）」の精神で、実際にやってみましょう。タイトルの通り、SinatraとjQueryを使います。SinatraでJSONを生成して、jQueryでAjaxを利用した処理を行います。 どんなのを作るか こんな感じ。フォームに名前を入れたら、フォームに入れた名前と年齢として0~99までの乱数がJSONで返ってきて、それを表示。 サーバサイド app.rb require 'bundler' Bundler.require # Bundler使わない人はこ
ちょっと話題としては乗り遅れた感が漂いますが、先月末に jQuery 1.9 の正式版、および jQuery 2.0 のベータ版がリリースされました。 jQuery 1.9 final, jQuery 2.0 beta, Migrate final released ： Official jQuery Blog これに際して公開された、jQuery 1.9 への移行ガイド 「jQuery Core 1.9 Upgrade Guide」 を翻訳してみたので下記に公開してみます。 jQuery 1.9 / 2.0 とは？ jQuery 2.0 は IE 6/7/8 への対応をやめることで、より軽量で高速、そして安定化を目指した jQuery のメジャーバージョンアップ版ですが、jQuery 1.9 は 2.0 と 完全な互換性を持ちつつも、レガシーブラウザへの対応が可能なバージョンで、IE 8
(2012/9/25 最後に重要な追記があります。 ) jQuery Mobile 1.2 Betaがさきほどリリースされたようです。 タイトルの通り、それに満たないバージョンのjQuery Mobileには読み込んでいるだけでXSS脆弱性を作ってしまう問題があります。お使いの方はアップデートをお勧めします。 jQuery Mobile 1.2 Beta Released | jQuery Mobile http://jquerymobile.com/blog/2012/09/05/jquery-mobile-1-2-beta-released/ 以前の記事で触れた、一部のブラウザのlocation.hrefの挙動に絡むXSSが修正されています。 以下の件とは別の修正であることに注意してください。 jQuery MobileのXSSについての解説 - 金利0無利息キャッシング – キャッシ
pjax is a jQuery plugin that uses ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button. pjax works by fetching HTML from your server via ajax and replacing the content of a container element on your page with the loaded HTML. It then updates the current URL in the browser using pushState. This results in faster page navigation for tw
jQuery(document).ready(function(){ jQuery("a[@rel=’bookmark’]").each(function(){ // livedoor clip jQuery(this).after(‘ <a href="http://clip.livedoor.com/redirect?link=’+jQuery(this).attr("href")+‘" class="ldclip-redirect" title="この記事をクリップ！"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ！" style="border: none;vertical-align: middle;" /></a
Manipulation/API/jQuery 内部挿入 append(content) 全ての要素内部にコンテンツを追加する。 appendTo(content) 要素の中身を他の要素に追加する。 prepend(content) 全ての要素内部の先頭にコンテンツを挿入する。 prependTo(content) 要素の中身を他の要素に追加します。 外部挿入 after(content) 各要素の後ろにコンテンツを挿入する。 before(content) 各要素の前にコンテンツを挿入する。 insertAfter(content) 要素を指定した他の要素の後に挿入する。 insertBefore(content) 要素を指定した他の要素の前に挿入する。 周囲への挿入 wrap(html) 各要素を構造的に指定HTMLで囲む。 wrap(elem) 各要素を構造的に指定要素で囲む。 wr
All of the methods in this section manipulate the DOM in some manner. A few of them simply change one of the attributes of an element (also listed in the Attributes category), while others set an element’s style properties (also listed in the CSS category). Still others modify entire elements (or groups of elements) themselves—inserting, copying, removing, and so on. All of these methods are refer
連載：jQuery Mobile入門 第2回 jQuery Mobileでネイティブ・アプリ・ライクな入力フォームをデザインしよう 山田 祥寛 2012/02/21 jQuery Mobileは、「jQuery UIのモバイル版」ともいえるライブラリだ。jQuery Mobileを利用することで、あらかじめ決められたマークアップに従うだけで、モバイル・デバイス（＝タッチ・パネル）に適したWebページを開発できる。 前回、jQuery Mobileの基本ともいえるページとリンクの概念について解説し、まずはjQuery Mobileでスマートフォン・アプリケーション（以降、スマホ・アプリ）の基本的な骨組みを記述できるようになったはずだ。 そこで今回からは、いよいよjQuery Mobileで用意されているさまざまなエフェクトやウィジェット（UI部品）について解説していくことにしよう。今回は、あ
2. ねらい • この資料は、JavaScriptの基本を理解している方々 向けに、jQueryの基本的な使用方法を示したもので す。 • この講義を終えたあとは、jQuery公式ドキュメント を参照しながらjQueryプログラミングを行えるよう になっていることが理想です。 • バージョンは古いですが、日本語リファレンスを公開 している方もいます。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don't know about these APIs! In this articl
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
お知らせ（10.08.06）： jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。（validation.jsにはあるのにexValidationでは実装していない機能もありますが、基本的に実装は行いません） どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素
jQueryの開発リポジトリに入っているファイルは、開発用のためモジュール毎に分割されています。 コードを追う時は良いですが、開発中のjQueryが使いたい！と言う時に、これらを全て読み込むのはちょっと面倒なので、ビルドして一つのファイルにしてみたいと思います。 今回は、Windowsの場合とMacの場合二つの方法を紹介します。 Windowsの場合 Windows XP SP3へのインストールを想定しています。その他の環境では動作しない可能性があります。 Gitをインストール msysgit - Project Hosting on Google Codeからインストーラーをダウンロード。 ※今回はGit-1.6.5.1-preview20091022.exeを選択 インストールの手順は以下の通り。 そのままNext そのままNext そのままNext そのままNext そのままNext
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
