태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

자동으로 미리보기 가능한 태그연습장

12년 전

<HTML><HEAD><TITLE>태그 연습장</TITLE>
<META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987">
<SCRIPT>
alclsroalclsroalclsro = window.open('','','status=yes width=400 height=300 scrollbars=yes left=400 top=50 resizable=yes');
//-- textarea 의 내용들을 뿌려줄 새 창이 팝업으로 뜬다.

function cc()  {
//-- 지우기 버튼을 누르면 폼 글자가 다 지워지고 미리보기 창도 지워짐

   document.myform.maddog.value = '';
   auto('');
   }
function auto(fff)  {
//-- 사용자가 미리보기 창을 닫았을경우 다시 창을 열고 그 창에 사용자가 textarea 에 입력한
//-- 내용들을 실시간(?) 으로 보여줌. 그러기 위한 이벤트는 onPropertyChange
//-- 래디오버튼 체크 여부를 검사해 실행 여부를 판별함

  if(window.document.myform.abab[0].checked != true) return false;
  else  {
   if(window.alclsroalclsroalclsro.closed)
     alclsroalclsroalclsro = window.open('','','status=yes width=400 height=300 scrollbars=yes left=400 top=50 resizable=yes');
   window.alclsroalclsroalclsro.document.write(fff);
   window.alclsroalclsroalclsro.document.close()
   }
  }

function noto(fff)  {
//-- 사용자가 버튼으로 보기를 선택할때 실행 되는 부분

   if(window.alclsroalclsroalclsro.closed)
     alclsroalclsroalclsro = window.open('','','status=yes width=400 height=300 scrollbars=yes left=400 top=50 resizable=yes');
   window.alclsroalclsroalclsro.document.write(fff);
   window.alclsroalclsroalclsro.document.close();
   }

</SCRIPT>

<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY bgColor="#CCCCCC" onunload="window.alclsroalclsroalclsro.close();">
<CENTER>
<FORM name=myform>
    <p><b><a href="http://tagin.net">자동으로 미리보기 가능한 태그연습장</a></b></p>
    <p>
      <INPUT onclick=cc() type=button value=지우기>
      <INPUT type=reset value=기본형>
      <INPUT style="VISIBILITY: hidden" onclick=noto(this.form.maddog.value) type=button value=미리보기 name=view>
      
      <INPUT
onclick='this.form.view.style.visibility="hidden"' type=radio CHECKED
name=abab>
      <FONT color=#ffffff size=2>자동 보기</FONT>
      
      <INPUT
onclick='this.form.view.style.visibility="visible"' type=radio name=abab>
      <FONT
color=#ffffff size=2>버튼으로 보기</FONT>
      
      <BR><BR><BR>
      <TEXTAREA onpropertychange=auto(this.value) name=maddog rows=25 cols=80>
</TEXTAREA>
    </p>
  </FORM></CENTER></BODY></HTML>

추천 목록

번호	제목
305	pre 감싸는 내용 자동 줄바꿈 시키기
304	jquery 스크롤 페이징, jquery infinite scroll
303	제이쿼리(JQuery), CSS3, HTML5 효과 튜토리얼 모음
302	새로고침 해야 페이지내용이 제대로 보이는 현상 해결법
301	HTML 태그표 총정리
300	플래쉬 액션 fscommand 명령의 종류
299	RSS 리더기
298	토렌트검색기
297	텍스트 암호화하기
	자동으로 미리보기 가능한 태그연습장
295	태그 스크립트 암호화하기
294	태그 스크립트 암호화 2
293	스팸막기 이메일 링크 소스 생성기
292	마퀴태그 marquee 생성기
291	팝업 새창소스 생성기
290	팝업 새창소스 마법사
289	폼(입력박스 버튼 등) 생성 마법사
288	HTML -> 자바스크립트 Javascript 변환기
287	byte,kbyte,Mbyte,Gbyte 바이트 변환
286	형식이 다른 엑셀 파일 DB에 올리기
285	google api 를 이용한 짧은 url 만들기 - curl 사용
284	[jquery] 이미지 tag onerror 처리
283	css 속성들:줄간격, 자간, 단어 간격
282	확인, 취소 버튼 두 개 나오는 alert 창 만들기
281	접근성을 해치지 않는 자바스크립트의 사용
280	브라우저별 CSS Hack 정리
279	익스플로러 버전별 CSS 적용방법
278	JQuery란 과연 무엇인가?
277	jQuery의 기본이 되는 jQuery/Core에 대해 알아보자!!
276	웹표준 W3C : 자동완성 기능 끄기 autocomplete off