JavaScript Full Screen API, Navigation Timing and repeating CSS Gradients « Peter Beverloo
Published on January 10th, 2011 in Google Chrome, Last Week, Standards, tech, Trident, WebKit. Version: Chrome 10 Development is slowly getting back on track with the 851 commits which were done last week. This week’s highlights include the availability of a per element JavaScript full screen API, a prefixless Navigation Timing implementation and the addition of support for repeating CSS gradients
JavaScript で日本語の変換途中の文字列を取得する
■ JavaScript で日本語の変換途中の文字列を取得する input form に onKeyDown とか指定してイベントを受け取るようにすると、現在入力している文字列が取得出来るわけですが、残念ながら日本語の変換確定前の文字列は IE でしか取得出来ません。 しかし setTimeout の処理とかを使えば IE 以外のブラウザでも取得出来るのですが、このやり方について解説している人を見掛けた事が無いので紹介しておきます。ええ、まぁ、実際にそんな事がしたい状況ってのはあんまり無いんですけどね。JavaScript で自動フリガナ入力 ってのを見たら、やっぱり onKeyDown のせいで IE 以外のブラウザには非対応っぽいので Firefox 対応版になったら嬉しいなと思ったもので。 それで肝心のやり方ですが、実際にサンプルを見た方が早いと思うので、以下に用意しました。何も難し
同一ページ内でポップアップウィンドウを開くJavascriptライブラリ:phpspot開発日誌
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら （Launch Google でGoogleが開きます） ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
XULをいじろう
はじめに この文章は筆者がXULプログラムを作る時に得た知識を適当にまとめた物です。XULやJavascriptなどの詳しい所には触れていません。 今回は筆者がパッケージングを担当したカップラーメンタイマーを使って解説をしていきます。 用意するもの まずXULをいじるために必要なものを挙げます。 UTF-8対応のtext editor UTF-8が必要なのは言語ファイルがUTF-8で記述されるからです。国際化を考えていなければ特に必要はありません。また、JavascriptやXMLを扱うので色づけや専用のmodeを持ったeditorならなお良いと思います。筆者自身はxemacs+mule-ucsを使って、言語ファイルを扱う時はC-x RET c utf-8 C-x C-fとやってutf-8を明示的に指定して開いています。 zipを扱うプログラム パッケージを扱うのに必要です。Unix系なら
Trivial Tracks: Javascriptのクロスブラウザライブラリ
Javascriptを少しでも自分で書いたことある人は、各種ブラウザ間の共通性・互換性の弱さにため息や頭痛を感じた人も少なくないのではないでしょうか サイト上にスクリプトが記載されていて、それをコピペして借用する方法もあるが、経験上こういうコードは意外と完成度が低く、自サイトでは挙動がおかしいということが多々ある。 こう思った人がブラウザ間の差を吸収したライブラリを誰か提供してくれているに違いないと思い探してみるとまず最初に引っかかったのがPrototype.js。 残念ながらこれは間違いではないが、目的がAjaxに重点を置いているため古いブラウザは問題外となっている。 ちなみに正式対応なIEバージョンは6以降と書いてある。 そしてやっと探しあてたのが以下で紹介されている「X Library」 http://www.cross-browser.com/ これの完成度は本当に素晴らし
Best Tool For the Job » Alternatives to Ruby on Rails
I’ve been learning Ruby on Rails for the past few months. Along the way, I’ve found several similar frameworks in other languages: Django in Python Fanery in Python Subway also in Pyton TurboGears another Python framework Catalyst in Perl TrimJunction in JavaScript Cake in PHP Symfony in PHP5 Seagull in PHP PHP on Trax another one in PHP MonoRail in .NET Wicket for Java Sails for Java Trails also
Bin-Blog: AHAH(Asynchronous HTML over HTTP) - AJAX 2.0
This site has been moved to a new location - Bin-Blog. All new post will appear at the new location. AHAH or Asynchronous HTML over HTTP is a much simpler version of AJAX. Using AHAH approach in JavaScript you can display external XHTML pages inside your HTML page. The beauty of the script is that it is so very simple - the underling code is just twenty lines! The difference between AJAX and AHAH
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
![text-hatena.js 公開 [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d81b4c2eba71389dea0599dc6c94d1cac300ece/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
Ajaxフォトアルバムのフェードイン画像フレームを作ろう －＠IT
本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア
JSONでBiddersインクリメンタル検索、をブログに貼ってみる - TEDDY-G本家
前回皆様方への御礼を書いてからまたずいぶん経ってしまった。BiddersMapAds配布は頓挫したわけではなく、単に時間がないだけです。すいません。 さて、JSONという技術が流行っているらしい。JSONというのはJavaScript Object Notationの略で、その名のとおり、サーバからクライアントにデータを送るときにJavaScriptのObjectの表記法で送ってあげる手法のことだ。 ここでJavaScriptのObjectの表記法とは何ぞやという話になるが、その前に、誰もが最初に覚えるであろうJavaScriptでのObjectのProperty（値や機能）の定義方法をおさらいしておきたい。色んな入門書を見ると次のような書き方が挙げられている。 var args.x=1; var args.y=1; var args.methodA=function() {...} ひと
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coming Soon
Halfnote -
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
Radar - O’Reilly
xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]
Funky Cool
はてな技術勉強会 - JavaScript Programming 2.0