タグ

jqueryに関するyokkongのブックマーク (13)

  • jQuery Content Slider | Responsive jQuery Slider | bxSlider

    We value your experience and would love to hear your thoughts. Could you spare just two minutes to fill out a quick survey? Your feedback helps us make bxSlider even better! Thank you for your support 🤗

  • jQueryを使い要素の出てくる順に番号をつける方法(forの代わりにeach()を使う繰り返し)

    今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ~って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {

    jQueryを使い要素の出てくる順に番号をつける方法(forの代わりにeach()を使う繰り返し)
  • JavaScript + Ajax 実践サンプル集 - ホーム

  • jQueryでCRUDをAjaxで作ってみる - おかひろの雑記

    これって記述が人によってバラバラになるのではないかと思い、自分なりに考えた形をメモしておきます。 使用したバージョン jQuery-1.7.1 jQuery-UI-1.8.17 画面構成 とりあえず単純なサンプル画面を作ってみました。dialogやdatepickerはjQuery-UIのものです。 一覧画面 登録画面(jquery-uiのdialog) 編集画面(jquery-uiのdialog) ローディング中の表示(jquery-uiのdialog) エラーが発生した場合 検索系処理 一覧画面の検索は、表の部分をまるまるHTMLで作成しておいて、埋め込む形にしました。 Ajax呼び出し元 // 一覧データの検索と表示 function selectList() { // ローディングダイアログを開く $('#loadingDialog').dialog('open'); $.ajax

    jQueryでCRUDをAjaxで作ってみる - おかひろの雑記
  • 文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js

    人は表組が大好きです。 クリスマスのチキンより表組みが好きなんです。(嘘 そんな表組の中で時折見かけるのが下表のようなデザイン。 見出し部分を均等割り付けです。 均等割り付けなんかイヤだ!といってもやらなきゃいけないときもあるわけで。 普通、こういう表現をする場合スペースなんかで間隔を揃えてしまいがちですが、アクセシビリティを考えるとあんまりよろしくありません。 そんなとき、CSSプロパティのletter-spacingを利用して文字間隔を揃えます。 しかし、手動でやるのは文字数やフォントサイズが変わるたびに値を調整しないといけないため、あまり効率的ではありません。 そんなときに使えるのがjQueryプラグインになります。 jQuery.justify.js [ダウンロード] ※IE6, 7, 8, firefox 3.5, Safari 4, Google Chorme 4での動作

    文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js
  • jqueryのdataPickerを使って日付をカレンダーから入力する - わんコロ餅。

    目って大事ですよね。 目の大きさ、白目黒目のバランスなどは人の第一印象を大きく左右する要因として有名です。mixiニュースで見たんですが、目が一番可愛らしく見えるのは、白目:黒目:白目のバランスが1:2:1の場合だそうです。 他にも、腹黒い人、詐欺師のような人は黒目の上半分がまぶたによって隠れるそうです。 理由は言いませんが、それを知ってかなり落ち込んでいるsanojiです。 WEBサイトの日付入力について。 日付入力といえば、テキストボックスによる直接入力や、年・月・日ごとにセレクトボックスで選択する方法や、候補日をラジオボタンで選択する方法がありますが、最近の定番はカレンダーからの選択ではないでしょうか。 CakePHPのデフォルトでは、年月日セレクトボックス形式で非常にイケてないですね。 CakePHPでは、protocalendar.jsを使用した日付入力が定番になっていそうですが

    jqueryのdataPickerを使って日付をカレンダーから入力する - わんコロ餅。
  • あべてっく

    CakePHP2.1.1でJqueryによるAJAX Helperを使ってみようと思います。 使ってみるのはこれです。 AJAX Helper with jQuery (for CakePHP 2.x) んでとりあえず配布サイトの説明を訳してみました。ただしてきとー訳ですので参考程度で^^; 設置の仕方 配布サイトダウンロードページの中ほどにある Installation on CakePHP 2.x 下の Download リンクからDL&解凍。 解凍ファイルから AjaxHelper.phpJavascriptHelper.php ファイルを取り出し、/app/view/helper/ に設置。 同じく解凍ファイルから jquery-1.4.2.min.js ファイルを取り出し、/app/webroot/js/ フォルダに設置。 レイアウトファイル /app/Views/Layo

  • jQuery UI Datepicker 日付選択 | hijiriworld Web

    日付の入力フォームを作った場合、入力されるフォーマットは揃えておきたいものです。 じゃあ、入力フォームの隣に「※日付は『yyyy/mm/dd』形式で入力してください」と書いておこう、なんて、そんな原始的なことをしてはいけません。 ユーザビリティ的にも、ポップアップカレンダーなどの入力支援を設置するのが良いです。 日付の入力支援を実装する方法はいくつかありますが、時代はjQueryだ!ということで、今回は、jQuery UI のDatepickerの実装方法を紹介します。 ・jQuery ・jQuery UI ・jQuery UI Datepicker 目次 1. デザインをカイスタマイズ 2. ダウンロード 3. フォルダ構成 4. 実装 デザインをカイスタマイズ まず、ブラウザ上で、jQueryで実装できるUIのカスタマイズをまとめて行います。 →jQuery UI ThemeRolle

  • jQuery UI 1.10 日本語リファレンス | js STUDIO

    このサイトについて jQuery UIの日語リファレンスです。 jQuery UI家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)

  • ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

    Webデザイナー、(X)HTMLCSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

    ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
  • 作って学ぶ!jQueryの記事一覧ページ | バシャログ。

    [作って学ぶ!jQuery] 第5回 ajaxを使って複数ブログの最新記事一覧を表示する 作って学ぶ!jQuery

    作って学ぶ!jQueryの記事一覧ページ | バシャログ。
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • PHPとjQueryの組み合わせでajaxなPOSTをMySQLに格納してみた

    こんにちは かねしろ@pinkrootです。 昨日は久しぶりにPHPでのコーディングを行いました。 取り組んだのはPHPとjQueryを組み合わせて、あるボタンが押されたときにajaxなPOSTを飛ばして、その飛んでいったパラメータをMySQLに格納する、という文字での説明が難しい処理です(笑) イメージとしては、ボタンを押しても画面がリロード(更新)されず、処理の裏側でDBへのデータ格納を行なっている、という感じ。 備忘録的にやり方をまとめます。 HowTo 自分で作成するファイルは以下の3つ。 ユーザが閲覧してボタンを押す画面(index.html) ボタンが押されたら呼び出されるjavascriptファイル(post.js) バックボーンで動作し、MySQLでデータを格納するPHPファイル(post.php) 上記ファイルの他に、ajaxを使うためにjQueryのファイルが必要となり

    PHPとjQueryの組み合わせでajaxなPOSTをMySQLに格納してみた
  • 1