とあるシステムを構築中にハマった体験を。
javascriptで指定した要素の座標を簡単に取得する方法です。
PopBox.js内の
elem.style.zIndex = null
この一行をコメントアウトするといいらしいのだが、
直った！
なんでなんだろう？？？
javascriptで背景色で分岐して、処理を行うことしようとしていたのですが、ＩＥだと正常に動作してFireFoxだと指定した条件が無視されるという現象が発生。
原因は、firefoxだと、RGB形式で色を指定しないとダメでした。
なので、
とすると正常に動作しました。
javascript のイベントハンドラのまとめたものがほしかったので情報を集めて作成。
《イベントハンドラ一覧》
| イベントハンドラ | 発生条件 |
|---|---|
| onChange | フォーム要素の選択、入力内容が変更された時に発生 |
| onSelect | テキストが選択された時に発生 |
| onSelectStart | ページ内の要素が選択されようとした時に発生 ※IEのみ |
| onSubmit | フォームを送信しようとした時に発生 |
| onReset | フォームがリセットされた時に発生 |
| onAbort | 画像の読み込みを中断した時に発生 |
| onError | 画像の読み込み中にエラーが発生した時に発生 |
| onLoad | ページや画像の読み込みが完了した時に発生 |
| onUnload | ウィンドウを閉じた時、他のページに切り替えた時、ページをリロード（更新）した時に発生 |
| onClick | 要素やリンクをクリックした時に発生 |
| onDblClick | 要素をダブルクリックした時に発生 |
| onKeyUp | 押していたキーをあげた時に発生 |
| onKeyDown | キーを押した時に発生 |
| onKeyPress | キーを押してる時に発生 |
| onMouseOut | マウスが離れたした時に発生 |
| onMouseOver | マウス乗った時に発生 |
| onMouseUp | クリックしたマウスを上げた時に発生 |
| onMouseDown | マウスでクリックした時に発生 |
| onMouseMove | マウスを動かしている時に発生 |
| onDragDrop | マウスでドラッグ＆ドロップした時に発生 ※NN4のみ |
| onBlur | ページやフォーム要素からフォーカスが外れた時に発生 |
| onFocus | ページやフォーム要素にフォーカスが当たった時に発生 |
javascriptのgetElementByIdについてですが、
いくら見直しても、スクリプト内で取得した値をフォームのテキストに反映できない。
なぜ？なぜ？
イライラしてきたところで、getElementByIdをよく見直してみると。
値を表示するテキストにIDが指定してない。
初歩的なことでした。
複数のチェックボックスに対して、一括でチェックを入力するチェックボックス
とあるPHPで表示したWEBページ内の文字をjavascriptで検索するように設定していて、ある行を境に検索できなくなりました。
ページ内検索のjavascirptは以下のとおり。
var fFirst; //はじめかどうかのフラグ
var objRange; //TextRangeオブジェクト
//検索関数
function Start()
{
objRange = document.body.createTextRange();
//文字列が空であれば終了
if (document.search_form.txtWord.value.length == 0)
{
return;
}
strCheck = document.search_form.txtWord.value;
if (fFirst)
{
fFirst = false;
}
else
{ //2度目以降
objRange.move("character", 1);
}
//セレクトする
if (objRange.findText(strCheck))
{
objRange.select();
objRange.scrollIntoView();
}
}
という感じ。
PHPでWEBページを表示しているんですけど、HTMLタグやらでソースは５万行を超える状態。
この５万行が限界らしく５万目は見事に検索されなくなりました。
４９９９９行目までは検索できるんですけど。
どなたか何か情報もってないですか？？
入力フォームを作成していて、どうしてもキーボードのEnterキーを押して間違って送信することがありました。
そこで、Enterキーでの入力で送信をしないようにJavascriptで制御します。
コードは以下のとおりです。
function NoEnter(evt){
evt = (evt) ? evt : event;
var charCode=(evt.charCode) ? evt.charCode :
((evt.which) ? evt.which : evt.keyCode);
if ( Number(charCode) == 13 || Number(charCode) == 3) {
return false;
} else {
return true;
}
}
function NoSendEnter(formName) {
var elements = document.forms[formName].elements;
for (var j=0; j < elements.length; j++) {
var e = elements[j];
if (e.type == "text"){
e.onkeypress=NoEnter;
}
}
}
実際のフォームには次のように埋め込みます。
<form name="form1">
～入力項目～
<input type="text" name="text1">
</form>
<script>
NoSendEnter('form1');
</script>
