Our core library. Includes all standard chart types and more.
javascriptに関するPhinlodaのブックマーク (64)
-
Phinloda 2011/10/20
-
JavaScriptでフォームの入力制御 － Esprit's Style － エンジニアの足つぼ －
<head> <title></title> <script type="text/javascript"> // 合計計算用 function MyCalc(arg1, price, total){ var cnt = arg1.options[arg1.selected="selected"Index].value; total.value = cnt * price.value; return false; } </script> </head> <body> <form name="form1" action="" > <table> <tr bgcolor="#f0f0e8"> <th>品番</th><th>品名</th><th>単価</th><th>数量</th><th>小計</th></tr> <tr><td>50001</td><td>Pentax MZ3</td> <td
-
-
-
childNodesの罠 - ホットリンク研究開発室のblog
yukiinu2ndです。また間が空いてしまいました……。 #文章にまとめるのは難しいです。 今回は、JavaScriptについて勉強をしている方から相談を受けた(というより自ら首を突っ込んだ)際にはまってしまったことについて紹介します。 その方、何でもJavaScriptからchildNodesなどを使ってDOM操作をすることで動的に要素を操作する、というサンプルを動かしていたのですがうまく動かないと困っていました。 childNodesはノードオブジェクトのプロパティであり、 var kodomotachi = document.getElementById("oya").childNodes; alert(kodomotachi[0].innerHTML);とするとkodomotachiにid属性が「oya」である要素の子ノードの配列が返ります。 上記のようにその要素の持つ子ノードの
-
JavaScript製のスクロールバーを作った その２ - so what
※ライブラリ化しました http://storehouse.sakura.ne.jp/scrollbar.html ついでにホイールにも対応してみた。 Operaで動くかは不明。一応、動くようにした。 <html> <head> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> ScrollBar = Class.create(); ScrollBar.prototype = { initialize: function(element) { this.bar = $(element); this.bar.height = parseInt(Element.getStyle(this.bar, 'height')); this.knob = this.bar
-
-
-
-
Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu
-
中の技術日誌 コラム テキストボックスなどでEnterを押したときに1つ目のsubmitボタンを動作させたくない
この文書はWindows XP SP2+IE6をベースに記述されています。 Internet ExplorerではFormの中で最初のsubmitボタンが押されたことになります。 また、テキストボックスがひとつしかない場合にEnterを押すとなぜかもう一度画面をリフレッシュしようとしてしまいます。 どのような動きをするのかのサンプルは以下のような感じです。 ボタンが二つある場合の一つ目を押した動作をする これを無効にするにはEnterキーの動きを判断して無効化するしかありません サンプル ソース <script type="text/javascript"> function funcformonkeydown(){ //ENTERによるイベント発火を防ぐ var src = window.event.srcElement; if(event.keyCode == 13) { if (sr
-
リアルシステムズ Ver.β : disabledにしてグレーになったelementの色を変えるjavascriptかcssはあるのか？ - livedoor Blog（ブログ）
閲覧時は編集されたくないけど、グレー表示は見づらいから嫌だ！ というのは建前で、本当は編集用と閲覧用で2種類のHTMLを書くのが 面倒だからreadonlyとかdisabledくらいで済ませたい！というのが 本音でした(^^; 簡単なのは属性でreadonlyにしてしまうこと。つまり ＜input type="text" readonly＞ 編集できない、色も変わらない。 でも！text,textarea以外だとreadonlyが使えない？ だめです。次。 だったらdisabledにすればいいじゃん！ってことでこちら。 ＜input type="radio" disabled＞ おー、編集できない、けど色がグレー。 これも見づらいので却下。最悪これになるかもしれないけどね。 じゃあcssで色を変えちゃえばいいのか？ ＜input type="radio" dis
-
第4回 JavaScript実行制御で情報漏えいを防ぐ
Web 2.0という言葉で総称される新たなインターネット時代。Webサイトやエンドユーザーに仕掛けられる攻撃もまた，2.0と呼ぶべき進化を遂げようとしている。攻撃者はWeb 2.0の中核技術であるJavaScriptを悪用してブラウザを狙う。従来の脅威対策は全く通用しない。今回はユーザーが今すぐ実践可能な対策を解説する。 XSS対策は，Webサイトとクライアント（ブラウザ）の両方からのアプローチが考えられる（図5）。Webサイトに潜むXSSのぜい弱性を根絶することと，ブラウザの設定変更や機能拡張によってエンドユーザーが自衛手段を講じることである。 そもそもWebサーバー側にXSSのぜい弱性がなければ，攻撃されるリスクはぐっと小さくなり，クライアント側の対策は必要最低限で済むはず。にもかかわらず専門家はクライアント側の対策を積極的に勧める。サイト側の対策にはどうしても漏れが生じがちなためであ
-
tonextone.com/note/ - JavaScript の *.onkey* と IME の事情。その1
tonextone.com/note/ Last-modified: 2006-09-01 (金) Copyright ©master_at_tonextone.com All rights reserved. Google suggestの補完候補表示機能は、便利なので、結構いろんな人がマネをしている。 俺もこれで真似しているわけだが、まだマネし切れていない部分がある。 それは、かな漢字変換が未確定の段階での、補完候補取得機能。 IME-on でも、キーをタイプする毎に、補完候補が更新されるっていうヤツ。 Google 以外で、この機能を Cross-Browser に実装して、公開している人もいないようだ。 という事で、あの難読化された ac.js から学ぶ事にする。 現段階で分かっている事は、 IME-on 状態で、 IE: キータイプ毎に keydown, keyup が発生する。
-
ヘッダー固定のスクロール可能なテーブルを作成する。（javascript + CSS） | (株)クラブエナー 滋賀・大阪・京都のホームページ制作会社 （CMS構築など）
当社はAnother HTML-lint gateway,及びW3C Markup Validation Service にてソースのチェックを行い、最高レベルの構築を行っています。 ある案件で使えるかな、と思って探していて、実際、思う動作は実現できたのですが、結局この話は没になってしまいました。 ということで、もったいないのでメモ代わりに公開しておきます。 <やりたいこと> ・テーブルの上と左にヘッダーがある。 ・表の中身はかなり縦にも横にも長くなる可能性があり、スクロールできるようにしたい。 ・ただし、ヘッダーは常に表示させておきたい。 要はエクセルの「ウィンドウ枠の固定」のようなことです。 これをどうやって実現させようか、ということで色々探していたのですが、なかなかうまい情報に当たらず・・・。 最終的にたどり着いたのが、 http://hikazoh.tdia
-
-
-
いやなブログ: JavaScript でインクリメンタル grep 検索
JavaScript でインクリメンタル grep 検索 JavaScriptで grep 検索をしようと思い、次のようなコードを書いた。 function grep (pattern) { try { var regex = new RegExp(pattern, "i"); var spans = document.getElementsByTagName('span'); var length = spans.length; for (var i = 0; i < length; i++) { var e = spans[i]; if (e.className == "line") { if (e.innerHTML.match(regex)) { e.style.display = "inline"; } else { e.style.display = "none"; } } }
-
-
要素のコピーをドラッグしたい。 - うなの日記
YAHOO.util.DDProxyを使うと、要素そのものでなく、要素のコピー(エイリアス?)をドラッグできるようになります。Windowsでファイルをドラッグした時のような感じです。 ドラッグできるようにするだけであれば 「new YAHOO.util.DDProxy(<対象要素ID>)」でOK ドラッグする要素をカスタマイズすることもできます。 // 要素のコピーをドラッグ new YAHOO.util.DDProxy("drag"); // ドラッグする要素をカスタマイズして、ドラッグ中に中身を表示できるようにする。 // ドラッグする要素を明示的に指定し(指定しないとaと同じ要素が使われる) // startDragを再定義し、要素をカスタマイズする。 var b = new YAHOO.util.DDProxy("drag-with-content", "", {dragElId
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました