이미지 클릭시 팝업창 뜨게 하기

반응형

<img style="cursor: pointer;" onclick="window.open('/html/gift.php', 'window', 'width=500; height=800; scrollbars=yes');" src="/images/images.jpg" border="0" complete="complete"/>

반응형

댓글()

html 기본 풀다운 메뉴 만들기

반응형

<form name="run1" method="post" action="">
날짜를 선택해 봅니다.
 

<label>
  <select name="c_year" id="c_year">
    <option>2011</option>
    <option>2012</option>
  </select>
</label>
 

<label>
  <select name="c_month" id="c_month">
    <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
  </select>
</label>

 
<input type="submit" name="send" id="send" value="선택">

</form>

 

<? echo "당신은 $c_year 년 $c_month 월을 선택하셨습니다."; ?>

 

반응형

댓글()

html img 태그의 alt 옵션 줄바꿈

반응형

줄바꿈 하려는 곳에 &#13 을 넣어줍니다.

 

<img src="images/sysdocu.jpg" alt="늘원 홈페이지입니다.&#13방문을 환영합니다.">

 

반응형

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

이미지 클릭시 팝업창 뜨게 하기  (0) 2015.01.27
html 기본 풀다운 메뉴 만들기  (0) 2015.01.27
iframe 옵션들  (0) 2015.01.27
[팝업] window.open 속성 사용 예제  (0) 2015.01.27
팝업창 닫기 태그  (0) 2015.01.27

댓글()

iframe 옵션들

반응형

<iframe

src=" //연결될 주소 ex)http://www.naver.com

frameborder="" // 테두리 사용 여부 ex) 0:사용안함 1:사용

width="" // iframe 가로크기 ex) 100% / 1024px

height="" // iframe 세로크기 ex) 100% / 1024px

scrolling="" // 스크롤바 사용 여부 ex) yes / no / auto

align="" // iframe 내부 페이지 정렬 방식 ex) center / left / right

name=""  // iframe 이름 -> target 지정시 사용

id="" // iframe 의 id -> script 에서 사용

hspace="" // 기준되는 곳으로 부터 iframe 의 가로 위치

vspace="" //기준되는 곳ㅇ로 부터 iframe 의 세로 위치

marginwidth="" //가로 여백

marginheight="" //세로 여백

style="zoom:100%" // 원본 페이지 : 출력페이지 비율 조정

></iframe>

 

 

예제

<iframe src="http://www.naver.com" frameborder="0" width="100%" height="100%" scrolling="auto" align="center" name="iframe_test"></iframe>

 

그냥 네이버창 띄우기...

 

 

응용

<script>

 function set_iframe(){

    document.getElementById('iframe_test').src="http://www.bilco.co.kr";
}
 function reset_iframe(){

    document.getElementById('iframe_test').src="http://www.koreatm.co.kr";
}
</script>
<a onmouseover="set_iframe()" onmouseout="reset_iframe()">마우스 올려보세요</a>

 

<iframe src="http://www.naver.com" frameborder="1"width="100%" height="100%" scrolling="auto" align="center" Id="iframe_test" hspace="0" vspace="0"></iframe>

 

[출처] 無 | 키에르 (http://blog.naver.com/vfxx/100104431497)

반응형

댓글()

[팝업] window.open 속성 사용 예제

반응형

<HEAD>
<script language="javascript">
/*
window.open(url:String, name:String, properties:String)
open 함수는 반드시 3개의 매개변수가 있고, 매개변수 순서는 지겨야 함.
name은 팝업창의 이름, 주로 프레임 문서의 Target으로 사용
name은 사용하지 않으려면 " " 만 표시해줍니다. 반드시 표시해야 함.
*/
function win() {
window.open("http://www.AspBoy.net", "", "");
}
function menu_win() {
window.open("http://www.AspBoy.net", "", "menubar=1");
}
function channel_win() {
window.open("http://www.AspBoy.net", "", "channelmode");
}
function toolbar_win() {
window.open("http://www.AspBoy.net", "", "width=400, height=300, toolbar=0");
}
function status_win() {
window.open("http://www.AspBoy.net", "", "width=400, height=300, status=1");
}
function popup_win1() {
window.open("http://www.AspBoy.net", "", "width=400, height=300");
}
function popup_win2() {
window.open("http://www.AspBoy.net", "", "width=400, height=300, left=500, top=400");
}
function popup_win3() {
window.open("http://www.AspBoy.net","","width=400,height=300,left=100,scrollbars=1");
}
function popup_win4() {
window.open("http://www.AspBoy.net", "", "width=400, height=300, left=100, location=1");
}
</script>
</HEAD>

<BODY>
<input type="button" value="속성 지정하지 않은 기본 창" onClick="win()">
<input type="button" value="메뉴바 없는 팝업" onClick="menu_win()">
<input type="button" value="채널모드 팝업" onClick="channel_win()">
<input type="button" value="툴바 없는 팝업" onClick="toolbar_win()">
<input type="button" value="상태표시바 있는 팝업" onClick="status_win()">
<input type="button" value="크기 width400 height300 팝업창" onClick="popup_win1()">
<input type="button" value="위치 left=500, top=400 팝업창" onClick="popup_win2()">
<input type="button" value="스크롤바 있는 팝업" onClick="popup_win3()">
<input type="button" value="주소 입력 표시줄 있는 팝업" onClick="popup_win4()">
</BODY>

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

 

[출처] flashboy.biz

반응형

댓글()

팝업창 닫기 태그

반응형

<script>

document.write('<a href="#" onclick="self.close()"></a>')

</script>

 

<a href="javascript:window.close();">창닫기</a>

 

 

[출처] 지니 (http://blog.naver.com/jungjinyee/80124191993)

반응형

댓글()

html 줄간격, 폰트, 글자 크기, 글자 색상 정하기

반응형

<span style="LINE-HEIGHT:140%;  font-family:dotum; font-size:9pt; color:333333">첫째줄<br>둘째줄</span>

 

위아래 행간격만 필요할 경우 간단히 아래와 같이 사용할 수 있습니다.

<div style="height:10px;"></div>

반응형

댓글()

textarea 수정 삭제 못하게하기

반응형

<textarea readonly>내용</textarea>

반응형

댓글()

메세지 알림 alert

반응형

<script>

    alert("안녕하세요.");
    self.close();
</script>

반응형

댓글()

팝업창 닫을 때 부모창 refresh

반응형

팝업 페이지에서 작업입니다.

 

.. 디비 입력 및 모든 작업 완료후..

 

<script>

opener.location.reload();         < 부모창을 refresh

self.close();                              < 자신 창을 닫는것

</script>

 

 요거 추가해주시면 됩니다.

 

* 참고

부모창 접근은 자신을 호출한창

opener 늘 앞에붙여주시기만 하면 제어가 가능합니다.

opener.window.location.reload();

 

[출처] 네이트 지식 (http://ask.nate.com/qna/view.html?n=9773595)

반응형

댓글()

창닫으면 자동으로 설정한페이지 열게하기

반응형

<SCRIPT for="window" event="onunload">window.open("새로띄울경로","새로띄운경로명","width=500,height=500,status=yes,scrollbar=yes");</SCRIPT>

 

새로띄울 경로 : www.naver.com

새로띄운 경로명 : test

width=넓이

height=높이

status = 상태표시줄 표시여부 (미 설정시 no)

scrollbar=스크롤바생성 여부(미 설정시 no)

 

참고해서 작업하세요~^^

 

[출처] 지식인 (http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10402&docId=102259593&qb=7Yyd7JeFIOuLq+ycvOuptCByZWZyZXNo&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=gpHqpc5Y7tVsscgF6Olssc--399492&sid=Tp5qpAFpnk4AAHTnJqY)

반응형

댓글()