웹서비스 발굴 블로그 : http://drchoi.or.kr/category/WEBSERVICE

스크롤 박스 가로 스크롤바 만들기



<style>
/* 스크롤박스 & 스크롤바 */
.TDscrollbar {
  SCROLLBAR-FACE-COLOR: #ededed;
  FONT-SIZE: 9pt;
  SCROLLBAR-HIGHLIGHT-COLOR: #fafafa;
  SCROLLBAR-SHADOW-COLOR: #bdbdbd; COLOR: black;
  SCROLLBAR-3DLIGHT-COLOR: #ffffff;
  SCROLLBAR-ARROW-COLOR: #89a0bc;
  SCROLLBAR-TRACK-COLOR: #F7FFFF;
  FONT-FAMILY: 굴림;
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 }
#scrollbox {width:700; height:300; overflow:auto; padding:10px; border:0; border-style:solid; border-color:blue;}
</style>



<table border=0 width=460 cellspacing=0 cellpadding=0 align=center>
 <tr>
  <td height=25 align=center>테스트</td>
 </tr>
 <tr>
  <td height=25>
  <DIV id="scrollbox" class=TDscrollbar>

 <p>테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</p><br>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">O테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 <p><font color="red">테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트</font></p>
 
  </DIV>
  </td>
 </tr>
</table>

-----------------------------------------------------------------------------------
<DIV id="scrollbox" class=TDscrollbar >

을

  <DIV id="scrollbox" class=TDscrollbar nowrap>

로 수정해 보세요^^

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

위의 것을 이렇게 사용하면 더 간편하다. 키스~~

<CENTER>
<DIV style="BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #ededed; FONT-SIZE: 9pt; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 10px; MARGIN: 0px auto; SCROLLBAR-HIGHLIGHT-COLOR: #fafafa; OVERFLOW: auto; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 98%; SCROLLBAR-SHADOW-COLOR: #bdbdbd; COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #89a0bc; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #f7ffff; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: 굴림; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px">
글내용이 길어지면 자동으로 스크롤바가 생김
</div>
</CENTER>

-----------------------------------------------------------------------------------
우리가 아파치에서 서브도메인을 셋팅시
일일이 계정을 생성해주고 나서, 아파치에서 가상호스트에서
각각의 경로를 지정해줘야 합니다.
예를 들어서리...
www.hubgo.com, hubgo.com 을 셋팅시는
<Virtual Host 111.111.111.111>
ServerName hubgo.com
ServerAlias hubgo.com www.hubgo.com
DocumentRoot /home/hubgo/public_html
</VirtualHost>

그리고, hubgo.hubgo.com 을 셋팅시에는
<VirtualHost 111.111.111.111>
ServerName hubgo.hubgo.com
DocumentRoot /home/hubgo1/public_html
</VirtualHost>

위의 처럼 보통 서브 도메인을 셋팅시에 따로 가상호스트를
잡아주는 경우가 많습니다.

저걸 Rewrite 모듈을 이용하면, 간단히 한 계정에서 셋팅이 가능합니다.
다만 그전에 네임서버에서
*.hubgo.com IN A 111.111.111.111

처럼 앞에 *를 줘서리 모든 서브 도메인을 인식하도록 먼저 설정을 해줘야 합니다.

그리고 나서, 아파치 설정파일에서

<VirtualHost 111.111.111.111>
ServerName hubgo.com
ServerAlias *.hubgo.com
DocumentRoot /home/hubgo/public_html/
RewriteEngine on
RewriteCond %{HTTP_HOST} !^www.hubgo.com
RewriteCond %{HTTP_HOST} !^hubgo.com
RewriteCond %{HTTP_HOST} ^[^.]+.hubgo.com$
RewriteRule ^([^.]+).hubgo.com(.*) http://hubgo.com/$1/$2
</VirtualHost>

위의 경우처럼 해줄 경우 hubgo.com 및 www.hubgo.com 의 기본 작업 루트 디렉토리는 /home/hubgo/public_html 디렉토리입니다.
그리고, 그 디렉토리안에 아무디렉토리를 만들면 모두 서브도메인으로 인식이 됩니다.

예를 들어서
public_html 폴더안에 test 라는
폴더를 만들었을 경우에는 가상 호스트에서
rewrite 모듈이 켜지면서 먼저 도메인을 검사하게 됩니다.
www.hubgo.com, hubgo.com 인지 체크를 하게 되죠.
RewriteEngine on
RewriteCond %{HTTP_HOST} !^www.hubgo.com
RewriteCond %{HTTP_HOST} !^hubgo.com
RewriteCond 는 Rewrite 모듈에서 조건을 나타내는 식입니다.
그래서, 접속했을때의 도메인을 체크해서 hubgo.com, www.hubgo.com 이 아니면
조건에 만족을 하게 됩니다.
조건에 만족을 하게 되면
RewriteRule ^([^.]+).hubgo.com(.*) http://hubgo.com/$1/$2
이 규칙이 적용이 됩니다.
따라서, test.hubgo.com/test.html 이라고
쳤을 경우에는 실제로는 적용이 http://hubgo.com/test/test.html
로 내부 변환이 되어 test.html을 출력하게 됩니다.
그러나, 웹부라우저상에서 봤을때는 서브도메인처럼 보입니다만
실제 내부에서는 저렇게 변환이 되어서 처리하게 됩니다.
Rewrite 모듈이 위의 처럼 변환해 주는 기능을 하게 되죠. (조건을 체크해서
만족하면 변환이 일어납니다.^^)
나중에 시간 되시는 분들은 한번 테스트를 해 보시길 바랍니다.
정말 재밌어요.

그리고, 디렉토리 인증의 경우는
아파치 환경 파일에서
Directory 지시어로 하면 되는데.
<Directory "/home/hubgo/public_html/hubgo">
AllowOverride AuthConfig
</Directory>
라고 지정해 준다음에

해당 디렉토리에 .htaccess, .htpasswd 라는 파일을 만들어주면 됩니다.

.htaccess 파일은 어떻게 할껀지 방식을 적어주면 됩니다.
보통은 밑의 방식으로 하면 됩니다.
AuthName "나만의 인증방식"
AuthType Basic
AuthUserFile /home/hubgo/public_html/hubgo/.htpasswd
AuthGroupFile /dev/null
<Limit GET POST>
require valid-user
</Limit>
.htpasswd 비번이 들어있는 파일명을 나타냅니다.
보통은 절대경로로 지정하면 되구여...
AuthName은 인증창에 나타나는 제목입니다.
인증 비번을 만드는 법은
htpasswd -c /home/hubgo/public_html/hubgo/.htpasswd hubgo
하면 비번을 물어봅니다.
그럼 새 비번을 입력해주시면
.htpasswd라는 파일이 만들어지죠.
위의 경우는 hubgo라는 아디에
비번을 지정하는 겁니다.
위의 까지를 하고 나서 웹에서 확인 하시면 인증창이 뜹니다.
그럼 id란에는 hubgo 비번엔 비번을 입력하시면 hubgo라는 폴더의
파일이 나오게 됩니다.
-----------------------------------------------------------------------------------


스크랩출처 : www.hubgo.com








자동폴더 만들기=======================================================


그렇다면 admin페이지에서 디렉토리만 만들 수 있다면,
위와 같이 연동해서 자동으로 서브도메인을 줄 수 있지 않을까요?

디렉토리를 만드는 함수는 mkdir(); 이니까
예를들어 mkdir("/디렉토리 경로명", 0700); 처럼 해서 말입니다.

잘하면 반드시 admin에서 설정하는 게 아니라
회원가입할 때 자동으로 디렉토리가 생성되게 할 수도 있을 것 같습니다만....


echo를 이용한 콘솔명령
예 :
echo "cp /path/from/images /path/to/my/dir/images";
echo "chmod 707 -R /path/to/my/dir/images";

자바스크립트에서 리스트상의 모든 체크박스를 체크된 상태로 만들거나 해제하기
==================================================================================
// frm : document.formname

// check_name : 체크박스 이름

 

// 리스트의 모든 체크박스를 체크된 상태로 만들거나 해제한다.

function js_check_all(frm, check_name) {
  var i, n=0;
  for (i=0; i<frm.length; i++) { 
      if(frm.elements[i].name == check_name &&  frm.elements[i].checked == false) {
        frm.elements[i].click();
        n++;
      }
  }

  if (n==0) {
      for (i=0; i<frm.length; i++) { 
        if(frm.elements[i].name == check_name && frm.elements[i].checked == true)
            frm.elements[i].click();
      }
  }
}

[세종 탐구생활]

-  심대평 총리 기용설 실패, 그래도 정운찬
둘 다 충청권. 왜 하필 충청권? 세종시를 건드려야 했으니까... 이명박이 욕먹긴 싫었거든~
왜 세종시가 싫어? 서울이 분산되니까.. 돈 많은 사람이야 서울 땅값 계속 오르기만 바랄 뿐.. 분산은 싫어.
행정수도가 안보적으로는 재밌지. 북한애들, 전략선술 다시 짜려면 얼마나 귀찮겠어?

- 이명박이 왜 여우?
세종시문제로 정운찬이 욕먹어주니까...
세종시무산, 성공하면 이명박승리이고 실패하면 정운찬실정.
여당 제 1 후보대상자가 현재 박근혜이니 대적한만한 인물이 필요했던터.. 이 참에 정총리 키워봐?
민주당이 충청권 접수하는 꼴을 눈 뜨고 볼 수가 없거든? 정몽준이 안 해주니 전국분활 노려보자.

- 정운찬이 왜 바보?
충청권의 몇 안돼는 차기 대선주자. 대권야욕이 있으니 국가 2인자에 들어오긴 했으나,
이명박 대신 싸워주고 지금은 스스로 표를 깍아 먹고 있는 형국...
그러나, 아직 싸움은 끝나지 않았으니 바보인척 하는 모사일 수도... 이 기회에 이름이나 이슈화시키자?
성공하면 충청권 등에 업고 한나라당을 접수? 그러면 대선후보지...

- 박근혜는 왜 어부?
漁夫之利. 무명조개가 도요새의 입을 물어 버리자 어부가 잡아갔다는...
당 내에서 자리확보하고 차기 대선에서 충청권 인기까지 얻을 수 있으니 환상이슈가 분명.
세종시 무산되도 아무 책임없고, 세종시 진행되면 일등공신이 될테니
차기 대권주자로서 이 이상의 호기가 또 있을까...

- 제일 불편한 사람은 누구? 이회창
심대평과 이별하며 충청권총리기용 반대했더니 정운찬이 나서서 세종시 무산획책.
이명박 지지율 깍아내려 했으나 정운찬이 대신 욕먹어 주며 충청권 민심만 분산.
차기 대선을 아직도 노리는데 엉뚱하게 박근혜가 편들어주며 지지율만 올리고 있으니....
만약 성공해서 정운찬이 충청권 대선주자로 한나라당에서 나온다면? 충청권 지역주의 써 먹을데가 없다...
다음 대선 때 나이 75세의 노장으로서 산 넘어 산이로다...

- 민주당은 뭐해?
지금 놀아나고 있는 중....
지난 정부때 만든 충청권선물인데 정운찬과 박근혜만 각인되고 다음 대선에서 아무도 기억 못하게 됐지.