2005-01-23から1日間の記事一覧

letter-spacingのバグ

CSS

letter-spacingを指定した要素内で、連続した<br>要素が無視される(IE5.x/IE6.0) Letter-Spacing:0.5emです。 ABC １行あけた。 ソース<div> <span style="letter-spacing: 0.5em;"> Letter-Spacing:0.5emです。<br> ABC<br> <br> １行あけた。 </span> </div>回避方法<br>要素に、letter-spacing: 0; を指定する Letter-Spacing:0.5emで…

入力フィールドに自動的にフォーカスする

JavaScript

ページ表示後すぐに入力フィールドにフォーカスする。ソース<head> <script language="JavaScript"> <!-- function FormFocus() { document.form1.text1.focus(); } //--> </script> </head><body onload="FormFocus()"> <p>ページ表示後すぐに入力フィールドにフォーカスする</p> <form name="form1"> <input type="text" name="text1" size="20" value=""> </form></body>

ドロップダウンメニュー

JavaScript

ドロップダウンメニューをクリックすると、リンク先が一覧され、選択するとそのリンク先にジャンプする。ソース<form name="form1"> <div> <select name="select1" onChange="location.href= document.form1.select1.options[document.form1.select1.selectedIndex].value"> <option value="/web/archives/err.html">▼選択してください <option value="/web/archives/index.htm">トップページ <…</option></option></select></div></form>

スクロールバーの色づけ

CSS

CSSのscrollbar関連プロパティでページのスクロールバーに色をつける。 scrollbar-face-color → 表面の色 scrollbar-arrow-color → 矢印の色 scrollbar-highlight-color → ハイライトの色 scrollbar-shadow-color → 影の色 scrollbar-base-color → ベースの…

サブウィンドウを常に全面に

JavaScript

サブウィンドウを常に全面に表示させる。2クリック目以降はメインウィンドウの裏にサブウィンドウが隠れたままになってしまうのを防ぐ効果がある。<script language="JavaScript"> <!-- function subWin(theURL, winName,features) { var winFocus; winFocus = window.open(theURL,winName,</script>…

フォームで数字のみ入力可能に

JavaScript

フォームで入力できる文字を数字のみに制限する。<script language="JavaScript"> <!-- function numberOnly() { st = String.fromCharCode(event.keyCode); if ("0123456789\b\r\t".indexOf(st,0) < 0) return false; return true; } //--> </script><form action=""> <div> 郵便番号<br> </div></form>