ria-web
https://as5202t-5748.myasustor.com/
2026-07-05T11:30:39+00:00ria-web
https://as5202t-5748.myasustor.com/
https://as5202t-5748.myasustor.com/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/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タグが一番上に表示されることなのだ。text/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/html2009-06-24T01:53:32+00:00Anonymous (anonymous@undisclosed.example.com)select_2
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:dojo:select_2&rev=1245808412&do=diff
set selectedIndex value for dynamic drop-down list
動的に作成されたselect objectのoptionを設定する方法を紹介する。
大まかに、動的にリストを作成する部分とoptionの値を設定する部分の二に分けて説明する。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/html2025-05-25T07:23:11+00:00Anonymous (anonymous@undisclosed.example.com)syntax
https://as5202t-5748.myasustor.com/doku.php?id=wiki:syntax&rev=1748157791&do=diff
Formatting Syntax
DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressingtext/html2025-02-07T10:06:19+00:00Anonymous (anonymous@undisclosed.example.com)rememberme
https://as5202t-5748.myasustor.com/doku.php?id=study:java:rememberme&rev=1738922779&do=diff
Spring rememeber-meログイン
ログインを維持してくれるremember-meログイン機能をSpring securityを用いて実装する方法を紹介します。
実装形態は次節で説明しますが、ここでは、persistence token実装形態を選択しています。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-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ボックスを連動
させる方法を説明する。
今回の例では、表示するデータを