タグ

ブックマーク / www.kawa.net (4)

  • [JavaScript] dataスキームURI生成(画像データのBase64変換)

    Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方

    bluerabbit
    bluerabbit 2007/05/07
    Base64変換 greasemonkeyに使用する画像を変換するときに使用
  • AjaxZip 2.0

    Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

    bluerabbit
    bluerabbit 2006/09/25
    郵便番号から住所
  • Kawa.net xp - Ajax&Perl技術情報(川崎有亮)

    Kawa.net は、川崎有亮(かわさきゆうすけ)のウェブサイトです。 このサイトでは主に、JavaScriptPerl・ActionScript などの技術情報を載せています。 Kawanet Blog II(ウェブリブログ) でも、日々の知ったこと・思ったこと・試してみたことを書いています。 2012年9月から、 Kawanet Blog III(はてなブログ)に引っ越しました。 国内・海外技術系カンファレンス Shibuya.pm、Shibuya.js、 YAPC(東京、シカゴ、コペンハーゲン、リスボン、リガ)、OSDC.TW(台北)、 Google Develoeprs Day、Adobe MAX などで講演したり、 The JUI、TokyoCloud などのイベント企画・運営も行っています。 ≫もっと詳しく 著書に、インプレスジャパン『ソーシャルストリーム・ビジネス』(共著

  • ajaxな住所入力フォーム

    Kawa.netxp ajaxな住所入力フォーム いっけんすると普通の住所入力フォームですが、郵便番号7桁を入力すると・・・。 ajax (Asynchronous JavaScript+XML) 技術を利用しています。 Ajax を使った郵便番号検索 や Guide to Using XMLHttpRequest が参考になりました。 ajax サーバ側は、Perl CGI+DB_Fileを使用しています。 サーバ側は 単一郵便番号→複数住所な地域に対応していますが、 クライアント側が複数住所には対応していないので、ちょっとそこは手抜きです。 ajax クライアント側は、Windows Internet Explorer 6.0 で動作確認しています。 FireFox 1.0/Netscape 7.1 でも動きました(Windows で確認)。 Opera 7.54 では、動きません。

  • 1