テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study
テキストボックス内のカーソル位置を末尾に設定する方法を調べてみました。 IE 6.0、Opera 8.5 の場合 var elm = document.getElementById('text'); // テキストエリアのelement取得 elm.focus(); // Operaの為(IEでは無くても大丈夫) var range = elm.createTextRange(); range.move('character', elm.value.length); range.select();当初、elm.focus()は入れてなかったのですが、Operaではこうしないとちゃんとカーソルが移動してくれません。(この動きに悩まされました) IEだと、range.select()で、フォーカスが移動し、カーソル位置もちゃんと末尾に行くのですが、Operaだと、フォーカスは移動するが、テキス
こせきの日記
Mozillaで実装されているselectionStart/selectionEndをIEでも使えるようにする、Selection.jsを公開しました。 IEのTextRangeオブジェクトは、 range.textを書き換えると選択範囲末尾の改行が消えてしまう。 選択範囲の前後のコンテクストを見て処理を行うのが難しい。 のような使いにくい点があります。 これは、HTMLの書き換えでは問題にならないかもしれませんが、テキストエリア内の文字列を書き換える場合にやっかいな問題を引き起こします*1。 一方、MozillaのselectionStart/selectionEndは、textarea.valueに対する文字列操作として実装できるため、余計な心配が要りません。 というわけで、クロスブラウザなselectionStart/selectionEndを実現するSelection.jsを作成し
[を] contentEditable と designMode
contentEditable と designMode 2005-03-11-4 [Programming] [2005-03-11-1]で、＠Wiki（あっとうぃき）<http://atwiki.jp/> の 「ワープロモード」はContentEditableを使っていると思われると書いた ら、eto氏から contenteditableじゃないよ。FireFoxでも動くし。 とのコメントを頂いた。JavaScript のソースを見てみると、designMode というものを使っているらしい。ちなみに atwiki の JavaScript ソース は、Zope で使われている Epoz というものみたい。ソースの頭に Epoz - a cross-browser-wyswyg-editor for Zope って書いてある。 で、この designMode だとI
JavaScript Market
JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中 はじめに このサイトは、ホームページを持ってらっしゃる方 又はこれからホームページを立ち上げようという方の為の 言ってみればホームページ作成支援のサイトです。 ただし、そうは言っても賑やかな画像や綺麗な壁紙や、 愉快なGIFアニメーションなどは一切置いてません。 ここは紙芝居のような無機質なホームページに「動き」を加え、 一方通行のホームページから相互通行のホームページにしてゆく為の素材 「JavaScript（ジャバスクリプト）」をメインに陳列しています。 といっても、ココはJavaScriptに関する解説や講義などをする所ではありません。 JavaScriptに関する解説・講義などは諸先輩方の優れたホームページが 沢山ありますので、そちらにお任
クロスブラウザ実現のための基本関数群（DOMブラウザ対応）
Window( Frame )の幅の取得 function getWindowWidth(){ if(window.innerWidth) return window.innerWidth; // Mozilla, Opera, NN4 if(document.documentElement && document.documentElement.clientWidth){ // 以下 IE return document.documentElement.clientWidth; } else if(document.body && document.body.clientWidth){ return document.body.clientWidth; } return 0; } Window( Frame )の高さの取得 function getWindowHeight(){ if
JavaScript Tips collection
タイトルは月並みですが、1) 実用的 2) ブラウザのバージョンに関係なく動くことを目標に作成した JavaScript Tip集と IE 及び NN どちらでも動作する Cross Browser DHTML の Tip集のページです
DHTMLサンプル集
ここにある DHTML は 100%クロスブラウザ （ NN でも IE でもバージョン 4 以上なら動く ） です。なおサンプルをご利用の際は、必ず使用上の注意を読んだ上でお使い下さい。 サンプル使用上の注意 修正履歴
CSSバグリスト＠CSSバグ辞典スレッド
『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26） 以前の履歴 本拠地スレッド CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
This Document has Moved
http://72.14.235.104/search?q=cache:_xkNkGVitH4J:www.tagindex.com/cgi-lib/q4bbs/patio.cgi%3Fmode%3Dview%26no%3D640%20Javascript%20designMode%20%E3%82%AB%E3%83%BC%E3%82%BD%E3%83%AB&hl=ja&gl=jp&ct=clnk&cd=1&lr=lang_ja&client=firefox
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
fam.cx
JavaScript DOM リファレンス