ria-web
https://as5202t-5748.myasustor.com/
2026-07-05T11:31:31+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/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/html2008-04-23T04:13:08+00:00Anonymous (anonymous@undisclosed.example.com)mouse
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event:mouse&rev=1208923988&do=diff
Popup the image on which a mouse is rolled over
mouseの位置を取るjavascriptを利用して、あるイメージをpopupさせる方法を紹介する。
簡単だから、コードを見ながら説明する。
function showPopUp(id, 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 { //IE
var de = document.documentElement; //Strict Mode(offset=2,2)
var b = document.body; //Quirks Mode(offset=0,0)
cursor.x = e.clientX +
(de.scrollLeft ||…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/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/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/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/html2008-04-26T14:53:41+00:00Anonymous (anonymous@undisclosed.example.com)struts-faces_tag
https://as5202t-5748.myasustor.com/doku.php?id=study:jsf:struts-faces_tag&rev=1209221621&do=diff
Struts-Faces JSP tag
Struts-Faces JSP tag required optional description <s:base> id, rendered, targetHTML <base>요소를 보여준다.<s:errors> id, rendered, bundle모든 Struts와 JSF메세지를 보여준다.<s:form>actionid, rendered, enctype,text/html2025-02-07T02:28:04+00:00Anonymous (anonymous@undisclosed.example.com)integation
https://as5202t-5748.myasustor.com/doku.php?id=study:java:powermock:integation&rev=1738895284&do=diff
Integration with TestNG
PowermockをTestNGと一緒に使う為に必要な設定をメモとして残しておく。
基本的に、testプロジェクトはMavenプロジェクトとして作成することを前提している。
Mavenプロジェクトのproperties設定を以下に示す。