タグ

jQueryに関するaritekuのブックマーク (78)

  • Best Free Website Design Software

    Free Website Design Software Build stunning websites on your PC or Mac! No code, free, with AI. Get Started with AI Start crafting your website effortlessly with our cutting-edge AI. This innovative solution transforms your prompt into a comprehensive website, generating compelling content, captivating images, and an intuitive layout tailored to your specifications. Once the AI lays down the found

  • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

    もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

    jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
  • アドビのHTML5・jQueryサポート最新事情 - @IT

    2010/10/29 米アドビ システムズ(以下、アドビ)は10月25~27日、ロサンゼルスで年次イベント「Adobe Max 2010」を開催し、新製品や新戦略の発表を行った。 同社CTOのケビン・リンチ(Kevin Lynch)氏を中心にした初日の基調講演では、「Webサイト」「電子出版」「Web動画」「企業向けアプリ」「ゲーム」の5つの分野における「マルチスクリーン戦略」について熱弁をふるった。いま人々の生活において、スクリーンを持つすべてのデバイスによる“革命”が起きているという。 米アドビ システムズCTOのケビン・リンチ氏「マルチスクリーン革命はコンピューティングの利用法の転換点。パーソナルコンピューティング革命のときよりも大きな変化だ」 同社が掲げるマルチスクリーン戦略とは、スクリーンを持つすべてのデバイスにおけるUX(ユーザー・エクスペリエンス)を高めるという課題に対し、ア

  • 【デモ】jquery.ajaxComboBox.js 3.2

    2009/12/7 => English version サーバサイド : PHP5 DB : SQLite2 文書宣言 : XHTML 1.0 Transitional(標準モード) 目次 基的な使い方 基 候補リスト・隣接ページの表示数を変更 ページナビをシンプルに サブ情報を表示 基 表の項目名を変更 サブ情報の表示カラムの設定 サブ情報の非表示カラムの設定 セレクト専用 基 送信する値のカラムを変更 ミニサイズ 基 サブ情報 セレクト専用 パッケージ 基 サブ情報 セレクト専用 ミニサイズ 初期値設定 基 セレクト専用 パッケージ CakePHP用 基 外部キーのフィールド用 パッケージ 基的な使い方 基 第1引数にAjax送信先のファイル名を、 第2引数にオプションを設定します。 都道府県: $('#ac01_01').ajaxComboBox( 'acbo

  • Adding a Timepicker to jQuery UI Datepicker

    Check out the Handling Time eBook to learn from the basic setup to advanced i18n usage, and from client's javascript to the server's database. buy eBook + Example code buy eBook Download Download Timepicker Addon and the required CSS. Download/Contribute on GitHub (Need the entire repo? Find a bug? See if its fixed here) If you prefer a hosted CDN there are a couple available: CDNJS, jsDelivr. Req

  • jQueryでフォームの内容をJSONで投げ、受け取ったJSONをフォームに戻す方法 - ありの日記

    今回RESTのサービスを使っていて、そのインターフェースはJSONになっている。リクエストもレスポンスも。サーバ側(Java)では、JSONICというJSONライブラリを使っていて、JSON形式の文字列をJavaのオブジェクトに変換したりまた、その逆を行ったりしている。 そこで、フォームの内容をがつっとJSONに変換して送信したり、また、JSONで取得したデータをがつっとフォームに戻したいなーと思って色々探してみた。 そのときのメモ。 フォームの内容をJSON形式の文字列にする方法。 まず、フォームの内容をJavaScriptのハッシュにする。その時formの内容を取得するserializeArrayというメソッドが用意されているのでこれを使う。 // フォームを取得 var form = $('form-id'); var param = {}; // フォームの内容を取得 // ser

    jQueryでフォームの内容をJSONで投げ、受け取ったJSONをフォームに戻す方法 - ありの日記
  • Ajax » jQuery plugin » テーブルソート、テーブル操作 | PHP & JavaScript Room

    PHPJavaScriptCSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説テーブル、リスト、段落など要素内のデータを簡易検索するjQueryプラグイン。 指定した文字列にマッチしたデータを持つ要素だけを絞り込んで表示することができます。 オプションのパラメータで簡単にカスタマイズすることができます。 設置イメージ 設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>

    ariteku
    ariteku 2010/10/13
    並び替え
  • 今日から現場で使えるjQueryのフォーム関連プラグイン15選

    Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが%で確認できる。 overset - jVal - jQuery Form Field V

    今日から現場で使えるjQueryのフォーム関連プラグイン15選
  • jQueryでテンプレートエンジン - coma2n’s diary

    jQueryのプラグインにjTemplatesなるテンプレートエンジンがあったので使ってみる。 tpython.com - このウェブサイトは販売用です! -&nbsptPython technologie web20 ajax opensource javascript リソースおよび情報 ということで Json.NETをさわってみるで書いたJSONデータをjQueryで加工して、HTMLに整形するコードをjTemplatesを使って書き直してみる。取り扱うJSONデータは以下↓ [{"ID":1,"Name":"ジョン"},{"ID":2,"Name":"ボブ"},{"ID":3,"Name":"ジャック"},{"ID":4,"Name":"ディラン・マッケイ"}] 以前は、 $.each(data, function(i, customer) { $("#dataTable").ap

    jQueryでテンプレートエンジン - coma2n’s diary
    ariteku
    ariteku 2010/10/08
    コードがすっきりしそう
  • jQuery API 1.4.4 日本語リファレンス - StackTrace

    add(expr) 要素集合に、条件式にマッチした要素集合を追加します。 add(expr, context) 要素集合に、指定されたコンテキストの条件式にマッチした要素集合を追加します。 addClass(class) 要素のクラスに、指定した CSS クラスを追加します。 addClass(fn) 要素のクラス属性に、指定した関数が返す CSS クラスを追加します。 after(content) マッチした要素の後(弟要素)に、指定した内容を追加します。 after(fn) マッチした要素の後(弟要素)に、指定した関数の内容を追加します。 jQuery.ajax(settings) HTTPリクエストを使用してデータを取得します。 ajaxComplete(handler) Ajaxリクエストが完了した時に実行するコールバック関数を登録します。 ajaxError(handler) A

    ariteku
    ariteku 2010/10/06
    jQueryの日本語リファレンス
  • jQuery.post(url, [data], [handler], [dataType]) - jQuery API 1.4.4 日本語リファレンス - StackTrace

    [dataType] : 期待するサーバの応答データの形式を指定します。 参照:jQuery.ajax(settings)#dataType 戻り値 XMLHttpRequestオブジェクト 例 例1:サーバ上にある test_post.php に、データ{"key1":"value1","key2":"value2"}を送信し、取得したデータを表示します。 <p>このデータは、サーバ上にあります。</p> <ul> <li>key1: <?= htmlspecialchars($_POST['key1'], ENT_QUOTES, 'UTF-8'); ?></li> <li>key2: <?= htmlspecialchars($_POST['key2'], ENT_QUOTES, 'UTF-8'); ?></li> </ul> $.post( "test_post.php", // リ

    ariteku
    ariteku 2010/10/06
    postメソッドの使い方
  • 「JavaScript」に関する記事一覧

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    「JavaScript」に関する記事一覧
    ariteku
    ariteku 2010/10/06
    CodeZineのJavaScript記事新着一覧
  • 第9回 Ajax編(後編)

    連載目次 jQueryでAjax通信の基的な機能を担うのは、$.ajaxメソッドです。load、$.get、$.post、$.getJSON、$.getScriptなどの簡易メソッドもありますが、実は、これらのメソッドはすべて$.ajaxメソッドを内部的に利用しているのです。$.ajaxメソッドが汎用的なAjax機能を提供するとしたら、そのほかのAjax関連メソッドは、目的に特化した機能を簡易なインターフェイスで提供するものであるといえるでしょう。 $.ajaxメソッドの引数には、Ajax通信に必要なオプション情報を「キー : 値」のハッシュ形式で指定できます。以下に、利用可能なオプション情報をまとめておきます(主要なオプションについては、適宜、次項以降で解説します)。 $.ajaxメソッドで利用可能なオプション* 成功コールバックにXMLHttpRequestオブジェクトが渡されるよう

    第9回 Ajax編(後編)
    ariteku
    ariteku 2010/08/17
    jQueryでAjax通信
  • https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html

  • Ajax | PHP & JavaScript Room

    PHPJavaScriptCSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説カスタマイズ性抜群の上級者向けタブブラウザ「Lunascape」 動作の重いFirefoxや、セキュリティホールの多いIEから乗り換えるなら・・・ 高機能かつ拡張性に富んだ『Lunascape』(ルナスケープ)がオススメです。 このブラウザは、驚くほど “ 動作が軽い ” のが魅力! Firefoxみたいにメモリをいません(笑) IEのツールバープラグイン、Firefox、Netscapeの一部のプラグインに対応しているので、今まで使っていたプラグインごと乗り換えられます。 IEのお気に入りもブラウザのサイドバーに簡単に組み込めます。 また、RSSリーダー付ブラウザなので、RSSリーダーを使わずにブラウザ上でRSSの購読や管理ができます。 F

  • Tag: JavaScript - Tags - Blog - Rewish

    16 Apr 2010 Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ 07 Jan 2010 ブログに「はてなスター」を設置してAutoPagerizeに対応する 19 Aug 2009 JavaScriptのDateオブジェクトを拡張してPHPのdate関数を実装 10 Jul 2009 アメーバの「ペタ」を手軽に付けられるuser.js

    Tag: JavaScript - Tags - Blog - Rewish
  • コリス

    これで簡単に実装できる! カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy Post on:2024年9月26日 数行のコードを記述するだけで、カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するJavaScriptを紹介します。 他のフレームワークやライブラリへの依存はありません。また、ReactVueやSve ...記事の続きを読む たった5分で分かる! Reactのコンセプトや用語をやさしく解説 Post on:2024年9月25日 Reactは、WebサイトやスマホアプリのUIを構築する人気が高いJavaScriptのライブラリです。再利用可能なコンポーネントを作成し、複雑なUIでも効率的に管理できるようにすることで、フロントエンドの開発に革命をも ...記事の続きを読む これでSafariにも実装できる! スクロー

    コリス
  • 5509

    割とアップルの製品は好きだし、好きだっただけにこんなにがっかりしたことは初めて。 発端 ことの発端は仕事で使っているMacBook Airが液晶割れしてしまったことで 液晶割れっていくらになるんだろうとか思いながら、アップルストア渋谷店に持っていったところ 40000円弱ですね、とのこと。 お金かかるだろうなっていうのは分かってたしそれはまー仕方ないからおいとくとして、スリープから復帰しないっていう別の致命的な不具合もあったのでそれ見てもらった。 で、こっちは無償で修理しますんでっていうことでお願いして、1週間後くらいに連絡もらって取りに行きました。 最初のミス その場で簡単に検証して ロジックボード変えたので大丈夫だと思いますみたいなこと聞いて まーまた不具合あったら持ってきますわーって言って持って帰ったんですけど なんかこのMacBook Air処理が遅い気がする・・・ で、この時は検