웹마스터 팁

  2. Support
  3. 웹마스터 팁

입력된 내용대로 출력하는 JS 소스코드 생성기

2003.03.25 00:54

xcool

머에 쓰는지는 모르겠씁니다.
암튼 보기 드문거네요
미리보기 : http://xscool.cafe24.com/bbs/zboard.php?id=story2&page=1&sn1=&divpage=1&category=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=21

<html>
<head>
<title>HTML-JS 생성기</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style type="text/css">
th,td { font-family: 돋움; font-size: 9pt; }
textarea { font-family: Fixedsys; }
</style>
<script language="javascript">
function generateSource(form) {
  var strContent = form.HTML.value;
  strContent = strContent.replace(//g, "\");
  strContent = strContent.replace(/"/g, """);
  strContent = strContent.replace(/(r{0,1})n/g, "nn");
  strContent = strContent.replace(/</script>/gi, "</","script>");
  var strResult = "<script language=javascript>ndocument.write("n" + strContent + "");n</" + "script>";
  form.JSSRC.value = strResult;
  return false;
}
function showResult(form, src) {
  var wopt = "menubar=yes,toolbar=yes,location=yes,scrollbars=yes,status=yes,resizable=yes";
  switch (true) {
    case form.size[1].checked: wopt += ",width=640,height=480"; break;
    case form.size[2].checked: wopt += ",width=800,height=600"; break;
    case form.size[3].checked: wopt += ",width=1024,height=768"; break;
  }
  winResult = window.open("about:blank","",wopt);
  winResult.document.open("text/html", "replace");
  switch (src) {
    case "html": winResult.document.write(form.HTML.value); break;
    case "js": winResult.document.write(form.JSSRC.value); break;
  }
  winResult.document.close();
  return false;
}
</script>
</head>
<body style="margin:0px" onLoad="document.mainform.HTML.focus()">

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="4" bgColor="lightgrey">
  <form name="mainform" onSubmit="return generateSource(this)">
  <tr height="20">
    <th align="left" colspan="2">▒ HTML-JS 생성기</th>
  </tr>
  <tr height="10">
    <th width="50%">대상 HTML 소스코드</th>
    <th width="50%">HTML 출력용 JS 소스코드</th>
  </tr>
  <tr>
    <td width="50%"><textarea name="HTML" style="width:100%;height:100%"></textarea></td>
    <td width="50%"><textarea name="JSSRC" readonly style="width:100%;height:100%"></textarea></td>
  </tr>
  <tr height="20">
    <td colspan="2">
      <input type="submit" value="JS 소스코드 생성" onClick="this.form.HTML.focus()">
      <input type="button" value="HTML 미리보기" onClick="showResult(this.form,'html');this.blur()">
      <input type="button" value="JS 실행결과" onClick="showResult(this.form,'js');this.blur()">
      결과창 크기:
      <input type="radio" name="size" checked>기본
      <input type="radio" name="size">640x480
      <input type="radio" name="size">800x600
      <input type="radio" name="size">1024x768

    </td>
  </tr>
  </form>
</table>

</body>
</html>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
MS홈에 쓰이는 오른쪽메뉴 툴바 [13] file Kortion 2003.02.22
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] 깜보 2003.02.22
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] 이남두 2003.02.26
즐겨찾기 추가하기 [3] file 라엘 2003.03.01
자바스크립트로 쪼물딱 거리는 배경 이미지 [3] 미친개 2003.03.02
허접하나마... 플래쉬와 동영상 받는 소스... [2] 꽃ちゃん 2003.03.04
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] 정성교 2003.03.05
자바스크립트로 만든 로또추첨기~ ^^ 행복한고니 2003.03.05
주민등록번호를 받아 자동으로 폼에 생일, 성별 체크해주기 [4] jugug 2003.03.06
[re] 비밀번호 실시간(?) 확인 스크립트;;; 개인적으로 수정 [2] 아이쿠 2003.03.15
비밀번호 실시간(?) 확인 스크립트;;; [11] Zective 2003.03.09
자바 스크립트 소스 올릴때 예제 쉽게 보이기 [2] xcool 2003.03.12
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] 세죠위그이 2003.03.14
그림을 생성시키는 듯한 효과의 스크립트 [5] 미친개 2003.03.17
주민등록번호로 자동으로 생일, 성별체크 [3] [포터]아렌티 2003.03.19
입력된 내용대로 출력하는 JS 소스코드 생성기 [1] xcool 2003.03.25
무료로 컵받침을 만들어주는 스크립트... -_-;; [18] 행복한고니 2003.03.25
책갈피로 띄운 새창내용 바로가서 보기 RedEye 2003.03.27
[초보 강좌] 쉬운 사칙연산을 하여보자 첫번째 [3] ZipShin 2003.03.27
엔지오식 좌측이동메뉴 레이어 가운데기준정렬 [11] 스티치 2003.03.29
태그 쓰기