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 Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ~って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
これって記述が人によってバラバラになるのではないかと思い、自分なりに考えた形をメモしておきます。 使用したバージョン 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
日本人は表組が大好きです。 クリスマスのチキンより表組みが好きなんです。(嘘 そんな表組の中で時折見かけるのが下表のようなデザイン。 見出し部分を均等割り付けです。 均等割り付けなんかイヤだ!といってもやらなきゃいけないときもあるわけで。 普通、こういう表現をする場合スペースなんかで間隔を揃えてしまいがちですが、アクセシビリティを考えるとあんまりよろしくありません。 そんなとき、CSSプロパティのletter-spacingを利用して文字間隔を揃えます。 しかし、手動でやるのは文字数やフォントサイズが変わるたびに値を調整しないといけないため、あまり効率的ではありません。 そんなときに使えるのが本jQueryプラグインになります。 jQuery.justify.js [ダウンロード] ※IE6, 7, 8, firefox 3.5, Safari 4, Google Chorme 4での動作
目って大事ですよね。 目の大きさ、白目黒目のバランスなどは人の第一印象を大きく左右する要因として有名です。mixiニュースで見たんですが、目が一番可愛らしく見えるのは、白目:黒目:白目のバランスが1:2:1の場合だそうです。 他にも、腹黒い人、詐欺師のような人は黒目の上半分がまぶたによって隠れるそうです。 理由は言いませんが、それを知ってかなり落ち込んでいるsanojiです。 WEBサイトの日付入力について。 日付入力といえば、テキストボックスによる直接入力や、年・月・日ごとにセレクトボックスで選択する方法や、候補日をラジオボタンで選択する方法がありますが、最近の定番はカレンダーからの選択ではないでしょうか。 CakePHPのデフォルトでは、年月日セレクトボックス形式で非常にイケてないですね。 CakePHPでは、protocalendar.jsを使用した日付入力が定番になっていそうですが
CakePHP2.1.1でJqueryによるAJAX Helperを使ってみようと思います。 使ってみるのはこれです。 AJAX Helper with jQuery (for CakePHP 2.x) んでとりあえず配布サイトの説明を訳してみました。ただしてきとー訳ですので参考程度で^^; 設置の仕方 配布サイトダウンロードページの中ほどにある Installation on CakePHP 2.x 下の Download リンクからDL&解凍。 解凍ファイルから AjaxHelper.php と JavascriptHelper.php ファイルを取り出し、/app/view/helper/ に設置。 同じく解凍ファイルから jquery-1.4.2.min.js ファイルを取り出し、/app/webroot/js/ フォルダに設置。 レイアウトファイル /app/Views/Layo
日付の入力フォームを作った場合、入力されるフォーマットは揃えておきたいものです。 じゃあ、入力フォームの隣に「※日付は『yyyy/mm/dd』形式で入力してください」と書いておこう、なんて、そんな原始的なことをしてはいけません。 ユーザビリティ的にも、ポップアップカレンダーなどの入力支援を設置するのが良いです。 日付の入力支援を実装する方法はいくつかありますが、時代はjQueryだ!ということで、今回は、jQuery UI のDatepickerの実装方法を紹介します。 ・jQuery ・jQuery UI ・jQuery UI Datepicker 目次 1. デザインをカイスタマイズ 2. ダウンロード 3. フォルダ構成 4. 実装 デザインをカイスタマイズ まず、ブラウザ上で、jQueryで実装できるUIのカスタマイズをまとめて行います。 →jQuery UI ThemeRolle
このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
こんにちは かねしろ@pinkrootです。 昨日は久しぶりにPHPでのコーディングを行いました。 取り組んだのはPHPとjQueryを組み合わせて、あるボタンが押されたときにajaxなPOSTを飛ばして、その飛んでいったパラメータをMySQLに格納する、という文字での説明が難しい処理です(笑) イメージとしては、ボタンを押しても画面がリロード(更新)されず、処理の裏側でDBへのデータ格納を行なっている、という感じ。 備忘録的にやり方をまとめます。 HowTo 自分で作成するファイルは以下の3つ。 ユーザが閲覧してボタンを押す画面(index.html) ボタンが押されたら呼び出されるjavascriptファイル(post.js) バックボーンで動作し、MySQLでデータを格納するPHPファイル(post.php) 上記ファイルの他に、ajaxを使うためにjQueryのファイルが必要となり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く