element#selectionStart で選択開始位置 element#selectionEnd で選択終端位置 を取得、設定できる。 たとえば、キャレットを3文字目の位置に移動させたいのであれば var element = document.getElementById("input_type_text"); with(element) { selectionStart = selectionEnd = 3; } とすればよい。
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
*[hatefu:labs.yaneu.com/20090309/] はてふ --- はてな付箋リリースしました Webで技術的な調べ物をしていると、記事の間違いを目にすることが良くある。例えば、次の記事だ。 # 記事の誤り [img:bad1.png] 第10回 CSSで画面を構成する際の最重要タグ「div」の使い方を知る http://itpro.nikkeibp.co.jp/article/COLUMN/20080311/295932/?ST=swd-design&P=5 この赤の下線部は私が引いた。言うまでもなくここは、誤りである。positionは指定しなければstatic扱いで、staticだと親要素になれないだけのことである。だからabsoluteでもrelativeでもfixedでも指定すれば親要素になれ、position:absoluteはその親要素相対になる。 最重要タ
クラスベースのOOとプロトタイプベースのOOで決定的に違うのは、プログラムを動かしている最中にオブジェクトが出来ること、すなわちメソッド(method)を追加したり再定義したりできるかだ。 404 Blog Not Found:タイプ・クラス・プロトタイプ - OOの語彙 これはひどい。w オブジェクトに対して動的(実行時)にメソッドやインスタンス変数を追加できることと、“プロトタイプベース”においてオブジェクトがそれが属するクラスによらず独自のメソッドやインスタンス変数を持てることとは別の話です。 あらためて、「プロトタイプベース」という用語自体に問題が多いことを実感させられる記事でもありますね。個人的には、クラスを用いないオブジェクト生成手法の話でないのならば(つまり、「プロトタイプの複製でオブジェクトを生成する」ことが話の本筋でないならば)「プロトタイプベース」ではなく、「インスタン
When used correctly,jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best prac
Alex Holt氏がSmashing MagazineにおいてjQuery and JavaScript Coding: Examples and Best PracticesのタイトルのもとJavaScriptプログラミングのベストプラクティスを紹介している。Alex Holt氏は「Unobtrusive DOM Scripting」と呼ばれるプログラミング手法がWebサイトに適用するにあたり優れているとし、Unobtrusive DOM Scriptingの実現にはjQueryが実にいい具合で活用できることを説明している。 同氏はDOMを経由してWebページの各種データにアクセスしてなんらかの動作をさせるプログラミング方法をDOM Scriptingと呼び、DOM Scriptingのなかでも必要な機能を必要な要素に対して適用するものといったニュアンスを強める場合にUnobtrusi
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
これから胸を躍らせて新しい人生への1ページを開こうとしている皆さん。皆さんはきっと,コンピュータを思い通りに使いこなすための「プログラミング」という技術に興味を持って,このページを開いたことと思います。 それと同時に,恐れもあることでしょう。思い通りにコンピュータを使いこなしてみたいけど,難しい理屈を延々と聞かさせるのはイヤだな――こんな風に思っているのかもしれませんね。 でも,心配は要りません。プログラムは詰まるところ,思い通りに動きさえすればよいのです。理屈は一切知らなくても,コンピュータを思い通りに動かすことができれば,それで全く問題はありません。 もちろん,巨大で複雑なプログラムを思い通りに作り上げて動作させようとすると,そう簡単にはいきません。そのようなケースでは,プログラムを思い通りに支配するための様々な知恵の蓄積を学ぶ必要があります。それはそれで大いに意義のあることですが,と
JavaScriptのthrowが何でも投げられcatchが何でもとれる例を書いてみたら、 思いのほかキモかったのでコードを載せる。 関数をthrowしたのをcatchして実行してる。 function func(){ console.info('hogehoge'); } try{ throw func; }catch(e){ e();//hogehoge }
オンラインとリアル。現代のエンジニア・コミュニティには、2つの活動領域が存在する。その境界線を越えて活動する人たちにフォーカスを当て、これからのコミュニティ像を探る。 第2回|1 2|次のページ エンジニアが開く数々の技術勉強会。その開催場所を見ると、やはり東京を中心とした関東圏が多い。そんな中で一時期、不思議な「場所」で開かれる勉強会が存在した。名前は「Roppongi.JS」、場所は「オンライン」。 オンラインで勉強会、というユニークな試みは、試行錯誤の連続だったようだ。2008年3月にスタートしたこの勉強会は、同年7月に「一時凍結」を宣言した。 なぜオンラインだったのか。リアルな勉強会との違いは。そして「凍結」の意図とは。主催者である「HolyGrail」氏に伺った。 ■初心者にもJavaScriptを使ってほしい Web上ではHolyGrailという名前で通っている、堀邦明氏。某W
上の画面は、ワークフロー機能でよくある承認画面です。チェックボックスで選択したデータは、[承認]ボタンをクリックすることで、状態を「承認待ち」から「承認済み」へ変更できます。入力チェックとして、「選択0件で承認ボタンをクリックしたときはエラー表示」という処理をJavaScriptで実装しています。 ところが、データが1件の時だけ、「選択しているのに『1件も選択されていません』というエラーが出る」というバグが発生しました。バグコード 入力チェックのコードは、次のようになっていました。 function check() { var sentakuChk = document.form1.sentakuChk; for (var i=0; i<sentakuChk.length; i++) { if (sentakuChk[i].checked) { return true; } }
Yesterday I gave a presentation for the local ACM of Northeastern University. I covered the basics of JavaScript – targeted to a Computer Science major (in the case of the students at NU, they learn Scheme and Java so I emphasized the subject matter to that audience). I did a fast run-through of the whole language, covering the main points, and move on to a quick inspection of jQuery and the DOM –
はじめに Ajax(エイジャックス:Asynchronous JavaScript+XMLの略称)はウェブ上のサービスを中心に普及してきました。 皆さんの開発現場でAjaxは活用されているでしょうか? 最近はいろいろなJavaScriptフレームワークが出てきているため、Ajaxのサンプルもウェブ上に多く掲載されています。しかし、特定のJavaScriptフレームワークやWebアプリケーションフレームワークに依存したサンプルは制約も多いため、活用を躊躇しているITエンジニアも多いのではないでしょうか? この記事では、特定のフレームワークを利用せずにAjaxによるインクリメンタル検索を実装してみることで、Webアプリケーションの基礎を振り返ってみたいと思います。 今回作成するインクリメンタル検索アプリは、蔵書の検索です。完成イメージを以下に示します。 本記事は、以下の順序で進みます。 全体の
It’s really amazing to see what one can create using jQuery. Developers just don't stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : 45+ Fresh Out of the oven jQuery Plugins 50+ Amazing Jquery Examples- Part1 So let
こんなの作りました。 図1:検索フォームです。 図2:"js"と打ってみたところ。Javadoc API用のインクリメンタル・サーチです。 以下のような検索ができます。 通常はクラス名を前方一致で検索します。大文字小文字は区別しません。 一文字目を"*"にすると中間一致で検索します。大文字小文字は区別しません。 一文字目を大文字にするとキャメルケース検索になります。大文字小文字を区別して前方一致。 一文字目を"/"をにすると正規表現検索になります。後ろに"/i"をつけると大文字小文字を区別しません。 一文字目を"."にすればパッケージのサマリページも検索できます。".*"からはじめればパッケージを中間一致です。 (ページ末尾のスクリーンショットも参考にしてください) 操作方法 フレームありでjavadocを開いてください。右上に検索フォームが表示されます。 フォームに文字を入力すると、イン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く