function checkTitleFileType(obj){
pathpoint = obj.lastIndexOf('.');
filepoint = obj.substring(pathpoint+1,obj.length);
filetype = filepoint.toLowerCase();
if (filetype == 'gif'|| filetype == 'jpg' || filetype == 'jpeg'){

       return true;
}else{

      alert("파일 이상해 ㅡㅡ;" );
      return false;
}
}

'Js & CSS' 카테고리의 다른 글

아이디체크 최소한의 검증  (0) 2010.01.08
[ 자주쓰는 폼 태그,FROM ] 셀렉트 박스(학력,지역,직업) 등등  (0) 2010.01.08
테이블에 마우스를 올리면 셀의 색상이 바뀝니다  (0) 2010.01.08
브라우저에 따른 처리방법  (0) 2010.01.08
[checkbox] 체크박스 한꺼번에 선택하고 선택한거 확인하기  (0) 2010.01.08
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15

부모페이지와 Iframe 간의 자바스크립트 주고 받기이며 정말 간단한거다...근데 난 보통 오브젝트를 찾을때 이렇게 작업을 한다.

document.getElementById("testframe")

하지만 아이프레임 접근할려니 이게안먹히네...;;;;;

document.testframe.메소드(); 요렇게만 접근이 가능하다...

나만그런건지....     

부모페이지

<html>

<head>

    <title>제목 없음</title>
<script>

//testframe(아이프레임) 안의 test(); 메소드 호출

    function getContent(){
       try{       
            document.testframe.test();      
       }catch(e) {
        alert(e);
       }
    }

//아이프레임에서 호출할 자바스크립트
   function setContent(){
     alert("setContent ");
   }
</script>
</head>

<body>
    아이프레임 호출<br />
    <br />
<input type="button" value="아이프레임안에있는 자바스크립트호출"  onclick="getContent();" />
    <br />
    <br />
<iframe id="testframe" src="HTMLPage2.htm" width="200" height="100"  name="testframe"></iframe>

</body>

</html>

-------------------------------------------------------------------------------------------------------

부모프레임안에 속해있는 아이프레임

<script>
    function test(){
        alert(" iframe method ");
    }
function Button1_onclick() {
   try{   
        parent.setContent();
   }catch(e){
    alert(e);
   }
}

</script>
</head>

<body bgcolor="activeborder">
    <input id="Button1" type="button" value="부모자바스크립트 호출" onclick="return Button1_onclick()" />

'Js & CSS' 카테고리의 다른 글

[ 자주쓰는 폼 태그,FROM ] 셀렉트 박스(학력,지역,직업) 등등  (0) 2010.01.08
테이블에 마우스를 올리면 셀의 색상이 바뀝니다  (0) 2010.01.08
브라우저에 따른 처리방법  (0) 2010.01.08
[checkbox] 체크박스 한꺼번에 선택하고 선택한거 확인하기  (0) 2010.01.08
파일확장자 체크  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15

[셀렉트박스,SELECT] 추가 삭제

//삭제메소드

    function CleanSelect(obj){
           var obj = eval( document.getElementById(obj) ); //select name
            //기존의 목록 clear
             for (i=0; i<obj.options.length; i++ ) {
                                             obj.options[i] = null; 
             }   
             obj.options.length = 0 ;     
    }

    //추가메소드
    function AddFileList(obj , filename){    
                var obj = eval( document.getElementById(obj) );
                 obj.options[obj.options.length] = new Option(filename , filename);       
   }

선택방법

var list = document.forms[0].selectList;
var listText = list.options[list.selectedIndex].text;

'Js & CSS' 카테고리의 다른 글

테이블에 마우스를 올리면 셀의 색상이 바뀝니다  (0) 2010.01.08
브라우저에 따른 처리방법  (0) 2010.01.08
[checkbox] 체크박스 한꺼번에 선택하고 선택한거 확인하기  (0) 2010.01.08
파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15

TD 에 style = "position:relative; "
넣습니다
그리고 그 TD 안에 레이어를 넣습니다
그렇게 하면 됩니다 ㅡㅡ;

--예제 코드-------------------------------------------------
<TABLE WIDTH=500 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#CCCCCC">
<TR>
<TD WIDTH=960 height="161" ALIGN=CENTER VALIGN=TOP> </TD>
</TR>
<TR>
<TD WIDTH=960 ALIGN=CENTER VALIGN=TOP bgcolor="#FFCC00" style = "position:relative; ">

<div id="floater" style="HEIGHT:223px; WIDTH:17;

LEFT:440px;

POSITION:absolute;

TOP:-116px; Z-INDEX:1;

background-color: #FFFFFF;

layer-background-color: #FFFFFF;

border: 1px none #000000;">

<table width="17" height="226" cellpadding="0" cellspacing="0" bgcolor="#FF9900">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</TD>
</TR>
</TABLE>

막상쓸려면 기억안나는  레이어 여러가지 옵션

[보이고 안보이고]

display:   block 보이기  :none 안보이기

<param name="wmode" value="opaque" /> 요거 쓰면 플레쉬 위에 레이어 올라갑니다 ^^

'Js & CSS' 카테고리의 다른 글

브라우저에 따른 처리방법  (0) 2010.01.08
[checkbox] 체크박스 한꺼번에 선택하고 선택한거 확인하기  (0) 2010.01.08
파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15

[STYLE] 한영/대소문자 입력을 마음대로
상기의 요소는 회원가입, 게시판 등에 유용하게 사용할 수 있다. 키보드에서 입력되는 한영전환 단계를 줄이고, UI를 향상시킬 수 있으므로, 여러모로 잘 활용하면 아주 유용하다. 특히 해외여행 분야와 같은 특정 분야에서는 대문자만으로 정보처리가 되므로 Caps Lock 키의 입력을 줄일 수 있으므로 알아두면 유용하게 사용할 수 있다. 뭐 새로울 것도 없지만 말 그대로 TIP이다.(Short but useful information)

1. 한영전환


-------------------------------------------------------------------------
<!-- 주변의 모든 폼요소를 한글로 초기화 -->
ⓐ <input type="text" style="ime-mode:active" />
(당연히 영어로 전환이 가능하다.)
<!-- 한글모드에서 다시 영문모드로 복뒤, 이후의 요소를 모두 영문으로 복귀시킴 -->
ⓑ <input type="text" style="ime-mode:inactive" />
<input type="text" /> <!-- 영문으로 입력됨 -->
한글문자 입력 금지 (원천봉쇄): 아예 한/영 키를 눌러도 한글이 입력되지 않는다.
ⓒ <input type="text" style="ime-mode:disabled" />

2. 영문자의 대소문자


------------------------------------------------------------------------
마찬가지로 id 등의 요소에는 영문자만 입력되게 할 수 있는데, Javascript를 이용한 방법보다 훨씬 쉽고, 직관적이다.
<p style="text-transform: capitalize">첫번째 영문자만 대문자 : This site is motifdn</p>
<p style="text-transform: uppercase">모두 대문자 : This sitem is motifdn</p>
<p style="text-transform: lowercase">모두 소문자 : This site is motifdn</p>

'Js & CSS' 카테고리의 다른 글

[checkbox] 체크박스 한꺼번에 선택하고 선택한거 확인하기  (0) 2010.01.08
파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15
특수키입력체크  (0) 2009.12.15

이미지객체지정

function f_resize()
{
   // 이미지객체지정

     var imgInfo = new Image();
  imgInfo.src = "/FILE_PDS/<%=request("filename")%>";
   var li_width   = imgInfo.width;
   var li_height  = imgInfo.height;

   window.resizeTo(li_width,li_height);
}
</script>

이미지 사이즈 조절

<script language=javascript>
window. = attach_img_resize;

function attach_img_resize() {
// 이미지 사이즈 조절.
if (document.attach_img.width > 500) {
document.attach_img.width = 500;
}

frame_init();
}
</script> 

입력하신 경로에 그림 파일이 없습니다

if(!document.images['imagename'].complete){
var answer = confirm('입력하신 경로에 그림 파일이 없습니다.\n다시 입력 하시겠습니까?');
if(answer){
formobj.src.focus();
return;
}else{
window.close();
return;
}
}else{

이미지마우스 올렸을때 저장버튼 없애기
<img src="" galleryimg="no" >

이미지가 깨졌을때 좀더 고급스럽게..

<img src="없는파일이미지.jpg" ="this.src='noimg.gif'">

'Js & CSS' 카테고리의 다른 글

파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15
특수키입력체크  (0) 2009.12.15
5초후 자동으로 이동 합니다  (0) 2009.12.15

[CSS] 텍스트 박스(TEXTBOX) 이쁘게

font-family: "돋움"; //글씨체
font-size: 8pt; //폰트크기
color: #666666; //글자색깔
background-color: #F0F0F0; //텍스트박스 배경색
border: 1px solid #999999; //요건 텍스트박스 테두리색깔

<style type="text/css">
<!--
.t {
font-family: "돋움";
font-size: 8pt;
color: #666666;
background-color: #F0F0F0;
border: 1px solid #999999;
}
-->
</style>

드림위버에서 > 스타일 시트 > border
Style 은 solid 를 해주어야 외부선이 생긴다

width 1 pixels 를 해주면된다

또는

style="border-style:groove;"

이거 한줄만 먹이면 된다 ㅡㅡ;

'Js & CSS' 카테고리의 다른 글

파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15
특수키입력체크  (0) 2009.12.15
5초후 자동으로 이동 합니다  (0) 2009.12.15

var timer;
function out()
{

     timer= setTimeout("closeWindow()",1000);
}


function closeWindow()
{
   clearTimeout(timer);
    self.close();
}
</script>

'Js & CSS' 카테고리의 다른 글

파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15
특수키입력체크  (0) 2009.12.15
5초후 자동으로 이동 합니다  (0) 2009.12.15

<Body oncontextmenu="return false" <--오른쪽 마우스 안되게

onselectstart='return false' ondragstart='return false' > <-- 셀렉트와 드래그 안되게

'Js & CSS' 카테고리의 다른 글

파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
특수키입력체크  (0) 2009.12.15
5초후 자동으로 이동 합니다  (0) 2009.12.15

//키입력체크
document.onkeydown = CheckKeyPress;
document.onkeyup = CheckKeyPress;
function CheckKeyPress() {
//키입력
ekey = event.keyCode;

//리턴
if(ekey == 38 || ekey == 40 || ekey == 78 || ekey == 112 || ekey ==17 || ekey == 18 || ekey == 25 || ekey == 122 || ekey == 116)
  {
    alert("이 특수키는 사용할수 없습니다.");
    event.keyCode = 0;
    return false;
  }
}

'Js & CSS' 카테고리의 다른 글

파일확장자 체크  (0) 2009.12.15
아이프레임(iframe) 간의 자바스크립트 연동  (0) 2009.12.15
[셀렉트박스,SELECT] 추가 삭제  (0) 2009.12.15
해상도에 따라도 레이어 일정한 위치에 있기!!!  (0) 2009.12.15
[STYLE] 한영/대소문자 입력을 마음대로  (0) 2009.12.15
[IMAGE]이미지객체(사이즈)지정 등등 이미지에 자주쓰는 함수  (0) 2009.12.15
[CSS] 텍스트 박스(TEXTBOX) 이쁘게  (0) 2009.12.15
[Time]일정시간후에 창닫기 또는 이동하기  (0) 2009.12.15
[MOUSE] 마우스 오른쪽/드래그/셀렉트/ 안먹게 하기  (0) 2009.12.15
5초후 자동으로 이동 합니다  (0) 2009.12.15

+ Recent posts

티스토리툴바