mooZoom デモ mooZoomはmooToolsのプラグインのため、実装にはmootools.js 1.2が必要です。 また、動作環境はIE6+, Fx2+, Safari3, Op9.5となっています。
mooZoom デモ mooZoomはmooToolsのプラグインのため、実装にはmootools.js 1.2が必要です。 また、動作環境はIE6+, Fx2+, Safari3, Op9.5となっています。
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。 あくまで私がくすぐられたもので、他の人がくすぐられるかどうかまでは保障できませんので、上記キーワードに興味の無い方は特にあらかじめご了承ください。 送信ボタンなどをちょっとセクシーにするCSS 送信ボタンなどをちょっとクールにかわいらしくする為の知識。 JavaScriptがいらないイメージマップの切り出しサンプル 画像にマップを埋め込んで華麗に表示する為の知識。 口で言うより、デモを見たほうが早い。 チェックボックスとラジオボタンをオシャ
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
CSS生成内容による属性値の表示とあれこれポップアップを組み合わせて使っている場合の問題点と、解決方法について述べてみます。 CSS2では、:before擬似要素や:after疑似要素とcontentプロパティを使うことにより、HTML文書の本文に無い内容を生成することができます。例えば、引用文のマークアップ(blockquote, q要素)について、title属性で示した引用元を表示させたりすることが可能です。 CSS生成内容表示サンプル ※ Firefox, OperaなどCSS2生成内容に対応したブラウザでご覧ください。CSSはHTML文書内にstyle要素として記述しています(以下のサンプルも同様)。 このようにCSSによりtitle属性の値を表示させている文書で、あれこれポップアップを同時に使用していると問題が起ります。マウスカーソルを該当の要素の上に移動させると、生成内容のうち
ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所（要素）の情報（属性値）あれこれをポップアップに出す、 JavaScript と CSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ本来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事（笑） 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE
Cross Domain Ajax: a Quick Summary AjaxでXHLHttpRequestを使用する場合は、セキュリティの関係上、異なるドメインのWebサービスにアクセスできません。 その問題を回避して、異なるドメインのWebサービスを呼び出す方法がまとめられています。 サーバプログラムをプロキシとして利用 スタンダードな方法。 処理の途中で失敗する際の制御を自分で行う必要あり。 JSONを利用 Webサービスの戻り値をJSONにする。 戻り値の中にコールバック関数名を書いておき動的に実行。 セキュリティ面で考慮が必要(Yahoo!は既に使ってる)。 こちらでライブラリをダウンロード可能。 Flashを利用 Flashもデフォルトではクロスドメインができない。 しかし、その制限を外す方法がある模様。 将来的には、ブラウザも対応していくかも。 Some have alrea
ということで Operaでクロスドメイン通信が可能になったので早速スクリプトを書いてみました。 今流行(？)のポップアップ型英英辞書です。 データはGoogleのdefine:検索を使ってます。 調べたい英単語をマウスでドラッグして選択すると その意味をポップアップで表示します。 こんな感じ↓ ソースはid:takefさんのHatenaDiaryKeywordPopupForOpera.user.jsを参考にしてます。 だからライセンスはGPL。 GreaseMonkeyをダウンロード Firefoxではそのままで動きます。 Operaでは a-lib-stacktrace.js a-lib-xmlhttp-cd.js aaa-greasemonkey-functions.user.js のスクリプトが必要です。 ポップアップが消えなかったり出なかったりすることが あるような気がするけど意
■ カーソル位置のセルの上端と横端をハイライトする JavaScript 好評の、読み込ませるだけで動く JavaScript シリーズの5段目くらいです。このシリーズもたまってきたので、そのうちまとめます。 Excel とかの表計算ソフトって選択しているセルの列番号や行番号がハイライトされたりしてますよね？table タグ上であれと同じものを実現する JavaScript を書いてみました。 こんなようなテーブルを作らなくちゃいけない事になりそうなんだけど…。 実際には15×20くらいはあるので、チェックを入れる時にすごく使い辛そうですよね。なので、カーソルの位置がわかりやすくなるようにハイライト出来たら便利だろうと思ったんです。 実際の動作サンプル rowspan とか colspan を使って複雑にしていると、上端とか横端の位置を取得するのがやたらと面倒になってくるので、画面上のセル
_ [他] 給食費を払っているから、子どもにいただきますと言わせないで 「給食費を払っているから、子どもにいただきますと言わせないで、と学校に申し入れた母親がいた」 [「いただきます」って言ってますか？ 「給食や外食では不要」ラジオで大論争@MSNより引用] その発想がわから… 【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★18@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★17@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★16@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★15@2ch-ニュース速報+【社会】 "いただきます"で大論
](https://cdn-ak-scissors.b.st-hatena.com/image/square/d228e8be070c32c738781e15c25aeb18f4dc6807/height=288;version=1;width=512/https%3A%2F%2Fv17.ery.cc%3A443%2Fhttps%2Fpmakino.jp%2Ftdiary%2Ftheme%2Fogimage.png)
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
In getting to know Prototype a little better, I decided to go through the latest version of the Prototype library (1.5.0_pre0) and detail every method and property that was available. In doing so, I got a much better understanding of how the code works. Here are the files in a 1280x960 and a widescreen 1440x900 version. 1280x960 1440x900 1280x960 on White 1440x900 on White And with WHITE backgroun
DES Source Code This page shows how to use this DES function, and provides the source code in Javascript, Perl and PHP. JavascriptのDES暗号化ライブラリの紹介。トリプルDESによって暗号化することも可能です。 次のように使うことが可能です。 des (string key, string message, boolean encrypt, [integer mode, string iv]) Perl,PHPの同様のアルゴリズムコードも公開されています。
The domain web-sun.com is for sale. The domain name (without content) is available for sale by its owner through Sedo's Domain Marketplace. Any offer you submit is binding for 7 days. All quoted prices are final prices. The domain web-sun.com is for sale. Make an offer on this domain You are not the highest bidder!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
