strokeText.js (with IE 6/7/8 support)
What is it good for strokeText.js is an unobtrusive javascript library working in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. The library provides cross API text stroking capability for Canvas and VML. The (built in) sans-serif font is also adapted for SVG to ensure an identical representation. strokeText.js is not a standalone application. It act's as an expansion to
bookmarkletで選択文字列を取得することを考える - 徒書
bookmarkletで、「選択文字列を取得して何かする」という処理はよくあるものですが(検索エンジンに渡したりとか)、そのことについて暫く考えを巡らせています。 ※ 以下のJavascriptソースはMozilla系ブラウザで動作させるものとします。 Firefoxで選択文字列を取得する場合は、以下のような方法が用いられます。 var t = window.getSelection().toString(); 多くの場合はこれで問題無いのですが、うまく行かない場合もあります。 まず、フレームが使われている場合。フレームの中のページは、大本のページとは別のwindowオブジェクトなので、その中で選択文字列は上記の方法では取得できないことになります。何とかしようとするならば、window.framesにより子windowオブジェクトを取得し、それぞれのwindowオブジェクトについて再帰的に
TextArea Cursor Position with JavaScript - Scott Van Vliet
.NET Architecture So Cal .NET Architecture User GroupMicrosoft patterns & practicesMicrosoft SoCal Architect Blog .NET General Code ProjectAlan BakerJeff Perrin ColdFusion Ben FortaWebapper Friends Demian HolmbergAnthony ValentinoKyle Finley Windows Presentation Foundation Rob RelyeaWindows VistaShawn Livermore June 2008 (2)May 2008 (1)February 2008 (1)September 2007 (1)August 2007 (1)May 2007 (1)
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
javascript - StringをArrayみたく : 404 Blog Not Found
2006年10月30日12:15 カテゴリLightweight Languages javascript - StringをArrayみたく JavaScript、それも最近の実装は意外な所がPerlじみてるのだけど、これもその一つ。 IT戦記 - JavaScript は変数名に直接 Unicode Escape が書ける 知ってました？ Perlもuse utf8;していれば$人++が書ける。でもエスケープしなきゃならないというのがへんてこだけどね。 で、次はRubyじみてるところ。 最近のJavaScriptでは、以下が動いてしまう。 var name = '小飼弾'; alert(name[2]); // これがOK どれくらい「最近」かは詳細には追っていないのだけど、少なくともFirefox 1.5以降、Safari 4、そしてOpera 9では動く。Mac IE 5はNG。I
JavaScript は変数名に直接 Unicode Escape が書ける - IT戦記
知ってました？ var \u5929\u91CE = 'amachang'; alert(天野); // amachang var \u0068\u006f\u0067\u0065 = 'ほげ'; alert(hoge); // ほげ ついでに今回作ったエスケープ関数置いておきます。(Firefox Only) var unicodeEscape = function (s) { var d = ''; Array.prototype.forEach.call(s, function(c) { var s = c.charCodeAt().toString(16); d += '\\u'; for(var l = s.length; l < 4; l++) d += '0'; d += s; }); return d; }; 上の unicodeEscape 関数作ってて発見したんだけど
Collection & Copy - テキストエリアのカーソル座標を取得する
JavaScriptテストコードのため書きっぱなしです。以下は、テキストエリアのカーソルの下に、候補窓がついてくるサンプルです。これをちゃんと書き直して、補完と組み合わせてみよう。 サンプル pre要素にborderやwidth/height、font-familyやword-spacingなど全ての属性をコピーしてテキストエリアのクローンを作り、その中のカーソルを真似たspan要素の座標を取得しています。もしかして、eventなどから簡単に位置を割り出せるのかなぁ。 カーソルの位置(文字数)はid:kosekiさんのCross Browser selectionStart/selectionEndをコピーして真似ました。 EditArea(コードが大変な感じ)も、テキストエリア(編集領域)とDIV要素(表示領域)を重ね合わせて色々なことをやってる。大量のspan要素で色づけ。 infog
Ajax IME: Web-based Japanese Input Method
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
Collection & Copy - IE、テキストエリア内の選択範囲/キャレットの位置(文字数)を取得する
JavaScript簡単なようで、とても難しく、情報もあまり見つからなかったので、知らない方はぜひ読んで。 選択範囲の移動でもなく、選択範囲の内容の取得でもありません。選択範囲がテキストエリアの中で何文字目から何文字目に渡っているかをIEで調べる方法です。 まずFirefoxではElement#selectionStart/selectionEndで簡単に取れます。 次に、テキストエリアではなく一行のインプットボックスならば以下で大丈夫です。 setEndPointメソッドは、rangeTo.setEndPoint('EndToStart', rangeFrom)のように使い、rangeFromの範囲をrangeToにコピーします。名前はEndPointですが、始点/終点のどちらの端もこのメソッド一つで動かすことができます。'EndToStart'は、「rangeToの終点を、rangeF
こせきの日記
Mozillaで実装されているselectionStart/selectionEndをIEでも使えるようにする、Selection.jsを公開しました。 IEのTextRangeオブジェクトは、 range.textを書き換えると選択範囲末尾の改行が消えてしまう。 選択範囲の前後のコンテクストを見て処理を行うのが難しい。 のような使いにくい点があります。 これは、HTMLの書き換えでは問題にならないかもしれませんが、テキストエリア内の文字列を書き換える場合にやっかいな問題を引き起こします*1。 一方、MozillaのselectionStart/selectionEndは、textarea.valueに対する文字列操作として実装できるため、余計な心配が要りません。 というわけで、クロスブラウザなselectionStart/selectionEndを実現するSelection.jsを作成し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
Scrolling textarea in Opera
[JavaScript] IEで親ウインドウのtextareaのカーソル位置を取得する - OSS WEB|ossz|oneline|2006-10-02
きまぐれ日記: 2006年09月 アーカイブ