..
DEV/html/css/js/img (61)
삭제버튼 클릭시 reload 하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
삭제 버튼 클릭시

삭제 후에 바로 목록 창으로 가서는 절대 안된다.~!!

중간에 Delete.vm 파일을 만들고 다시 List.vm으로 가야 한다.

그 이유는 바로 목록 창으로 이동시에는

뒤로가기 버튼을 클릭 시에 Data가 남아 있고 요청이 다시 수행 될지도 모르기 때문이다.


그러므로!!!

Delete.vm을 거쳐서  List.vm으로 가야 한다.

★ 그러나 문제가 생긴다.
 
Delete.vm으로 가기 때문에 새창이 뜨다가 닫은 후에  reload를 시켜야 하는데 창이 뜬것이 표시가 난다.

그런경우

List.vm에서

<input type="button" value="삭제하기"
onclick="window.open('../삭제 요청 경로.do?삭제할 번호 파라미터=삭제한 번호 값,'iframe_id')"/>

<iframe name="iframe_name" id="iframe_id" style="display:none"></iframe>

iframe 안에 Delete.vm 화면이 나오게 한다. 대신 스타일에서 보이지 않도록 한다.

그럼 window.open 요청 (새창 띄우기)이 iframe 안에서 띄어진다.

Delete.vm 에서

<script language="javascript">
 parent.location.href="favorList.do";
 //self.close();
</script>


Delete.vm 파일에서 자시 자신을 호출한 부모창으로 가도록 링크를 걸어준다.

'DEV > html/css/js/img' 카테고리의 다른 글

select 클릭시 달리 선택되도록 하기  (0) 2008.12.22
날짜 나타내기  (0) 2008.12.22
[ajax 코딩하기] 간단한 ajax 사용하기  (0) 2008.12.20
  Comments,     Trackbacks
날짜 나타내기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

SimpleDateFormat dayFormat = new SimpleDateFormat("MM"); //데이터를 포맷 한다.

Date start_date = new Date(); // Date 객체를 생성하여 오늘의 날짜를 가져온다.

String currentMonth = dayFormat.format(start_date); //처음에 지정한 포맷으로 날짜를 가져와 변수에 넣는다.
  Comments,     Trackbacks
[ajax 코딩하기] 간단한 ajax 사용하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

■ javascript library 없이 ajax 사용하기 

//ajax 객체 생성
function getAjaxHttp(){
    var xmlhttp;
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
     
    return xmlhttp;
}
 
//데이터 요청 보내기
//요건 ajax객체와 호출한 곳에서 넘겨준 콜백 메소드를 재호출해 준다.
//간단하게 정수타입을 반환해서 쓰면 utf8 필요없다.
function requestAjaxData(ajax, method, url, callback){
    ajax.onreadystatechange = function(){
        if(ajax.readyState==4 && ajax.status==200) eval!(callback)(ajax);
    }
     
    ajax.open(method,url,true);
    ajax.send();
}
 
//ajax작업처리
function callAjax(method, url, callback){
    var ajax = getAjaxHttp();
    if(ajax==null){alert!("ajax변수 세팅안됨");return;}
 
    requestAjaxData(ajax, method, url, callback);
}

호출은 요렇게

callAjax("GET","/url/sample.asp?p=v","callbackmethod");

//리턴값은 여기서 받고

function callbackmethod(ajax){

    alert!(ajax.responseText);

}

[출처] http://findfun.tistory.com/7 

 

■ jquery ajax 사용하기

function 함수명(){
     var url = "요청할 URL.do";
     var myAjax = new Ajax.Request(   //ajax 요청할 객체 생성
      url,
      {
         method: 'get',
         asynchronous: false,   // 비동기 통신을 하겠다는 뜻
         onComplete: set_popup_div 

          //요청후 데이터를 가지고 온 후에 호출할 함수(가져온 데이터 가공을 위해)
       }); 
      var p_left = getposOffset($('king3image'),'left') + 143;
      var p_top = getposOffset($('king3image'),'top') - 22;
      $("popup_div").setStyle({
                   'left': p_left +'px', 'top': p_top +'px'
      });
 }

function set_popup_div(request){
  var result = request.responseText;
  if(result.length > 5) {
   $("popup_div").style.visibility = "visible";
   $("popup_div").update( result );
  }
 }

'DEV > html/css/js/img' 카테고리의 다른 글

날짜 나타내기  (0) 2008.12.22
자바스크립트에서 div 스타일 적용하기  (0) 2008.12.20
커서를 손모양으로..  (0) 2008.12.20
  Comments,     Trackbacks
자바스크립트에서 div 스타일 적용하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
$("div_id").setStyle({ 넣을 스타일 속성 : 'left': p_left +'px' , 'top': p_top +'px' });

'DEV > html/css/js/img' 카테고리의 다른 글

[ajax 코딩하기] 간단한 ajax 사용하기  (0) 2008.12.20
커서를 손모양으로..  (0) 2008.12.20
ajax 관련 사이트 모음  (0) 2008.10.12
  Comments,     Trackbacks
커서를 손모양으로..
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
style="cursor:hand"  -> style="cursor:pointer"


  Comments,     Trackbacks
ajax 관련 사이트 모음
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

jinoxst님의 블로그 : http://blog.naver.com/jinoxst/140021511970

Youtube 강의 : http://kr.youtube.com/watch?v=dtrWHL9Asec

Ajax 기본 정리 : http://wiki.javajigi.net/pages/viewpage.action?pageId=3919

IBM Ajax 강좌 : http://www-128.ibm.com/developerworks/kr/library/wa-ajaxintro1.html

SsaZzang's Web Log - http://www.hometown.co.kr

파이어준 블로그 - http://firejune.com/index.php


*자바지기(
http://www.javajigi.net/)라는 오픈 소스 포럼에서 Ajax 관련한 스터디 내용을 요약한 자료

Ajax 클라이언트 측 정리 : http://wiki.javajigi.net/pages/viewpage.action?pageId=3921

Ajax 서버 측 정리 : http://wiki.javajigi.net/pages/viewpage.action?pageId=3920

Web 2.0 정리 : http://wiki.javajigi.net/pages/viewpage.action?pageId=4182

[ajax 자주 방문해야 하는 사이트]
 
 
 
 
 
 
 
 
 
 
[ajax관련 오픈 소스 사이트]
 
Ajax 관련 라이브러리 & 툴 
=> FAT(Fade Anything Technique)에 대한 글
 
http://www-128.ibm.com/developerworks/kr/library/os-ecl-ajax/ => Eclipse의 Ajax Toolkit Framework에서 지원되는 툴 (한글)
 
http://www.youngpup.net/2001/domdrag/ => dom dram 관련 싸이트
 
IBM AJAX Toolkit Framework =>IBM AJAX Toolkit Framework
An Eclipse Incubation Project Proposal =>IBM AJAX Toolkit Framework을 이해하는데 도움을 주는 제안서
 
http://httpunit.sourceforge.net/ => HttpUnit 테스팅 프레임웍
 
http://fitnesse.org/ => FitNesse 테스팅 프레임웍
 
http://jwebunit.sourceforge.net/ => 웹 테스팅 프레임웍으로 자바 개바자라면 추천해 본다.

http://www.edwardh.com/jsunit/ => JsUnit 홈페이지


http://devedge-temp.mozilla.org/toolbox/examples/2003/inheritFrom/index_en.html => 넷스케이프 커뮤니케이션의 Bob Clay 는 부모 클래스의 메소드를 자식 클래스에 복사할 수 있는 아주 간단한 메소드를 소개하였다.


http://chrispederick.com/work/webdeveloper/ => Web Developer Extension for FireFox 으로써 파이어폭스 브라우저가 제공해 주는 다양한 기능의 툴바를 다운/설치할 수 있는 싸이트이다.


http://hometown.aol.de/_ht_a/memtronic/ => 자바스크립트 파일을 압축하거나 Obfuscation(자신의 소스코드를 다른 사람이 악의적으로 도용하고나 훔쳐가는 것을 막기 위해서 멤버나 메소드 이름을 의미없는 문자들로 바꾸는 기법)하는 Freeware 싸이트이나 현재버젼에서는 아직까지 자바스크립트에 대한 Obfuscation 은 지원하지 않고 있다.


http://www.jslint.com/ => 자바스크립트 소스코드를 검증해 주는 싸이트


http://www.mozilla.com/ => 모질라 닷컴/파이어 폭스 최신버젼 다운로드


https://addons.mozilla.org/ => FireFox add on home page


https://addons.mozilla.org/extensions/?application=firefox => firefox add on extensions


http://www.activeperl.com/ => 펄의 런타임 환경인 ActivePerl 을 다운로드 받을 수 있다.


http://jsdoc.sourceforge.net/ => javadoc 명령으로 HTML API를 생성하듯이 자바스크립트의 주석을 바탕으로 HTML 다큐먼트를 생성하는 오픈소스


http://www.openqa.org/selenium/ => html 및 자바스크립트를 검사해주는 아주 훌륭한 오픈소스다. 실험적인 프로그램이지만 100점 주고 싶다.


http://www.activeperl.com/ => 펄 런타임 환경 다운로드 싸이트


http://jsdoc.sourceforge.net/ => jsDoc


http://www.json.org => JSON 홈페이지


http://www.ashleyit.com/rs/main.htm => Remote Scripting 관련하여 Brent Ashley 가 운영하는 싸이트




=============================================================================

======================= Ajax 응용 싸이트 =========================
=============================================================================
 
=> 구굴에서 만든 달력 및 메모
 
http://maps.a9.com/ => Ajax 를 이용한 map 싸이트
 

http://maps.google.com/ => 구굴 맵


http://www.google.com/ig => Draggable DOM pattern 을 아주 훌륭하게 적용한 싸이트


http://www.google.com/webhp?complete=1&hl=kor => 구굴 Suggest 한글 검색창


http://www.google.com/webhp?complete=1&hl=en => 구굴 Suggest 영문 검색창


http://www.netflix.com/BrowseSelection => ajax 를 이용한 툴팁을 구현한 싸이트


http://www.apple.com/itunes/ => AJAX 관련 refresh 기능을 구현해 놓은 싸이트.(애플 itunes 뮤직 다운로드 자동 카운트)


http://www.digg.com/spy => AJAX 관련 refresh 기능을 구현해 놓은 싸이트.(새로운 정보 컨텐츠 리스트 자동 소팅 기능)

 
 
 

=============================================================================

============== Ajax 관련  기타  참고 싸이트 ==============
=============================================================================

http://www.apress.com/book/supplementDownload.html?bID=10042&sID=3021 => Foundation of Ajax 소스 다운로드 url

'DEV > html/css/js/img' 카테고리의 다른 글

커서를 손모양으로..  (0) 2008.12.20
※레이어의 스타일 속성 사용법  (0) 2008.05.28
Layers 객체  (0) 2008.05.28
  Comments,     Trackbacks
※레이어의 스타일 속성 사용법
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

※레이어의 스타일 속성 사용법
   –레이어를 자바스크립트와 함께 사용할 때는 레이어의 스타일 속성을 이용
   –스타일 속성은 <div style=“ ”>에서 style 속성에 지정한 스타일 속성 값을 그대로 사용
       document.all[id명].style.스타일 속성

     ①레이어 보이거나 감추게 하기
         document.all[id명].style.visibility=visible/hidden
     ①레이어 이동하기
        document.all[id명].style.left=값
        document.all[id명].style.top=값
        document.all[id명].style.left=event.clientX
        document.all[id명].style.top=event.clientY

     
      •애니메이션 효과를 줄 때 사용
      •레이어의 좌표 값을 변경하여 레이어가 담고 있는 문자, 그림 등을 움직이게 할 수 있음

'DEV > html/css/js/img' 카테고리의 다른 글

ajax 관련 사이트 모음  (0) 2008.10.12
Layers 객체  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
  Comments,     Trackbacks
Layers 객체
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
레이어란 문서에 떠 있는 새로운 창입니다.
레이어를 문서에 삽입하려면 <div> 태그를 사용합니다.
자바스크립트와 스타일을 함께 사용하면 애니메이션 효과를 만들 수도 있습니다.

레이어의 스타일 속성 사용법
레이어를 자바스크립트와 함께 사용할 떄는 레이어의 스타일 속성을 이용합니다.
레이어의 스타일 속성은 <div style=""> 에서 style 속성에 지정한 스타일 값을 그대로 사용합니다.


  1. document.all[id명].style.스타일 속성  

아래는 실제 사용되는 예입니다.

  1. <div id=coolsoft>  
  2. <a href=# onMouseOver="note1.style.visibility='visible'" onMouseOut="note1.style.visibility='hidden'">쿨소프트</a><br><br>  
  3. </div>  
  4. <div id=note1>  
  5. 쿨소프트<br>  
  6. HTML, CSS, 자바 스크립트, JSP, XML, 플래시 등 웹프로그래밍 강좌 및 자료 수록.  
  7. </div>  

쿨소프트를 누르게 되면 아래에 설명이 나오게 됩니다..

'DEV > html/css/js/img' 카테고리의 다른 글

※레이어의 스타일 속성 사용법  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
[javascript] javacript 객체 모델  (0) 2008.05.28
  Comments,     Trackbacks
Layer 객체의 특성
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
Layer 객체의 특성

<name>

 name특성은 <LAYER> 택에서 ID속성을 지정해 놓은 레이어의 이름을 가리키게 된
다. 이 특성은 자바스크립트에서 값을 참조만 할 수 있지 수정할 수는 없다.

<let / top>

left와 top은 레이어의 좌측 상단 위치(픽셀 단위)를 가리키는 특성이다. 특히 이 특성
값은 자신히 현재 속해 있는 레이어나 문서를 기준으로 계산된다는 점에 주의해야
한다.
 
이 특성은 자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있기 때문에 레이어의
위치를 동적으로 바꾸는데 사용할 수 있다.
 

 

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
            function leftLayer() {
                // layer1을 지정하는 방법을 보자.
                // document 객체 밑에 있는 layers라는 객체 배열에는 현재 문서 안에
                // 포함되어 있는 모든 레이어들의 객체가 들어가 있다. 이중에 layer1
                // 레이어 객체를 가리키기 위해 참조 배열 방식을 사용하여야 한다.
                // 또는 이 레이어가 문서에 첫번째로 나타나는 레이어 객체이기 때문에
                // window.document.layers[0]도 동일한 객체를 가리키는 것이 된다.
                var val = window.document.layers['layer1'].left;
                window.document.layers['layer1'].left = val - 5;
            }
            function upLayer() {
                var val = window.document.layers['layer1'].top;
                window.document.layers['layer1'].top = val - 5;

            }
            function downLayer() {
                var val = window.document.layers['layer1'].top;
                window.document.layers['layer1'].top = val + 5;
            }
            function rightLayer() {
                var val = window.document.layers['layer1'].left;
                window.document.layers['layer1'].left = val + 5;
            }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER> <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="왼쪽으로" onClick="leftLayer()">
            <INPUT TYPE="button" VALUE="  위로  " onClick="upLayer()">
            <INPUT TYPE="button" VALUE=" 아래로 " onClick="downLayer()">
            <INPUT TYPE="button" VALUE="오른쪽으로" onClick="rightLa

yer()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=250 WIDTH=250 HEIGHT=50
                  BGCOLOR="WHITE">
         <H2> 넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서
         특정 영역을 지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을
         제공하기 시작하였다. </H2>
        </LAYER>
    </BODY>
</HTML>

결과보기

<width / height>

width와 height는 각각 레이어의 너비와 높이에 대한 정보를 가지고 있는 특성이다.
이 특성은 자바스크립트에 의해 참조할 수도 있고 수정할 수도 있다.

<pageX / pageY>

 pagex와 cageY는 앞에 나온 1911와 top특성처럼 레이어의 좌측 상단 위치(픽셀 단위)
를 가리키는 특성이다. 다만 다른점이라면 pagex와 cageY가 항상 전체 페이지를 기
준으로 한 위치 정보라면, left와 top은 현재 포함되어 있는 레이어나 문서를 기준으로
한다는 것이다. 이 특성 역시 자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있다

<clip.top / clip.left / clip.right / clip.bottom>

이 특성들은 클리핑 영역의 크기에 대한 정보를 가지고 있다. 여기서 클리핑 영역이
라는 것은 전체 레이어 중에서 실제로 화면에 보여줄 영역을 의미한다. 이 특성들은
자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있다.

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
           function zoomOut() {
            window.document.layers[0].clip.left = window.document.layers[0].clip.left-2;
            window.document.layers[0].clip.top = window.document.layers[0].clip.top-2;
            window.document.layers[0].clip.right = window.document.layers[0].clip.right+2;
            window.document.layers[0].clip.bottom = window.document.layers[0].clip.bottom+2;
            }
           function zoomIn() {
            window.document.layers[0].clip.left = window.document.layers[0].clip.left+2;
            window.document.layers[0].clip.top = window.document.layers[0].clip.top+2;
            window.document.layers[0].clip.right = window.document.layers[0].clip.right-2;
            window.document.layers[0].clip.bottom = window.document.layers[0].clip.bottom-2;
           }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER>
        <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="확대" onClick="zoomOut()">
            <INPUT TYPE="button" VALUE="축소" onClick="zoomIn()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=300 WIDTH=250 HEIGHT=50
                 CLIP=50,50,100,100 BGCOLOR="WHITE">
         <H2> 넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서
         특정 영역을 지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을
         제공하기 시작하였다. </H2>
        </LAYER>
    </BODY>
</HTML>

결과보기

<bgColor / background>


bgcolor는 레이어의 배경색을 가리키는 특성이고, background는 레이어의 배경 이미지
의 URL주소를 가리키는 특성이다. bgcolor에는 직접 색상 이름이 지정될 수도 있고,
RGB 값이 지정될 수도 있다. 또한 배경색을 투명하게 만들고 싶은 경우에는 null을
지정하게 되는데, 이 값이 bgcolor의 디폴트값이다.
 
   //파란색 배경 이데지
   layer.bgcolor = "BLUE":
     or
   layer.bgcolor = "#0000FF":
 
// 배경을 투명하게
layer.bgcolor = null;

<zindex / siblingAbove / siblingBelow / above / below>


zindex는 레이어들 사이의 순서를 지정하는 특성으로, 이 값이 높은 레이어일수록 값
이 낮은 레이어 위로 올라가게 된다. 그리고 siblin턴.hove와 above는 모두 현재 정의
되는 레이어 위에 들어갈 레이어를 지정하게 되고, siblingBelow와 below는 현재 정의
되는 레이어 밑에 들어갈 레이어를 지정하게 된다. 단, sibling이 앞에 붙은 특성의 경
우에는 동일한 상위 레이어 안에 들어간 레이어들 중에서 하나를 지정해야 한다.

여기에서 한 가지 주의해야 할 점은 zlndex의 경우에는 자바스크립트에서 값을 참조
할 뿐만 아니라 수정할 수도 있지만, 나머지 siblin앓,hove, siblingBelow, above, below
특성은 수정할 수는 없고 참조만 할 수 있다는 것이다.
 

<visibility>

 visibility특성은 현재 래이어를 보여줄 것인지 감출 것인지를 지정하기 위한 것이다.
이 특성에는 "show", "hi(k", "irlherit" 중 한 값이 설정될 수 있다. 여기에서 show는 레
이어를 보여준다는 것이구 hide는 레이어를 감춘다는 것이며, inherit는 현 레이어를
포함하고 있는 상위 레이어의 속성값을 상속받는다는 것을 의미한다.

<parentLayer>

 pcrenaayer는 레이어가 현재 포함되어 있는 상위 레이어의 이름을 가리키게 되는데,
만약 레이어 안에 포함되어 있지 않다면, 레이어가 포함되어 있는 윈도우 객체를 가
리키게 된다. 참고로 이 특성값은 참조만 할 수 있고 수정할 수는 없다.
 

<src>
src는 레이어 안에 내용으로 들어갈 HTML파일의 URL주소를 지정하는데 사용하는
특성이다. 이 특성은 자바스크립트에서 수정할 수 있기 때문에 포맷을 그대로 유지하
면서 내용이 계속해서 바뀌는 웹 사이트에 유용하게 사용될 수 있을 것이다.
 

 

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
           function showLayer() {
              window.document.layers[0].visibility = "show";
           }
           function hideLayer() {
              window.document.layers[0].visibility = "hide";
           }
           function docu1() {
              window.document.layers[0].src = "docu1.htm";
           }
           function docu2() {
              window.document.layers[0].src = "docu2.htm";
           }
           function docu3() {
              window.document.layers[0].src = "docu3.htm";
           }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER>
        <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="보이기" onClick="showLayer()">
            <INPUT TYPE="button" VALUE="감추기" onClick="hideLayer()">
            <INPUT TYPE="button" VALUE="문서 1" onClick="docu1()">
            <INPUT TYPE="button" VALUE="문서 2" onClick="docu2()">
            <INPUT TYPE="button" VALUE="문서 3" onClick="docu3()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=280 WIDTH=250 HEIGHT=200
                 SRC="docu1.htm" BGCOLOR="WHITE">
        </LAYER>
    </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서 특정 영역을
   지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을 제공하기 시작하였다.</H3>
   </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>이 레이어는 여러개가 서로 겹쳐서 나타날 수 있으며, 자바스크립트를 이용하면
   위치도 자유롭게 바꿀 수가 있다. </H3>
   </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>또한 자바스크립트를 이용하여 레이어를 감출 수도 있으며, 겹쳐진 레이어들이
   투명하게 나타나도록 만들 수도 있다. </H3>
   </BODY>
</HTML>

결과보기

'DEV > html/css/js/img' 카테고리의 다른 글

Layers 객체  (0) 2008.05.28
[javascript] javacript 객체 모델  (0) 2008.05.28
css관련 참고 사이트  (0) 2008.03.11
  Comments,     Trackbacks
[javascript] javacript 객체 모델
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
사용자 삽입 이미지

'DEV > html/css/js/img' 카테고리의 다른 글

Layers 객체  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
css관련 참고 사이트  (0) 2008.03.11
  Comments,     Trackbacks