May, 2011
Shift-JIS text to UTF-8
I searched for an answer for how to convert Japanese Shift-JIS text to UTF-8 format but couldn’t find any suitable answer so here is my proposed method. I first encountered Japanese Shift-JIS when cutting and pasting Japanese text that my wife had typed on a Windows computer. I thought it started out as UTF-8 which is best for the web but during the cut and paste in the Windows environment, it was converted to Shift-JIS format. Shift-JIS is a horrible way of encoding Japanese symbols that is only used for Japanese and there are several versions of it. But for us PC programmers, we are interested in Microsoft Code Page […]
Posted in etc | Comments Off on Shift-JIS text to UTF-8
Popup Window in the center
<script language=”javascript”> <!– function OpenWin() { window.open(“팝업.html”,”ow1″,”width=200,height=200,top=”+(screen.availHeight/2-100)+”,left=”+(screen.availWidth/2-100)+”");//팝업창 중앙에 띄우기 } //–> </script><script language=”javascript”> <!– function OpenWin() { window.open(“팝업.html”,”ow1″,”width=200,height=200,top=”+(screen.availHeight/2-100)+”,left=”+(screen.availWidth/2-100)+”");//팝업창 중앙에 띄우기 } //–> </script> <body leftMargin="0" topMargin=”0″ onload=”OpenWin()”> </body><body leftMargin="0" topMargin=”0″ onload=”OpenWin()”> </body> ——————————————————————————– popup.html <body> <img src=”예쁜버튼그림1.jpg” width=”10″ height=”10″ onClick=”opener.location.href=’http://www.naver.com’;window.close()” style=”cursor:hand”> <img src=”예쁜버튼그림2.jpg” width=”10″ height=”10″ onClick=”window.close()” style=”cursor:hand”> </body><body> <img src=”예쁜버튼그림1.jpg” width=”10″ height=”10″ onClick=”opener.location.href=’http://www.naver.com’;window.close()” style=”cursor:hand”> <img src=”예쁜버튼그림2.jpg” width=”10″ height=”10″ onClick=”window.close()” style=”cursor:hand”> </body>
Posted in jQuery, Javascript | Comments Off on Popup Window in the center
background
A. 배경이미지의 반복 (background-repeat 속성) • 속성 : background-repeat • 값 : repeat, repeat-x, repeat-y, no-repeat, inherit •기본값 : repeat • 적용대상 : 모든 요소 이 속성은 요소의 배경 이미지가 반복되는 방향을 지정한다. 이러한 반복의 시작은 background-position 값으로 정한다. 속성 값에 대한 의미는 다음과 같다. repeat : 수평과 수직으로 반복된다. repeat-x : 수평으로 반복된다. repeat-y : 수직으로 반복된다. no-repeat: 반복하지 않고 한 번만 표시한다. body { background-image:url(’paper.gif’); background-repeat:repeat-y; }body { background-image:url(‘paper.gif’); background-repeat:repeat-y; } B. 배경이미지의 이동, 고정 (background-attachment 속성) • 속성 : background-attachment • 값 : scroll, fixed, inherit • 기본값 : scroll • 적용대상 : 모든 요소 이 속성은 배경 이미지가 요소와 함께 스크롤될지 안될지 결정한다. 대부분 body에 적용한다. 속성 값에 대한 의미는 […]
Posted in CSS | Comments Off on background