jQueryでフォーム改善：入力カウントの感知 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
前回と前々回に紹介しました入力のカウントですが、 今回はフォームで最後の段階、submitした際の動作を設定します。 HTMLソース <form> <textarea type="text" id="input-up"></textarea><strong>30文字まで入力できます</strong><span id="countUp">0</span> <input type="text" id="input-down" maxlength="6" /><strong>6文字入力してください</strong><span id="countDown">6</span> <input type="submit" value="送信" /> </form> HTMLソースの解説 strong要素に入力の注意事項を記載します。ここの内容をJavascriptで入力エリアに内包させます。 それ以外の
jQueryでフォーム改善：文字数のカウントアップ — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
入力したテキストの文字数をカウントアップ フォームの入力で文字数制限がある場合に使えます。 ここで紹介するのはtextarea要素ですが、input要素でも使えます。 HTMLソース span要素内の数字がカウントアップされます。 <textarea type="text" id="input-up"></textarea> <span id="countUp">0</span> Javascriptソース $(function(){ $("textarea").keyup(function(){ var counter = $(this).val().length; $("#countUp").text(counter); if(counter == 0){ $("#countUp").text("0"); } }); }); keyupイベント ここでキーになるのがkyeupイベントで
デザインやスクリプトなど、2008年のベストを選出しているサイトのコレクション | コリス
ベストデザインのサイト、Best of CSS Design、Photoshopなどの画像のチュートリアル、スクリプトやソースなどさまざまなテーマの2008年のベストを選出しているサイトの紹介です。 デザイン関連
プロレベルのPhotoshopチュートリアル集:phpspot開発日誌
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS プロレベルのPhotoshopチュートリアル集。 アーティスティックな作品を作るのに参考になりそうなチュートリアルばかりがまとまっています。 Manipulating a WW2 Fighter Aircraft 6 Quick 'n Dirty Text Effects From Scratch Make a Turn of the Century Vaudeville Poster Miodern Art Idiots Guide to Small Planets 10 Step Lighting Effect 3D Transform a Colorful Cube Design Silhouettes and Gradients Pencil It In Craf
レトロな雰囲気を演出するPhotoshopのグラデーション素材 | コリス
Ar-bent-ingから、レトロな雰囲気を演出するPhotoshopのグラデーションファイルを紹介します。
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 9 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
サインアップや招待・登録などユーザーフローのギャラリー -Product Planner | コリス
Product Plannerは、YouTubeやTwitterなどで使用されているサインアップや招待・登録などユーザーフローが多数登録されているギャラリーです。 Product Planner Product Plannerはギャラリーを閲覧するだけでなく、新しくユーザーフローを作成・登録することもできます。 ギャラリーは、ユーザーフローのタイプ別にカテゴライズされています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
レトロやヴィンテージ風の画像を作成するPhotoshopのチュートリアル集 | コリス