[리눅스] 웹호스팅 업체 SSH로 접속해서 계정 사용량 보기

계정에서 올라갈수 있는 최상위 루트 폴더에서 아래 명령어를 치면
각 폴더별 사용량을 체크할 수 있다.

~ >  du -sh *

[자바스크립트] SELECT 박스 값 제어하기

셀렉트 콤보 박스가 있고
체크박스 클릭시 셀렉트 박스의

<select name="month">
<option>선택</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>

3개월 신청<input type="checkbox" onClick="update()" name="box_check" value="3">

위와 같이 셀렉트 박스랑 체크박스가 있는데요
체크 박스를 체크했을때
현재 달에서 3을 더해서 ex) 지금이 1월이면 4월이 selected 되도록
하려고 하는데 onupdate() 함수를 어떻게 써줘야할지
간단하게나마 답변 부탁드립니다.

답변>
onClick="update(this)"
<select id="month">

function update(obj){
 var value = obj.value || 1;
 var selectObj = document.getElementById("month");

 value = parseInt(obj.value, 10)+3;
 
 for(vari=0; i<selectObj.options.length;i++ ){
  if( selectObj.options[i].text == value){
    selectObj.options[i].selected = "selected";
    break;
  }
 }
}

[플래시+jquery] 멀티업로더

출처 : http://up.webhard.cctoday.net/

[플래시+PHP] 플래시 멀티 업로더

지우님(http://www.ziwoo.net)이 만드신 플래쉬 멀티 업로더를 개조해서 제가 쓸려고 만든 플래쉬 멀티 업로더.

그런대로 여러 플젝에서 사용했었는데 나름 나쁘지 않음 ㅎㅎ

머 필요한 사람은 다운받아서 사용해도 되고 수정해서 사용해도 됨.

단! 출처는 밝힙시다 ^^

아! 지금은 PHP에서만 사용가능하다는것!

지우님이 만든 부분
--------------------------------------------
>플래시8부터 제공되는 파일업로드 기능을 응용한
>업로드입니다.
>만들어 놓은지는 반년 쯤 넘은것 같은데..
>오늘 서버에 폴더 정리하다가 발견해 올려봅니다.
>
>[설치/사용법]
>압축파일을 풀면 fu폴더 안에 다음과 같이 파일이 들어있습니다.
>
>fu
>- files 디렉토리 : 임시업로드 파일이 저장되는곳. (필히 chmod 777로 조정)
>- index.php 테스트를 할 수있는 메인페이지.
>- multi_upload.fla 다중업로드가 가능한 플래시 원본
>- multi_upload.swf 다중업로드가 가능한 쇽웨이브 파일
>- single_upload.fla 싱글업로드만 가능한 플래시 원본
>- single_upload.swf 싱글업로드만 가능한 쇽웨이브 파일
>- swf_upload.js 플래시가 호출하는 자바스크립트 함수 모음
>- upload.php 플래시 업로드가 필요로하는 php 업로드 파일
>
>서버의 적당한곳에 압축풀고..
>files 폴더에 쓰기 가능하도록 접근권한 변경하시고..
>http://위의 적당한URL/fu 로 접속해보시면 됩니다.
>
>코딩을 하다보면 멀티업로드만 필요한 경우도 있지만,
>싱글파일이 여러개 필요한 경우도 많지요..
>상황에 알맞게 index.php를 참고하여 수정해서 쓰시면 됩니다.
>
>지우넷에서 테스트 해보시려면
>http://www.ziwoo.net/fu 를 클릭!
-------------------------------------------------
내가 추가한 부분
-----------------------------------------------------
- multi_upload2.fla 다중업로드(갯수제한 및 파일순서변경)가 가능한 플래시 원본
- multi_upload2.swf 다중업로드(갯수제한 및 파일순서변경)가 가능한 쇽웨이브 파일

- multi_upload3.fla 다중업로드(갯수제한, 파일순서변경, 기존파일 수정)가 가능한 플래시 원본
- multi_upload3.swf 다중업로드(갯수제한, 파일순서변경, 기존파일 수정)가 가능한 쇽웨이브 파일

- single_upload2.fla 싱글업로드(수정모드)만 가능한 플래시 원본
- single_upload2.swf 싱글업로드(수정모드)만 가능한 쇽웨이브 파일

테스트 페이지 (http://handsome.hosting.paran.com/fu--/index.php)

사용법은 index.html 에..

fu20090221.zip


출처 : http://handsome.pe.kr/3

다음 스마트에디터 파일첨부 예제

사진 첨부하기 너무 어렵네요. 혹시 튜토리얼을 가지신 분이나 간단하게 설명해주실 분~?

Comment 1 by rockmkd, Sep 21, 2009 네 처음 보시는 분들은 생소하실 듯 하지만 전혀 어렵지 않습니다^^; 여기서는 파일 첨부를 예로 들겠습니다.(이미지첨부는 파일첨부와 95.23423% 비슷합니다.) [파일]버튼을 클릭하면 첨부를 위한 팝업창이 나타나고 이 팝업을 통해 에디터로의 파일첨 부가 이루어집니다. 팝업창은 소스트리에서 pages/popup/file.html에서 확인하실 수 있는 데요. 이 파일의 상단부분에 있는데 20줄가량이 javascript가 파일첨부의 핵심입니다. 일반적으로 웹상에서의 파일업로드는 php나 jsp같은 serverside만을 통해 이루어집니다. multipart-form에 file을 올린 후 서버쪽 모듈로 업로드 시키고 필요하다면 file메타정보들 을 남기는 식으로 말이죠. 다음에디터에서는 에디터와의 연동을 위해 이와 같이 serverside 모듈에 추가적인 javascript가 더 들어가게 됩니다. php 코드로 예를 들어보겠습니다. [일반적인 경우] =========== upload_form.html ============== <form method="post" enctype="multipart/form-data" action="uploader.php"> 제목 : <input type="text" name="subject"> <input type="file" name="upload_file"> <input type="submit"> </form> =========== uploader.php =================== <?php $subject = $_POST['subject']; $tmpfilename = $_FILES['upload_file']['tmp_name']; $filename = $_FILES['upload_file']['filename']; $filetype = $_FILES['upload_file']['type']; $filesize= $_FILES['upload_file']['size'] $destination = "/upload/" . $filename; $fileurl = "http://my.homepage.com/upload/" . $filename; move_uploaded_file ( $tmpfilename, $destination ); write_into_db_filemeta($filename, $desination, $filesize, $filetype, $fileurl); //업 로드한 이름과 파일의 사이즈나 mime/type들을 읽어서 DB에 저장하는 사용자 함수 ?> <script type="text/javascript"> alert('파일 업로드가 성공되었습니당~~'); </script> ================================================================= 위와같이 사용자에게 파일을 입력받을 폼 파일과 입력받은 파일을 서버에 저장하고 서버모 듈이 일반적인 경우입니다. 위의 예제에서는 약간의 수정을 가한것이 서버모듈이 실행된후 사용자에게 업로드가 완료되었음을 알려주는 alert창을 띄워보았습니다. 에디터와 연동되는 javascript는 저 부분에 들어가면 됩니다. alert창 대신 서버에 올라간 파일의 데이터를 에디터에 전달해주는 스크립트를 삽입하는것이지요. ============== uploader.php ========================= //여기까지는 위와같습니다. write_into_db_filemeta($filename, $desination, $filesize, $filetype, $fileurl); ?> <script type="text/javascript"> if (typeof(execAttach) == 'undefined') { //Virtual Function return; } var _mockdata = { 'attachurl': '<?=$fileurl?>', 'filemime': '<?=$filetype?>', 'filename': '<?=$filename?>', 'filesize': <?=$filesize?> }; execAttach(_mockdata); closeWindow(); </script> ===================================================== php에서 받은 파일의 정보를 javascript의 execAttach 함수에 넘겨주기만 하면 됩니다. 그전에 업로드 창에서는 에디터 객체를 알고 있어야 하기 때문에 다음과 같은 초기화 구문 이 필요합니다. =======================초기화 구문(uploader.php 포함됨) ========= var _opener = PopupUtil.getOpener(); var _attacher = getAttacher('file', _opener); registerAction(_attacher); ======================================================================= 요약하자면 file.html 을 위에서 만든 upload_form.html로 대체한 후 uploader.php 으로 업로드 모듈을 넣어주고 file.html 에서 쓰던 에디터 연동용 javascript코드를 uploader.php에서 실행시켜 주면 간단하게 업로드를 구현하실 수 있습니다.

스마트에디터 BEST 8 모음

1. CKEditor, FCKEditor

 

사이트 :: http://ckeditor.com/

데모 : http://ckeditor.com/demo

 

현존현존 하는 위지윅 에디터 중 가장 많이 사용되고 있으며 강력한 기능을 가진가진 CKEditor와 FCKEditor입니다. 이름에서 알 수 있듯이 CKEditor는 FCKEditor의 업데이트 버전으로 웹표준과웹표준과 접근성향상 그리고 디자인적인 발전등 날로 발전해 나가고 있는 프로그램입니다.

 

특징 : 툴바, 스킨등 개인에 맞게 설정 가능. 크로스 브라우징 가능.
언어 : 기본 영어, 한글 가능.
라이센스 : 오픈소스 라이센스 및 상업용 라이센스.
최종버전 : ckeditor - 3.0.1, fckeditor - 2.6.5
추천도 : ★★★★★

 

 

2. TinyMCE

 

CKEditor와 함께 가장 많이 사용되고 있는 위지윅 에디터 중중 하나로 개인설정과 플러그인 설정으로

아주 강력한 기능을 가진 에디터입니다. jQuery버전도jQuery버전도 따로 존재하며 wiki도 존재하여 개인설정과 사용이 아주 간편한 편입니다.

  

사이트 : http://tinymce.moxiecode.com

데모 : http://tinymce.moxiecode.com/examples/full.php

 

특징 : 툴바, 스킨,플러그인등 개인에 맞게 설정 가능. jQuery 버전 존재. 크로스 브라우징 가능.
언어 : 기본 영어, 한글 가능.
라이센스 : 오픈소스 라이센스
최종버전 : 3.2.7
추천도 : ★★★★★

 

3. 다음 오픈 에디터에디터

 

얼마 전 다음이 구글코드를 통해 공개한 공개용공개용 다음 오픈 에디터입니다. 개발자들에 의하면 시멘틱 정보 웹 에디터라는 개념을 도입하여도입하여 사용자가 생산하는 콘텐츠에 데이터간 상호 연결성을 더해주는 웹 정보를 포함시켜 시멘틱시멘틱 검색 기술과 데이터 연결이라는 데이터 생태계를 구현했다고 합니다. 구글 코드 포럼을포럼을 통해 사용자들의 의견을 수렴하여 계속해서 업데이트되고 있어 미래가 기대되는 에디터 중중 하나입니다.

 

사이트 : http://code.google.com/p/daumopeneditor/

데모 :: http://uie.daum.net/openeditor/sample/5.2.0/editor.html

 

특징 : 국내 최대 포탈사이트중 하나인 다음에서 공개한 오픈 에디터. 초보자가 사용하기 용이함.
언어 : 한글
라이센스 : 오픈소스 라이센스
최종버전 : 5.3.0
추천도 : ★★★★☆

 

 

4. 스마트 에디터

 

네이버에서 공개한 위지윅 에디터인 스마트 에디터입니다. 웹폰트 지원, 초보 사용자가 사용하기 용이한 점등이 특징이지만 웹표준 및 브라우저 접근성에서 떨어져 원성을 사고 있기도 합니다.

 

사이트사이트 : http://dev.naver.com/projects/smarteditor

미리보기 : http://dev.naver.com/projects/smarteditor/wiki/SmartEditorBasicUserInterfacePreview

 

특징 : 웹폰트 사용가능(IE전용). 초보자가 사용하기 용이함.
언어 : 한글
라이센스 : 오픈소스 라이센스
최종버전 : 0.3.17
추천도 : ★★★☆

 

5. 알디터

 

사이트 : http://www.alik.info/

데모 : http://www.alik.info/alditor/sample.html

  

알릭님께서 제작한 알디터입니다. 간단한 인터페이스와 심플함으로 제로보드 및 그누보스 사용자들이사용자들이 많이 사용하고 있으며 비표준 및 접근성이 떨어지는 점만 제외하면 쓸만한 에디터입니다.에디터입니다. 그러나 따로 소스를 배포하지 않고 업데이트가 끊긴 점을 생각해 볼때 그리그리 추천하지는 않습니다.

 

특징 : 심플함.
언어 : 한글
라이센스 : 비영리목적 사용가능. 소스 수정/배포 금지. 상업적 목적 사용시 제작자에 연락.
최종버전 : 06년 9월 23일
추천도 : ★★

 

 

6. Xinha

 

사이트 : http://trac.xinha.org/

데모 : http://xinha.raimundmeyer.de/x_examples/ext_example.html

 

이번에 위지윅 에디터에에디터에 관해 알아보면서 알게된 Xinha 라는 에디터입니다. 한글사용은 안되는듯 보이지만 크로스 브라우징도브라우징도 지원하며 플러그인도 사용가능한듯 보이며 위지윅 에디터로 사용하기엔 좋은듯 싶습니다.

  

특징 : 위지윅 에디터 기능에 충실, 플러그인 사용가능.
언어 : 영어
라이센스 : 오픈소스 라이센스
최종버전 : 0.95
추천도 : ★★☆

 

 

7. openWYSIWYG

 

사이트 : http://www.openwebware.com/

데모 : http://www.openwebware.com/wysiwyg/demo.shtml

 

사용이 간편하면서도 다양한 언어를 지원하는 위지윅 에디터입니다.

 

특징 : PHP, Perl, ASP, ASP.net, Java 등 다양한 언어 지원. 사용이 간편함.
언어 : 영어
라이센스 : 오프소스 라이센스
최종버전 : 1.4.7
추천도 : ★★☆

 

8. Richtext Editor

 

사이트 : http://rtef.info

데모 : http://rtef.info/demo.htm

 

가볍고 쓸만한 위지윅 에디터입니다. 다양한 브라우저에서 사용가능하다는게사용가능하다는게 장점입니다.

 

특징 : 가벼운 인터페이스. 크로스 브라우징 지원.
언어 : 영어
라이센스 : 오픈소스 라이센스(MIT)
최종버전 : 0.007
추천도 : ★★☆

 

[PHP] CSV 파일 DB에 입력하는 소스

CSV파일 DB에 입력하는 소스 참고페이지
http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040203&docId=71861876&qb=cGhwIOyXkeyFgCBkYiDsnoXroKU=&enc=utf8&section=kin&rank=1&sort=0&spq=0&pid=f3vGtdoi5TVsssPXPBVsss
--028753&sid=S2-1DMDeb0sAAGxfNa8



윈도기반 오피스가 깔려있고, 윈도우서버를 이용시
PHP로 엑셀 -> DB 입력방법 혹은 DB->엑셀로 추출
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=70906

<textarea> 값의 엔터값 분류 처리

replace(content, chr(13), "<br>")

replace(content, chr(13) & chr(10),"<br>")

replace(contents, VbCrLf, "<br>")

contents=  contents.replaceAll("\r\n","<br>");

[자바스크립트] 왼쪽 or 오른쪽 영역 따라다니는 스크롤 배너 or 스크롤 이미지

슬라이드 스크롤 배너 more..

<script language="javascript">
<!--
var stmnLEFT = 400; // 왼쪽 여백(메뉴가 왼쪽에서 10픽셀 떨어진 곳에 보여집니다)

var stmnGAP1 = 10; // 위쪽 여백(메뉴가 위에서 10픽셀 떨어진 곳에 보여집니다)
var stmnGAP2 = 10; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 150; // 스크롤 시작위치
var stmnActivateSpeed = 200;
var stmnScrollSpeed = 10;

var stmnTimer;

function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;

while (i < cLen) {
                var j = i + labelLen;

                if (document.cookie.substring(i, j) == label) {
                                var cEnd = document.cookie.indexOf(";", j);
                                if (cEnd == -1) cEnd = document.cookie.length;

                                return unescape(document.cookie.substring(j, cEnd));
                }

                i++;
}

return "";
}

function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" +  eDate.toGMTString()+ "; path=/";
}

function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

stmnRefreshTimer = stmnActivateSpeed;

if ( stmnStartPoint != stmnEndPoint ) {
                stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                stmnRefreshTimer = stmnScrollSpeed;
}

stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}

function ToggleAnimate()
{
if (ANIMATE.checked) {
                RefreshStaticMenu();
                SaveCookie("ANIMATE", "true", 300);
}
else {
                clearTimeout(stmnTimer);
                STATICMENU.style.top = stmnGAP1;
                SaveCookie("ANIMATE", "false", 300);
}
}

function InitializeStaticMenu()
{
STATICMENU.style.left = stmnLEFT;

         if (ReadCookie("ANIMATE") == "false") {
                ANIMATE.checked = false;
                STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
}
else {
                ANIMATE.checked = true;
                STATICMENU.style.top = document.body.scrollTop + stmnBASE;
                RefreshStaticMenu();
}
}
//-->
</script>

=====================================================================

 

 

바디옵션에 추가하시고,

 

<body onLoad="InitializeStaticMenu();">

 

 

배너 링크안에 id를 추가하세요.

 

<img src="배너경로" id="STATICMENU" border="0">

 

위 소스는 스크롤을 끄게 하는 기능도 가지고 있습니다.

 

<input id="Animate" type="checkbox" onclick="ToggleAnimate();">스크롤기능끄기

 

이런식의 소스를 사용하면 스크롤여부도 직접 체크할 수 있게 됩니다.

딱딱한 스크롤 배너 more..

<table width="159" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>


<div id=rightBanner style="position:absolute;width:159;">
<script language="javascript" src="/rightBanner.js"></script>

<table width="156" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>이미지</td>
</tr>
</table>

</div>


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

----------------------------------------------------------------
**** 자바스크립트 : 오른쪽 배너를 움직이게 해주는 소스입니다
(rightBanner.js)



// 1과 2만 수정 하면됩니다

// navigator check
var isMSIE = 0;
var nVersion = 3;


var nInterval = 1000; // ************** (1) 크면 늦게 반응함

var AdCornerLayer;

function setup () {
// Navigator
nVersion = parseInt (navigator.appVersion);

if(nVersion <4) return;

if(navigator.appName == "Microsoft Internet Explorer") {
isMSIE = 1;

if (navigator.userAgent.indexOf ("MSIE 5") != -1) {
nVersion = 5;
}

rightBanner.style.visibility="visible";
}
else {

isMSIE = 0;

if (nVersion >= 4) {
AdCornerLayer= document.layers["rightBanner"];
AdCornerLayer.visibility = "show";
}
}

window.setInterval ("AdCornerMove();", nInterval);
}

function AdCornerMove () {
if (isMSIE) {

nAdCornerOriginY = 222; // ************** (2) 처음 위치할 곳 (위에서부터 위치)
nAdCornerOriginY += document.body.scrollTop;
rightBanner.style.pixelTop = nAdCornerOriginY;
}
else {

nAdCornerOriginY = window.innerHeight + window.pageYOffset - AdCornerLayer.clip.height - 5;

if (window.scrollbars.visible == true) {
nAdCornerOriginY -= 800;
}
AdCornerLayer.top = nAdCornerOriginY;
}
}


setup();