クリックした行の背景色の変更 - OKWAVE
以下のスクリプトは 【クリックした行の背景色を変更し、ハイライトさせる】 ものです。 このスクリプトに追加したい動作があるのですが、なかなかよい方法が思いつきません。 <追加項目> ・表以外でクリックすると行の背景色をやめる。 それと同時にテキストボックスもクリアする。 何かよい方法はないでしょうか？ <html> <head> <script> var preEl ; var orgBColor; var orgTColor; function HighLightTR(backColor,textColor,name,ken){ if(typeof(preEl)!='undefined') { preEl.bgColor=orgBColor; try{ChangeTextColor(preEl,orgTColor);}catch(e){;} } var el = event.srcEle
JavaScript/DOM | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説カスタマイズ性抜群の上級者向けタブブラウザ「Lunascape」 動作の重いFirefoxや、セキュリティホールの多いIEから乗り換えるなら・・・ 高機能かつ拡張性に富んだ『Lunascape』（ルナスケープ）がオススメです。 このブラウザは、驚くほど “ 動作が軽い ” のが魅力！ Firefoxみたいにメモリを食いません（笑） IEのツールバープラグイン、Firefox、Netscapeの一部のプラグインに対応しているので、今まで使っていたプラグインごと乗り換えられます。 IEのお気に入りもブラウザのサイドバーに簡単に組み込めます。 また、RSSリーダー付ブラウザなので、RSSリーダーを使わずにブラウザ上でRSSの購読や管理ができます。 F
テキストフィールドのフォーカス時に背景色を変更する JavaScript
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
入力中のフォームの色を変える | Webデザイン講座のオシャレチップス
フォームのどこを入力しているのかを色という手段で表現できるとユーザビリティが高まります。input属性をスタイルシートで装飾します。 <input type="text" style="background-color:#ffffff"> ブラウザで表示するとこんな感じになります。 これだけじゃ、もちろん色が変わるわけがありません。次にJavaScriptのイベントハンドラで背景色を指示していきます。 ここで使うのはonFocusとonBlurの2つです。onFocusというのはフォームを選択されたとき、onBlurというのはフォームを選択したあとで他のフォームに選択されたときを 示しています。 <input type="text" style="back ground-color:#ffffff" onFocus="this.style.backgroundColor='#ffcc3
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
Prototype.js、Element.setStyleのプロパティ名
Prototype.jsでElement.setStyleメソッドを使ってCSSを使って背景色を設定しようとしたんだけど、うまく行きませんでした。結局、下記のような結果に。 ×NG Element.setStyle($('id'), {'background-color': 'red'}); ○OK Element.setStyle($('id'), {'backgroundColor': 'red'}); なるほど、ハイフンはダメなのかー。代わりにキャメル形式を使うと。 でも、ネットで調べる限りはどこのリファレンスを見ても上記のようなことは書いてないし、NGの方で問題なく動いてました。 Element.setStyle - エレメントに指定CSSプロパティを設定 http://javascriptist.net/ref_prototype/Element.setStyle.html 上記
prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
教えて！ Watch javascript クリックすると、あるテーブルのセルの色を複数個所変化させたい