ria-web
https://as5202t-5748.myasustor.com/
2026-07-05T11:31:39+00:00ria-web
https://as5202t-5748.myasustor.com/
https://as5202t-5748.myasustor.com/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2021-03-03T01:30:09+00:00Anonymous (anonymous@undisclosed.example.com)select
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:jquery:select&rev=1614735009&do=diff
Append select option using jquery
jqueryを利用し、動的にoptionを作成する方法を紹介する。
まずはデモから見てみよう。
Test Page
<html>
<head>
<script type=“text/javascript” src=“./test/js/jquery-1.4.2.js”></script>
<script type=text/html2008-03-21T21:39:26+00:00Anonymous (anonymous@undisclosed.example.com)css
https://as5202t-5748.myasustor.com/doku.php?id=study:css&rev=1206135566&do=diff
Frame without frame
layer를 사용하여 Frame같은 효과를 내보자.
Identifying Your Sections
간단히 화면구성이 다음과 같다고 하자.
* left navigation
* righ tnavigation
* content
서두에서 얘기했듯이 table 포맷대신에 레이어를 사용하도록 한다.text/html2008-03-20T01:51:20+00:00Anonymous (anonymous@undisclosed.example.com)event
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event&rev=1205977880&do=diff
Mouse Cursor Position
document.compatMode
* Quirks mode[BACKCompat] : Standard-compliant mode is not switched on.
* Strict mode[CSS1Compat] : Standard-compliant mode is switched on.
function getPosition(e) {
e = e || window.event;
var cursor = {x:0, y:0};
if (e.pageX || e.pageY) {
cursor.x = e.pageX;
cursor.y = e.pageY;
}
else {
var de = document.documentElement;
var b = document.body;
cursor.x = e.clientX +
(de.sc…text/html2011-08-04T02:13:22+00:00Anonymous (anonymous@undisclosed.example.com)positioning
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:positioning&rev=1312424002&do=diff
Fixed Layer
Frame을 사용하지 않고 navigation이 고정된 채로 내용만 scroll되도록 만들어보자.
FireFox라면 position:fixed를 사용할 수 있겠지만, IE가 지원하지 않기 때문에
cross-browing을 생각하여 javascript와 css를 이용하여 구현해 보겠다.
간단하게 left navigation과 content두 column으로 구성된 page를 생각해보자.
css code snippet은 대략 다음과 같은 모습이다.text/html2010-05-21T16:44:16+00:00Anonymous (anonymous@undisclosed.example.com)comparisons
https://as5202t-5748.myasustor.com/doku.php?id=study:sso:comparisons&rev=1274460256&do=diff
Fast and Free SSO : Introductions
近年、企業のニーズとしてシングルサインオンの導入がどんどん増えつつある。
開発者にとってはコストを抑えながらお客様のニーズをどう充たせるか非常に悩ましいところである。text/html2010-03-19T15:15:17+00:00Anonymous (anonymous@undisclosed.example.com)prevent_paste
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:dojo:prevent_paste&rev=1269011717&do=diff
Prevent paste operation in textfield
ユーザー登録画面とかでパスワードとかメールの確認の貼り付け(Ctrl+V)を防止したい時があると思う。
今回はその場面で役立つようなjavascriptコードを紹介する。text/html2010-07-26T11:32:44+00:00Anonymous (anonymous@undisclosed.example.com)select
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:dojo:select&rev=1280143964&do=diff
Dynamic Select box from JSON
このページではツリー構造のリストをselectボックスで表示させて、さらにツリーの親子関係にあるselectボックスを連動
させる方法を説明する。
今回の例では、表示するデータをtext/html2017-11-28T04:26:41+00:00Anonymous (anonymous@undisclosed.example.com)clear-form
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:jquery:clear-form&rev=1511843201&do=diff
Clear form using jquery
jqueryを利用しFormのフィールドを初期化する方法を紹介する。
前提として、初期化するフィールドは以下に示す。
* input text
* select
* check box
* radio button
* textareatext/html2010-10-16T10:21:53+00:00Anonymous (anonymous@undisclosed.example.com)z-index
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:jquery:z-index&rev=1287224513&do=diff
Overlapping select field bug in IE 6
IE6ではselectタグ(Drop-down list)がDivレイヤーの上に、表示されるバグがある。
SelectタグをWindowsコントロールを使用して表示しているが、z-indexを無視するため、
selectタグが一番上に表示されることなのだ。