천객만래 [千客萬來] (It has an interminable succession of visitors)

[웹] 웹퍼블리셔(Web Publisher)란



웹퍼블리셔(Web Publisher)란

웹표준 및 DOCTYPE를 인지하지 못하는 개발자가 작업하여 나오는 결과물이 IE와 그 외 브라우저에서 특정한 부분만 인식하는 스크립트와 그렇지 않은 스크립트, XHTML과 HTML 태그 사용법 등을 미리 선정하여 큰 문제가 없도록 최대한 디자인을 살려 개발 영역을 넓혀줄 수 있는 역할을 하는 것이 퍼블리셔이다.

 

수행직무)

퍼블리셔는 코더의 역할 뿐만이 아니라, 전체적인 프로젝트의 인식, 그리고 웹 접근성과 크로스미디어, 크로스 브라우저 같은 좀 더 많은 사용자에게 퍼블리싱(인쇄 , 출력)을 할 수 있는 환경을 제공하고자 하는 것에 좀 더 초점이 맞추어져 있다. HTML과 CSS를 활용한 효율적이고 빠른 그리고 수정 용이한 코드 작성을 목적으로 한다.

 

변화를 읽는 자기계발, 흐린 취업시장에서 성공의 길!

뜨는 IT 직종, 웹 퍼블리셔

 

IT 관련 직종의 수명이 짧아지면서, 새로운 직종에 속속 등장하고 있다. 올해 채용시장에 가장 두드러진 직종으로 평가되는 분야는 웹퍼블리셔.

4 11장애인차별금지 및 권리구제에 관한 법률(장차법)’의 시행에 따라 모든 공공기관과 종합병원, 복지시설, 특수학교 및 장애전담 보육시설 등의 홈페이지에 대한 장애인을 위한 웹 접근성이 갖춰지도록 의무화 되었고, 정부 공공기관의 웹 접근성 개선사업이 크게 늘면서 각 취업사이트마다 웹퍼블리셔를 모집하는 공고가 넘쳐나고 있다.

 

웹퍼블리셔는웹 표준 및 웹 접근성 전문가라고 정의할 수 있으며 웹 표준과 그 주변의 다양한 웹 관련 기술에 전문성을 지니고 있는 웹의 구현(출판)을 담당하는 새롭게 부각되는 업무를 행하는 사람을 지칭하기 위한 용어이다.
웹퍼블리셔가 웹표준 구현을 위하여 갖추어야 할 스킬은 아래와 같다.
• HTML, CSS, Javascript
에 대한 관심
• XHTML
마크업 및 W3C DOM을 사용한 자바스크립트 개발 역량
• XHTML
CSS로 구조와 표현 분리 개발 방법에 대한 이해
웹접근성 및 웹표준에 대한 이해
개발자와 디자이너, 컨텐츠 설계자와의 원할한 커뮤니케이션 역량
사용자 중심의 UI에 대한 관심과 이해
소수 사용자를 배려하는 마음

 

급격한 수요 증가에 대응하기 위해 강좌를 개설한 미즈 평생교육원에서는 웹표준/웹접근성 전문강좌를 개설하여 새로운 인터넷 환경을 이끌어갈 인력을 배출하고자 수강생을 모집하고 있다

Posted by SB패밀리




미디어 끌어오기

:: <embed> :: 다양한 형태의 미디어를 호출/실행시킬 수 있습니다.
- src : 해당 미디어의 위치를 지정합니다.
- play : 자동적으로 실행할 지를 설정합니다.
  -- true : 실행합니다.
  -- false : 실행하지 않습니다.
- loop : 계속 반복할 지를 설정합니다.
  -- true : 반복합니다.
  -- false : 반복하지 않습니다.
- quality : 해당 플래시의 화질을 설정합니다.
  -- high : 고화질로 설정합니다.
  -- medium : 중간 화질로 설정합니다.
  -- low : 저화질로 설정합니다.
- hidden : 미디어를 화면에 출력할지를 설정합니다. 주로 음악재생시에 이용됩니다.
  -- true : 화면상에 보여주지 않습니다.
  -- false : 화면상에 나타납니다. 기본값은 false입니다.
- width : 플래시의 가로길이를 설정합니다.
- height : 플래시의 세로길이를 설정합니다.



# 호출가능한 미디어는 asf, wma, swf, asx등 일부에 국한됩니다.



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



<html>
<body>
<center>



<b>:: 플래시를 연결합니다. ::</b><p>
<embed src="http://mfiles.naver.net/518466b8abf59d28055d/data22/2006/5/27/286/hand_clock.swf" play="true" loop="true" width=256 height=120>
</embed>
<p align="right"><font size=2 color="#bbbbbb">- 유고 나카무라 作</font></p>



</center>
</body>
</html>


출처: 인터넷


Posted by SB패밀리

출처: 인터넷



미디어 플레이어 객체 제어하기
* 조절메서드
  - Pause() : 일시정지합니다.
  - Play() : 재생합니다.
  - Stop() : 중지합니다.
  - Next() : 다음으로 이동합니다.
  - Previous() : 이전으로 이동합니다.
* PlayState속성 - 재생, 중지, 일시정지 중인지의 상태를 알아냅니다.
  -- mpStopped : [0] 재생이 중지된 상태
  -- mpPaused : [1] 재생이 일시정지된 상태
  -- mpPlaying : [2] 재생중인 상태
  -- mpWaiting : [3] 시작하기 위해서 기다리는 상태
  -- mpScanForward : [4] 재생흐름을 다음으로 이동
  -- mpScanReverse : [5] 재생흐름을 이전으로 이동
  -- mpSkipForward : [6] 다음 단계로 이동
  -- mpSkipReverse : [7] 이전 단계로 이동
  -- mpClosed : [8] 재생닫혀있는 상태
* DisplaySize속성 - 화면크기를 조절합니다.
  -- mpDefaultSize : [0] 기본크기
  -- mpHalfSize : [1] 기본크기에서 1/2크기
  -- mpDoubleSize : [2] 기본크기에서 두배로 확대한 크기
  -- mpFullScreen : [3] 화면 전체크키
  -- mpFitToSize : [4] 사용자가 디자인한 크기
  -- mpOneSixteenScreen : [5] 전체화면의 1/16크기
  -- mpOneFourthScreen : [6] 전체화면의 1/4크키
  -- mpOneHalfScreen : [7] 전체화면의 1/2크기
* Mute속성 - 소리를 끄거나 켜기위해 사용됩니다.
   Boolean값이 True이면 소리가 꺼진 상태이고 False이면 소리가 켜진 상태입니다.

# 윈도우 미디어플레이어 속성
AllowChangedDisplayMode 초단위, 프레임 단위로 최종 사용자가 디스플레이 모드를 실행시 변경할 수 있는지를 나타낸다.
AllowHideControls 최종 사용자가 컨트롤 패널을 실행시 감출 수 있는지를 나타낸다. 
AllowHideDisplay 최종 사용자가 디스필레이를 실행시 감출 수 있는지를 나타낸다. 
Apperance 디스플레이 패널의 경계의 모양을 지정한다. 1=inset border 패인모양, 0=무경계 
AutoRewind 파일의 재생이 끝났을 때 자동으로 되감기를 할 것인지를 표시한다.
AutoStart 웹페이지를 열면 자동으로 재생을 시작할 것인지를 표시한다.
Balance 소리의 균형을 나타낸다. 0=균형, -10,000=왼쪽스피커만 사용, 10,000=오른쪽 스피커만 사용 
BorderStyle 컨트롤 경계 스타일을 지정한다. 0=무사용, 1=고정된 싱글 경계 
CurrentPosition 재생 파일에서의 현 위치를 초 단위로 나타낸다. 
CurrentState 플레이어의 현 상태를 나타낸다. 0=정지, 2=재생, 1=일시정지 
DisplayBackColor 디스플레이 패널의 배경색을 나타낸다. 
DisplayForeColor 디스플레이 패널의 전경생을 나타낸다. 
DisplayMode 디스플레이 패널에 초단위 또는 프레임 단위로 현위치를 디스플레이할지를 나타낸다. 0=초, 1=프레임 
EnableContextMenu 단축 메뉴를 활성화시킬지를 나타낸다.
Enabled 컨트롤이 활성화되었는지를 나타낸다.
EnablePositionControls 컨트롤 패널에 위치 버튼을 보여줄 것인지를 표현한다.
EnableSelectControls 컨트롤 패널에 선택 버튼을 보여줄 것인지를 표현한다.
EnableTracker 컨트롤 패널에 트랙바 컨트롤을 보여줄 것인지를 표시
FileName 재생될 멀티미디어 파일을 지정한다. 
FullScreenMode 모니터 전체의 크기로 멀티미디어를 표시한다. 
MovieWindowSize 재생 패널의 크기를 결정한다. 0=원래크기, 1=원래크기의 2배, 2=화면의 1/6크기, 3=화면의 1/4 
PlayCount 재생할 횟수를 지정한다. 
Rate 재생 비율을 결정한다. 
ReadyState 소스 파일을 얼마나 로드했는가에 따른 Active Movie Control의 준비 상태를 나타낸다. 
SelectionEnd 파일의 처음에서부터 종료 위치를 초 단위로 지정한다. 
SelectionStart 파일의 처음에서부터 시작 위치를 초 단위로 지정한다. 
ShowControls 컨트롤 패널 표시 여부를 지정한다.
ShowDisplay 디스플레이 패널 표시 여부를 지정한다.
ShowPositionControls 위치 컨트롤의 표시 여부를 지정한다.
ShowSelectControls 선택 컨트롤의 표시 여부를 지정한다.
ShowTracker 트랙바의 표시 여부를 지정한다.
Volume 데이벨의 100분의 1 단위로 볼륨을 지정한다.
.. 그외 자세한 사항은 MSDN:Windows Media Player Properties를 참고하기 바랍니다.



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



<html>
<script language="JavaScript">
<!--



function mmp_state() {  /* 재생상태를 출력 */
switch(mmp.PlayState) {
  case 0 : frm1.state.value = "중지상태";
   break;
  case 1 : frm1.state.value = "일시중지";
   break;
  case 2 : frm1.state.value = "실행중";
   break;
}
}



function mmp_play() {  /* 재생 */
if (mmp.Filename!="")
  mmp.Play();
mmp_state();
}



function mmp_stop() {  /* 멈춤 */
if (mmp.Filename!="")
  mmp.Stop();
mmp_state();
}



function media_size(my_sel) {  /* 화면크기조정 */
switch(my_sel) {
  case 0 : mmp.DisplaySize = 0;
   break;
  case 2 : mmp.DisplaySize = 2;
   break;
  case 3 : mmp.DisplaySize = 3;
   break;
}
}



function mmp_pause() {  /* 일시멈춤 */
if (mmp.Filename!="")
  mmp.Pause();
mmp_state();
}



function mmp_sound() {  /* 소리제어 */
if (mmp.Filename!="") {
  if (mmp.Mute == true) {
   mmp.Mute = false;
   frm1.sound.value = "소리켬";
  } else {
   mmp.Mute = true;
   frm1.sound.value = "소리끔";
  }
}
}



-->
</script>



<body>
<div align="center">

<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" id="mmp" style="left:0px; top:0px; width:320px; height:240;">
<param name="AudioStream" value=-1>
<param name="AutoSize" value=-1>
<param name="AutoStart" value=-1>  <!-- 웹페이지를 열면 자동으로 재생을 시작할 지 설정 -->
<param name="AnimationAtStart" value=-1>
<param name="AllowScan" value=-1>
<param name="AllowChangeDisplaySize" value=-1>
<param name="AutoRewind" value=0>  <!-- 파일의 재생이 끝났을 때 자동으로 되감기를 할 지 설정 -->
<param name="Balance" value=0>  <!-- 스피커의 음량분배, 0=균형, -10,000=왼쪽스피커만 사용, 10,000=오른쪽 스피커만 사용  -->
<param name="BaseURL" value="">
<param name="BufferingTime" value=5>
<param name="CaptioningID" value="">
<param name="ClickToPlay" value=-1>
<param name="CursorType" value=0>
<param name="CurrentPosition" value=1>  <!-- 재생 파일에서의 현 위치를 초 단위로 나타낸다.  -->
<param name="CurrentMaker" value=0>
<param name="DefaultFrame" value="">
<param name="DisplayBackColor" value=0>  <!--  디스플레이 패널의 배경색을 나타낸다.  -->
<param name="DisplayForeColor" value="16777215">  <!-- 디스플레이 패널의 전경색 -->
<param name="DisplauMode" value=0>  <!-- 디스플레이 패널에 초단위 또는 프레임 단위로 현위치를 디스플레이할지를 나타낸다. 0=초, 1=프레임 -->
<param name="DisplaySize" value=0>
<param name="Enabled" value=-1>  <!-- 컨트롤이 활성화되었는지를 나타낸다. -->
<param name="EnableContextMenu" value=-1>  <!-- 단축 메뉴를 활성화시킬지를 나타낸다. -->
<param name="EnablePositionControls" value=-1>  <!-- 컨트롤 패널에 위치 버튼의 출력설정 -->
<param name="EnableFullscreenControls" value=0>
<param name="EnableTracker" value=-1>  <!-- 컨트롤 패널에 트랙바 컨트롤을 보여줄 지를 표시 -->
<param name="Filename" value="king_1118.asf">  <!-- 재생될 멀티미디어 파일을 지정한다. -->
<param name="InvokeURLs" value=-1>
<param name="Language" value=-1>
<param name="Mute" value=0>
<param name="PlayCount" value=1>  <!-- 재생할 횟수를 지정한다.  -->
<param name="PreviewMode" value=0>
<param name="Rate" value=1>  <!-- 재생 비율을 결정한다.  -->
<param name="SAMILang" value="">
<param name="SAMIStyle" value="">
<param name="SAMIFileName" value="">
<param name="SelectionStart" value=-1>  <!-- 파일의 처음에서부터 시작 위치를 초 단위로 지정 -->
<param name="SelectionEnd" value=-1>  <!--  파일의 처음에서부터 종료 위치를 초 단위로 지정 -->
<param name="SendOpenStateChangeEvents" value=-1>
<param name="SendWarnigEvents" value=-1>
<param name="SendErrorEvents" value=-1>
<param name="SendKeyboardEvents" value=0>
<param name="SendMouseClickEvents" value=0>
<param name="SendMouseMoveEvents" value=0>
<param name="SendPlayStateChangeEvents" value=-1>
<param name="ShowCaptioning" value=0>
<param name="ShowControls" value=0>  <!-- 컨트롤 패널 표시 여부를 지정한다 -->
<param name="ShowAudioControls" value=0>
<param name="ShowDisplay" value=0>  <!-- 디스플레이 패널 표시 여부를 지정한다.  -->
<param name="ShowGotoBar" value=0>
<param name="ShowPositionControls" value=0>  <!--  위치 컨트롤의 표시 여부를 지정한다.  -->
<param name="ShowStatusBar" value=0>
<param name="ShowTracker" value=-1>  <!-- 트랙바의 표시 여부를 지정한다. -->
<param name="TransparentAtStart" value=0>
<param name="VideoBorderWidth" value=0>
<param name="VideoBorderColor" value=0>
<param name="VideoBorder3D" value=0>
<param name="Volume" value=-600>  <!-- 데시벨의 100분의 1 단위로 볼륨을 지정한다.  -->
<param name="WindowlessVideo" value=0>
</object>



<form name="frm1">
<input type="button" name="play" value="실행" onClick="mmp_play()">
<input type="button" name="stop" value="중지" onClick="mmp_stop()">
<input type="button" name="next" value="일시중지" onClick="mmp_pause()">
<input type="button" name="sound" value="소리 켬" onClick="mmp_sound()">
<br><br>
<input type="button" name="size1" value="기본크기" onClick="media_size(0)">
<input type="button" name="size2" value="두배크기" onClick="media_size(2)">
<input type="button" name="size3" value="전체크기" onClick="media_size(3)">
<br><br>
상태 : <input type="text" name="state" value="실행중">

</form>



</div>
</body>
</html>

Posted by SB패밀리

제로보드 스킨을 이용한 게시물 메일보내기




mailthis.zip



예제를 보세요.

http://wegoart.com/html/zboard.php?id=brick&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=23

설명서와 파일은 다운로드 받으세요.

다음은 설명서의 앞부분입니다.
mailthis(이 게시물 멜로 보내기) 설치 설명서입니다.

--------------------------------------------------------------------------------
저작권은 주장하지 않습니다.
마음대로 수정하세요.

만든날 : 2003.2.18
만든이 : 이동호(leedoho@hanmail.net)
질문은 http://oktk.net 의 자유게시판에 하세요.

purple 스킨은 이름을 바꾸고 약간의 수정을 했지만 저작권은 바꾸지 않았습니다.
메일보내기, 맨 위로 등을 가능하게 했습니다.
--------------------------------------------------------------------------------

1. 압축을 풀면 mailthis.php, mailgo.php, 사용설명서.TXT(이 파일)
   3개의 파일과 purple 스킨 디렉토리가 들어 있습니다.
   FTP를 이용하여 파일은 서버에 lib.php 파일이 있는 부분에 올리고
   스킨은 스킨 디렉토리에 올립니다..
   
2. 우선 테스트 하기 위해 여기에 첨부된 purple 스킨을 설치합니다. 
   그리고 4번과정을 미리 마친 다음 작동하는 지를 확인해 봅니다.

3. 기존의 스킨에도 사용하게 위해서는 스킨 디렉토리에 스킨에 맞는그림 파일
   btn_mail.gif, btn_top.gif 파일을 만들어 업로드하고
   스킨파일내의  view_foot.php 파일을 수정해야 합니다.
   
  파일을 열어 버튼이 나올 부분에 다음을 삽입하세요. 
  첨부된 스킨 파일을 열어 확인해 본 후에 수정하세요.
                <a href=# onclick=window.open('mailthis.php?id=<? echo "$id"; ?>&no=<? echo "$no"; ?>','mailthis','width=400,height=350,scrollbars=auto,resizable=0,status=0,menubar=0')>
                <img src=<?=$dir?>/btn_mail.gif border=0></a>    
    <img src=<?=$dir?>/btn_top.gif border=0 onclick="javascript:window.scroll(0,0);" style="cursor:hand;">
    
       
4. lib.php 파일을 열어 아래의 소스를 copy하여 넣습니다.
   36? 째줄의 다음 부분 바로 앞에 넣으세요.
   
   //  초기 헤더를 뿌려주는 부분;;;; 

--------------------------------------------------------------------------------
copy 할 부분입니다.
// 여기 다음 부터

//  mail head 시작

        function mailhead($body="",$scriptfile="") {
                global $group, $setup, $dir,$member, $PHP_SELF, $id, $_head_executived, $HTTP_COOKIE_VARS, $width;
                if(!eregi("member_",$PHP_SELF)) $stylefile="skin/$setup[skinname]/style.css"; else $stylefile="style.css";

                // html 시작부분 출력
                if($setup[skinname]) {
                        ?>
<html> 
<head>
        <title><?=$setup[title]?></title>
        <meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
        <link rel=StyleSheet HREF=<?=$stylefile?> type=text/css title=style>

</head>
<body topmargin='0'  leftmargin='0' marginwidth='0' marginheight='0' <?=$body?>>
                        
                        <div align='center'>
                        <?
                } else {

                        ?>
<html>
<head>
        <title>이 게시물 메일로 보내기</title>
        <meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
        <link rel=StyleSheet HREF=style.css type=text/css title=style>

</head>
<body topmargin='0'  leftmargin='0' marginwidth='0' marginheight='0' <?=$body?>><div align='center'>
                        <?
                }

        }
//  mail head 종료

// directfoot 시작

        function directfoot() {

                global $width, $group, $setup, $_startTime , $_queryTime , $_foot_executived, $_skinTime, $_sessionStart, $_sessionEnd, $_nowConnectStart, $_nowConnectEnd, $_dbTime, $_listCheckTime, $_zbResizeCheck;



                if($setup[skinname]) {
                        ?>
        
                        <?
                        if($_zbResizeCheck) {
                        ?>
                        <!-- 이미지 리사이즈를 위해서 처리하는 부분 -->
                        <script>
                                function zb_img_check(){
                                        var zb_main_table_width = document.zb_get_table_width.width;
                                        var zb_target_resize_num = document.zb_target_resize.length;
                                        for(i=0;i<zb_target_resize_num;i++){ 
                                                if(document.zb_target_resize[i].width > zb_main_table_width) {
                                                        document.zb_target_resize[i].width = zb_main_table_width;
                                                }
                                        }
                                }
                                window.onload = zb_img_check;
                        </script>

                        <?
                        }
                        ?>
</div>
</body>
</html>
                        <?
                        
                } else {

                        ?>
                        </div>
                        </body>
                        </html>
                        <?
                }

                $_phpExcutedTime = (getmicrotime()-$_startTime)-($_sessionEnd-$_sessionStart)-($_nowConnectEnd-$_nowConnectStart)-$_dbTime-$_skinTime;
                // 실행시간 출력
                echo "\n\n<!--"; 
                if($_sessionStart&&$_sessionEnd)                  echo"\n Session Excuted  : ".sprintf("%0.4f",$_sessionEnd-$_sessionStart);
                if($_nowConnectStart&&$_nowConnectEnd)         echo"\n Connect Checked  : ".sprintf("%0.4f",$_nowConnectEnd-$_nowConnectStart);
                if($_dbTime)                                                          echo"\n Query Excuted  : ".sprintf("%0.3f",$_dbTime);
                if($_phpExcutedTime)                                          echo"\n PHP Excuted  : ".sprintf("%0.3f",$_phpExcutedTime);
                if($_listCheckTime)                                         echo"\n Check Lists : ".sprintf("%0.3f",$_listCheckTime);
                if($_skinTime)                                                         echo"\n Skins Excuted  : ".sprintf("%0.3f",$_skinTime);
                   if($_startTime)                                                 echo"\n Total Excuted Time : ".sprintf("%0.3f",getmicrotime()-$_startTime);
                echo "\n-->\n";
        }

// directfoot 종료

// 여기 앞까지

Posted by SB패밀리

거치식/적립식 복리계산기



거치식/적립식 복리계산기를

 

웹 페이지로 만들었습니다.



복리계산기.zip


팁...


72법칙이라고 아시죠?

복리와 투자수익에 관련된 것으로 자주 나오는 법칙입니다.

알아두면 좋겠죠?


72법칙이라고 하면 복리로 현재 자신이 가지고 있는 자산이 두 배로 늘어나는데 걸리는 시간

또는 일정 기간 내에 원금을 두 배로 늘리는데 얼마의 수익률이 필요한지를 알려주는 법칙입니다.


소요되는 기간을 계산하면


72 ÷ 수익률(%) = 기간(년)

ex) 5% 수익률로 원금을 두 배 늘리는데 필요한 기간은

72 ÷ 5 = 14.4년


필요한 수익률 계산


72 ÷ 기간(년) = 수익률(%)

ex) 10년 뒤에 원금을 두 배로 만들려면 

72 ÷ 10 = 7.2%







Posted by SB패밀리

좀 오래된 소스라 필요할지는 모르겠지만...



HTML 태그를 이용하여 라운드테이블(RoundTable)을 구현하는 소스

 

태그로 테이블 모서리를 둥글게 하기 위해선 아래의 소스를 넣어주셔야 해요.

 

<head>와 </head> 사이에 아래의 소스를 넣어주세요.

 

<script>
function roundTable(objID) {
var obj = document.getElementById(objID);
var Parent, objTmp, Table, TBody, TR, TD;
var bdcolor, bgcolor, Space;
var trIDX, tdIDX, MAX;
var styleWidth, styleHeight;

// get parent node
Parent = obj.parentNode;
objTmp = document.createElement('SPAN');
Parent.insertBefore(objTmp, obj);
Parent.removeChild(obj);

// get attribute
bdcolor = obj.getAttribute('rborder');
bgcolor = obj.getAttribute('rbgcolor');
radius = parseInt(obj.getAttribute('radius'));
if (radius == null || radius < 1) radius = 1;
else if (radius > 6) radius = 6;

MAX = radius * 2 + 1;

/*
create table {{
*/
Table = document.createElement('TABLE');
TBody = document.createElement('TBODY');

Table.cellSpacing = 0;
Table.cellPadding = 0;

for (trIDX=0; trIDX < MAX; trIDX++) {
TR = document.createElement('TR');
Space = Math.abs(trIDX - parseInt(radius));
for (tdIDX=0; tdIDX < MAX; tdIDX++) {
TD = document.createElement('TD');

styleWidth = '1px'; styleHeight = '1px';
if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
else if (radius > 2) {
if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
}

if (styleWidth != null) TD.style.width = styleWidth;
if (styleHeight != null) TD.style.height = styleHeight;

if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
else if (tdIDX > Space && Space < MAX - tdIDX - 1) TD.style.backgroundColor = bgcolor;

if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
TR.appendChild(TD);
}
TBody.appendChild(TR);
}

/*
}}
*/

Table.appendChild(TBody);

// insert table and remove original table
Parent.insertBefore(Table, objTmp);
}
</script>

 

 

 

<body>와 </body> 안에 아래의 소스를 넣어주세요.

 

<table id="ta" width="300" height="100" border="0" radius="3" rborder="#999999" rbgcolor="#F8F8F8">
<tr>
<td valign="top">테스트입니다</td>
</tr>
</table>
<script>roundTable("ta");</script>

 

 

* 테이블 테그 안의 가로 크기와 세로 크기를 수정
  width="300" height="100"

* 테이블 테두리 색상과 테이블 안쪽 색상
   rborder="#999999" rbgcolor="#F8F8F8"


* 테이블 둥근 테두리 정도 (값이 클수록 더욱 둥글 둥글 해집니다)
   radius="3"

Posted by SB패밀리
TAG CSS, html, 개발

WEB의 HTML, 자바스크립트로 Get 방식으로 한글 문자열을 넘겨줄 때 인코딩 문제를 해결해 봅니다.
asp.net 소스로 구현되어있습니다.

ASP.NET에서 GET방식을 이용해서 넘겨준 한글 문자열을 Request로 받을 때,
인코딩 문제로 한글이 깨져서 보입니다.

그럴때는 한글 문자열을 인코딩해서 보내고 받는 방법을 사용해야 합니다.
Server Script(서버 스크립트)를 사용해서 보낼 때 HttpUtility.UrlEncode(string) 메소드를 이용하시면 되고,
Javascript(자바스크립트)에서 바로 보낼 때 사용하시려면 escape(string) 함수를 이용하시면 됩니다.

[Server Script]

Response.Redirect("movepage.aspx?name=" + HttpUtility.UrlEncode("홍길동"))

[Javascript]

document.location.href = "movepage.aspx?name=" + escape("배철수");

그 외 ServerUtilty.UrlEncode, UrlHtmlEncode 등의 함수도 참고하십시오.
쌈꼬쪼려 소백촌닭

Posted by SB패밀리

function f_goEnter() {
   if ( event.keyCode == 13 ) {
    f_submit();
   }
  }
Posted by SB패밀리

 

화면을 개발하다 보면 출력해야 하는 페이지가 꼭 있기 마련이다.

그런데, 통프레임이거나 프레임이 분리되는 경우라도 화면에는 보여야 하지만 출력할 때는 빼고 싶은 내용이 있다.

이거 찾는 데 시간이 걸리긴 했는데, 막상 적용하기는 무척 간단하다.

 

아래의 내용을 HTML의 style 태그 내에 넣거나, include하는 CSS 파일에 넣는다.

@media print
{

  .noprint { display:none; }

}

 

설명 : @media print 는 print되는 결과물에만 적용되는 스타일이라는 뜻이다.

        .noprint { display:none; } 잘 아는 바와 같이 display:none은 영역을 차지하지 않고, 보여주지도 않는다.

        결과적으로 noprint라는 스타일을 적용한 객체는 프린트할 때 제외된다는 뜻이다.

 

이렇게 선언이 되었으니 적용만 하면 된다.

table, tr, td, div, input 등 어떤 객체든 일반 스타일 적용하듯 class="noprint" 속성만 붙이면 출력할 때 제외된다.

만약에 그 객체에 이미 화면용 스타일이 적용되어 있다면,

적용된 화면용 스타일이 "input_text"라면 그냥 그 옆에 noprint만 추가해 주면 된다.

다음과 같이 class="input_text noprint" 하면 된다.

그리고, 자바스크립트로 window.print()만 실행하면 noprint 속성이 적용 안 된 내용만 프린터로 출력된다.

이것을 응용하면 @media print 내에 프린트용 폰트나 속성을 적용해서, 화면과 출력물의 모양을 달리 할 수도 있다.

하지만, 이런 귀찮은 작업을 누가 하겠는가? 하라고 하면 짜증날 것 같다. ^^;

 

 

참고로 아래에는 window.print()로 인쇄 다이얼로그가 떴을 때 기본 종이 방향이 가로가 되도록 하는 CSS이다.

화면 내용의 폭이 커서 가로 출력이 필요할 때 유용하다.

(그런데, IE6에선 동작하고, FireFox2에선 동작 안 한다. FireFox는 세로로 해도 알아서 넘어가지 않게 자동축소출력해 주니 문제없다.)

이것도 마찬가지로 HTML의 style 태그 내에나, include하는 CSS 파일 내에 추가시켜 주면 된다.

@page { size: landscape; }


쌈꼬쪼려 소백촌닭

Posted by SB패밀리