フォームはWebのあらゆるところに登場します。しかし、多くの場合、フォームには基本的な要素の1つが欠けています。それは検証です。フォーム検証は、Webのユーザと開発者の両方にとって非常に重要です。ユーザは入力を間違ったときに明快な応答を受け取ることで指針が得られ、開発者は検証によってデータソースに間違ったデータが入るのを防ぐことができます。 フォーム検証にはいくつかの種類があります。最も頻繁に使用される種類の検証は、ユーザが必要なフィールドに正しい値を入力したことを確認するものです。その他の検証としては、ユーザが入力に使用できる文字と使用できない文字を指定するものや、ユーザが特定の形式(日付の場合の月/日/年など)でのみデータを入力できるようにするものなどがあります。 Adobe Dreamweaverは、Creative Suite 3でAdobe Spry framework for
Overview JSDeferred is standalone and compact asynchronous library. Asynchronous codes are very confusing because it is a storm of callbacks. JSDeferred improve the readability of asynchronous codes by providing one object and some functions. next(function () { alert('Hello,'); return wait(3); }). next(function (r) { alert('World!'); }); "Standalone and Compact" means JSDeferred is very portable s
具体的にはセンチャしてて「なんかもっとこう楽になれないの」と思ったので、いろいろ設定をしてた。メモ。 コマンドモードの補完 これは JS とは関係ないけど、知らなかったので。 : で始まるコマンドモードがあきらかに貧弱な挙動しかできないのはなんとかならないの?と思って調べたら、普通に設定かけばいいだけだった。 Vimのコマンドライン補完がこんなに強力な訳がない - Humanity めも - wildmode ファイル名などの補完方法 " vi 互換をオフにする " これ自体は前から設定はしていた set nocompatible " コマンドモードでの補完設定 set wildmode=longest:full,list URL エスケープされた文字列を日本語表示する - vim-hideout の導入 Vim の conceal を使って Unicode エスケープシーケンスの表示を見
「JavaScript&Ajax プロが教える“本当の使い方”」 サンプルデータダウンロード このたびは、本書「JavaScript&Ajax プロが教える“本当の使い方”」をお買い上げいただきまして、まことにありがとうございます。以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。 ■ダウンロードにあたってのご注意■ ダウンロードファイルは、ZIP形式で圧縮されています。 Windows、Macintoshそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。 解凍したフォルダ内には、「はじめにお読みください.html」と各セクションのフォルダが収録されています。各セクションのフォルダにはJavaScriptファイル、HTMLファイル、CSSファイル、画像ファイル等が収録されています。 ※サンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される
stat - ファイル情報の取得 stat関数はファイルの様々な情報を得るための関数です。この関数を使うことでファイルサイズや、ファイル所有者、最終更新時間などを調べることができます。
この本の概要 本書は,数あるJavaScriptのライブラリやjQueryプラグインから厳選したものを,その特徴からサンプルソースを付けた使用例まで111個を紹介します。取り上げるライブラリはそれぞれ「UI(ユーザインタフェース)編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」に分けられており,デザイナも含むWebデベロッパー必携のライブラリ便覧です。 こんな方におすすめ Webアプリケーション開発者 Webデザイナ 本書のサンプル 本書の一部ページを,PDFで確認することができます。 サンプルpdfファイル(235KB) なお,「Build Insider」でも本書の一部を公開しています。 Part1 イントロダクション はじめに~本書を活用するために HTML5の基本 jQueryの基本 Part2 UI編 1 リストをリッチなメニューに整形する(Apycom Me
See section 9G of the book. However, the script on this page is a newer version than the one in the book, and it's supposed to work better than the old one. On this page I give the necessary code to find out where an element is on the page. This script finds the real position, so if you resize the page and run the script again, it points to the correct new position of the element. offset In all br
id:eel3:20090326:1238028321 の続編。 コードを書く時は基本的にvim派*1なので、関数などのオブジェクトを一覧表示してくれるtaglist.vimを愛用している。 taglist.vimは背後でExuberant Ctagsを使っているので、ctagsの解析能力が向上すれば関数一覧に表示されるものも増えるはず……なんだけど、そこは現実社会ほどではないけど事前の根回しが重要、ということらしい。 ctagsで解析されていても、taglist.vim側で表示しないオブジェクトがある id:m-hiyama:20080627:1214549228 にsample.jsというサンプルソースがあるけど、試しに手元のExuberant Ctags 5.7J1で「ctags sample.js」でタグを生成させたら、こんな結果になった*2。 !_TAG_FILE_FORMAT
テンプレートパターンをJavaScriptで実装してみた。結構簡単。 以下を実行すると、child2.execute() が呼び出されて、before, child2!, after の順に表示される。 <html> <head> <script> var Parent = function(){ return { before: null, after: null, _execute: null, execute: function(){ if( this.before != null ) this.before(); this._execute(); if( this.after != null ) this.after(); } } } var Child = function(){ var parent = Parent(); parent._execute = function(
「このJavaScriptコードが動かないのは,なぜですか?」というミニクイズ集。 すべて制限時間は1分。 別名,JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年5月現在,全53記事。 中級編 JavaScriptの仕様関連 p要素への appendChild() で失敗する かけ算を間違える イベントハンドラが見る値のエラー クロージャを使わない場合に起きるエラー オブジェクトのprototypeを変更した時のエラー 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー 不要なイベントが連鎖で発生してしまう (バブリングの対処) オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラー オブジェクトのメソッドを
※この記事は,GoogleのGetting Started Tutorialを日本語訳したものです。 Chromeアドオンは,複数のコンポーネントによって成り立っています。 コンポーネント同士は,互いに関連性があります(cohesive)。 コンポーネントの種類としては, background script content script option ページ UI element その他のロジックを記述したファイル などがあります。 アドオンのコンポーネントは,HTML,CSS,JavaScriptといったWeb開発の技術を用いて作成されます。 アドオンごとに機能が異なりますので,必要となってくるコンポーネントも変わってきます。 このチュートリアルでは,一つのアドオンを作ります。 developer.chrome.com のドメイン上にある任意のページ上で,ページの背景色を変更することが可
Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer
HTMLやスタイルシートでは、ページをどのように表示するかを指定することが出来ますが、 表示された後には、何も出来ません。そこでJavaScriptを使えば、表示後でもユーザの操作によって反応を返したり、 時間によって違う処理を動かしたりすることも出来ます。 ちょっとした動きのあるページや情報を取得するには、JavaScriptは欠かせない技術ですね。 少々知識が問われますが、ここでは、ソースに貼りつけるだけで出来るように 全てソースを公開しています。だから初心者でも全然大丈夫。ご安心下さい。 JavaScriptを使えば、あなたのページもレベルアップする・・・かもしれませんよ。 マウス関連 / リンク関連 / フォーム関連 / ウィンドウ関連 / 背景関連 / スタイルシート関連 / クッキー関連 / ツール関連 / 時間と日付関連 / 情報関連 / 画面表示関連 / フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く