웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크립트를 구할때 자주 가는 사이트인데 좋은게 올라와 있더군요
각자 사용자의 입맛에 맛게 조금만 코딩하거나 모양을 변화 준다면 좋을거 같습니다
세이나 네이버 혹은 msn등 요즘 왠만한 사이트에서 쓰는 메뉴 추가 삭제 수정에 쓰는 스크립트와
같은 분류라 생각하시면 될듯
아울러 해피 스크립트의 운영자이신 매직님에게도 감사합니다 소스 올릴수 있게 허락해 주셔서^^
아래의 스크립트를 따서 실행해 보세요
///////////////////////////////////////////////////////////////////////
<script language="javascript">
<!--
var cso_temp = new Array();
function Change_SelectOption(cso_type) {
with(document.cso_form) {
if(cso_type != "add") {
if(cso_main.options.selectedIndex == -1) {
if(cso_type == "up" || cso_type == "edit" || cso_type == "del") {
cso_temp[0] = 0;
} else
if(cso_type == "down") {
cso_temp[0] = cso_main.options.length-1;
}
alert('선택된게 없으니 '+cso_temp[0]+'번째 Option으로 선택합니다.');
cso_main.options[cso_temp[0]].selected = true;
Change_SelectOption_Del('select');
} else {
if(cso_type == "up") {
if(cso_main.options.selectedIndex == 0) {
alert('위로 올리지 못합니다.');
} else {
Change_SelectOption_UpnDown('up');
}
} else
if(cso_type == "down") {
if(cso_main.options.selectedIndex == cso_main.options.length-1) {
alert('아래로 내리지 못합니다.');
} else {
Change_SelectOption_UpnDown('down');
}
} else
if(cso_type == "del") {
Change_SelectOption_Del('execute');
} else
if(cso_type == "edit") {
Change_SelectOption_AddnEdit('edit');
}
}
} else {
Change_SelectOption_AddnEdit('add');
}
}
}
function Change_SelectOption_UpnDown(csoud_type){
with(document.cso_form) {
if(csoud_type == 'up') {
csoud_type = '-';
} else
if(csoud_type == 'down') {
csoud_type = '+';
}
cso_temp[0] = cso_main.options.selectedIndex;
cso_temp[1] = eval('cso_main.options[cso_temp[0]'+csoud_type+'1].text');
cso_temp[2] = eval('cso_main.options[cso_temp[0]'+csoud_type+'1].value');
eval('cso_main.options[cso_temp[0]'+csoud_type+'1] = new Option(cso_main.options[cso_temp[0]].text,cso_main.options[cso_temp[0]].value)');
cso_main.options[cso_temp[0]] = new Option(cso_temp[1],cso_temp[2]);
eval('cso_main.options[cso_temp[0]'+csoud_type+'1].selected = true');
Change_SelectOption_Del('select');
}
}
function Change_SelectOption_Del(csod_type) {
with(document.cso_form) {
if(csod_type == 'select') {
cso_delnedit_index.value = cso_main.options.selectedIndex;
if(cso_main.options[cso_main.options.selectedIndex].text == '' && cso_main.options[cso_main.options.selectedIndex].value == '') {
cso_main.options[0].selected = true;
} else {
cso_delnedit_text.value = cso_main.options[cso_main.options.selectedIndex].text;
cso_delnedit_value.value = cso_main.options[cso_main.options.selectedIndex].value;
}
} else
if(csod_type == 'execute') {
if(confirm(cso_main.options.selectedIndex+'번째 Option을 삭제합니까?')) {
if(cso_main.options.selectedIndex != 0) {
for(var i=0; i<cso_main.options.selectedIndex; i++) {
cso_temp[i] = new Array();
cso_temp[i][0] = cso_main.options[i].text;
cso_temp[i][1] = cso_main.options[i].value;
}
}
for(i=cso_main.options.selectedIndex+1; i<cso_main.options.length; i++) {
cso_temp[i-1] = new Array();
cso_temp[i-1][0] = cso_main.options[i].text;
cso_temp[i-1][1] = cso_main.options[i].value;
}
for(i=0; i<cso_temp.length; i++) {
cso_main.options[i] = new Option(cso_temp[i][0],cso_temp[i][1]);
}
cso_main.options[cso_main.options.length-1] = new Option();
if(cso_main.options[0].text == '' && cso_main.options[0].value == '') {
alert('Option의 값은 최소 1개로 0번째 Option에 임시값을 입력합니다.');
cso_main.options[0] = new Option('Temp','Temp');
}
cso_main.options[0].selected = true;
Change_SelectOption_Del('select');
if(cso_main.options[0].text == 'Temp' && cso_main.options[0].value == 'Temp') {
cso_delnedit_text.select();
}
}
}
}
}
function Change_SelectOption_AddnEdit(csoae_type) {
with(document.cso_form) {
if(csoae_type == 'edit') {
csoae_type = 'deln'+csoae_type;
}
if(eval("cso_"+csoae_type+"_text.value != '' && cso_"+csoae_type+"_value.value != ''")) {
if(eval("cso_"+csoae_type+"_text.value.toLowerCase() != 'temp' && cso_"+csoae_type+"_value.value.toLowerCase() != 'temp'")) {
if(csoae_type == 'add') {
cso_temp[0] = Change_SelectOption_NullCheck(cso_main.options.length);
} else
if(csoae_type == 'delnedit') {
cso_temp[0] = 'cso_main.options.selectedIndex';
}
eval("cso_main.options["+cso_temp[0]+"] = new Option(cso_"+csoae_type+"_text.value,cso_"+csoae_type+"_value.value)");
if(csoae_type == 'delnedit') {
cso_temp[0] = 'cso_delnedit_index.value';
}
eval('cso_main.options['+cso_temp[0]+'].selected = true');
if(csoae_type == 'add') {
cso_main.size = cso_main.options.length;
cso_add_text.value = '';
cso_add_value.value = '';
Change_SelectOption_Del('select');
}
} else {
alert('임시값은 허용하지 않습니다.');
eval("cso_temp[0] = cso_"+csoae_type+"_text.value.toLowerCase() == 'temp' ? 'text' : 'value'");
eval('cso_'+csoae_type+'_'+cso_temp[0]+'.select()');
}
} else {
eval("cso_temp[0] = cso_"+csoae_type+"_text.value == '' ? 'Text' : 'Value'");
alert(cso_temp[0]+'값이 비었습니다.');
eval('cso_'+csoae_type+'_'+cso_temp[0].toLowerCase()+'.focus()');
}
}
}
function Change_SelectOption_NullCheck(csonc_no) {
with(document.cso_form) {
if(cso_main.options[csonc_no-1].text == '' && cso_main.options[csonc_no-1].value == '') {
Change_SelectOption_NullCheck(csonc_no-1);
} else {
cso_temp[1] = csonc_no;
}
}
return cso_temp[1];
}
//-->
</script>
<form name="cso_form">
<select name="cso_main" size="5" onchange="Change_SelectOption_Del('select');">
<option value="Example_0">Example_0
<option value="Example_1">Example_1
<option value="Example_2">Example_2
<option value="Example_3">Example_3
<option value="Example_4">Example_4
</select>
<input type="button" value="UP" onclick="Change_SelectOption('up');">
<input type="button" value="DOWN" onclick="Change_SelectOption('down');">
<br><br>
text : <input type="text" name="cso_add_text"><br>
value : <input type="text" name="cso_add_value">
<input type="button" value="ADD" onclick="Change_SelectOption('add');">
<br><br>
index : <input type="text" name="cso_delnedit_index" readonly><br>
text : <input type="text" name="cso_delnedit_text"><br>
value : <input type="text" name="cso_delnedit_value">
<input type="button" value="EDIT" onclick="Change_SelectOption('edit');">
<input type="button" value="DEL" onclick="Change_SelectOption('del');">
</form>
메뉴 추가 삭제 수정시 쓰면 좋을것 같네요 - 출처: http://www.happyscript.com/
2004.09.17 21:34
스크립트를 구할때 자주 가는 사이트인데 좋은게 올라와 있더군요
각자 사용자의 입맛에 맛게 조금만 코딩하거나 모양을 변화 준다면 좋을거 같습니다
세이나 네이버 혹은 msn등 요즘 왠만한 사이트에서 쓰는 메뉴 추가 삭제 수정에 쓰는 스크립트와
같은 분류라 생각하시면 될듯
아울러 해피 스크립트의 운영자이신 매직님에게도 감사합니다 소스 올릴수 있게 허락해 주셔서^^
아래의 스크립트를 따서 실행해 보세요
///////////////////////////////////////////////////////////////////////
<script language="javascript">
<!--
var cso_temp = new Array();
function Change_SelectOption(cso_type) {
with(document.cso_form) {
if(cso_type != "add") {
if(cso_main.options.selectedIndex == -1) {
if(cso_type == "up" || cso_type == "edit" || cso_type == "del") {
cso_temp[0] = 0;
} else
if(cso_type == "down") {
cso_temp[0] = cso_main.options.length-1;
}
alert('선택된게 없으니 '+cso_temp[0]+'번째 Option으로 선택합니다.');
cso_main.options[cso_temp[0]].selected = true;
Change_SelectOption_Del('select');
} else {
if(cso_type == "up") {
if(cso_main.options.selectedIndex == 0) {
alert('위로 올리지 못합니다.');
} else {
Change_SelectOption_UpnDown('up');
}
} else
if(cso_type == "down") {
if(cso_main.options.selectedIndex == cso_main.options.length-1) {
alert('아래로 내리지 못합니다.');
} else {
Change_SelectOption_UpnDown('down');
}
} else
if(cso_type == "del") {
Change_SelectOption_Del('execute');
} else
if(cso_type == "edit") {
Change_SelectOption_AddnEdit('edit');
}
}
} else {
Change_SelectOption_AddnEdit('add');
}
}
}
function Change_SelectOption_UpnDown(csoud_type){
with(document.cso_form) {
if(csoud_type == 'up') {
csoud_type = '-';
} else
if(csoud_type == 'down') {
csoud_type = '+';
}
cso_temp[0] = cso_main.options.selectedIndex;
cso_temp[1] = eval('cso_main.options[cso_temp[0]'+csoud_type+'1].text');
cso_temp[2] = eval('cso_main.options[cso_temp[0]'+csoud_type+'1].value');
eval('cso_main.options[cso_temp[0]'+csoud_type+'1] = new Option(cso_main.options[cso_temp[0]].text,cso_main.options[cso_temp[0]].value)');
cso_main.options[cso_temp[0]] = new Option(cso_temp[1],cso_temp[2]);
eval('cso_main.options[cso_temp[0]'+csoud_type+'1].selected = true');
Change_SelectOption_Del('select');
}
}
function Change_SelectOption_Del(csod_type) {
with(document.cso_form) {
if(csod_type == 'select') {
cso_delnedit_index.value = cso_main.options.selectedIndex;
if(cso_main.options[cso_main.options.selectedIndex].text == '' && cso_main.options[cso_main.options.selectedIndex].value == '') {
cso_main.options[0].selected = true;
} else {
cso_delnedit_text.value = cso_main.options[cso_main.options.selectedIndex].text;
cso_delnedit_value.value = cso_main.options[cso_main.options.selectedIndex].value;
}
} else
if(csod_type == 'execute') {
if(confirm(cso_main.options.selectedIndex+'번째 Option을 삭제합니까?')) {
if(cso_main.options.selectedIndex != 0) {
for(var i=0; i<cso_main.options.selectedIndex; i++) {
cso_temp[i] = new Array();
cso_temp[i][0] = cso_main.options[i].text;
cso_temp[i][1] = cso_main.options[i].value;
}
}
for(i=cso_main.options.selectedIndex+1; i<cso_main.options.length; i++) {
cso_temp[i-1] = new Array();
cso_temp[i-1][0] = cso_main.options[i].text;
cso_temp[i-1][1] = cso_main.options[i].value;
}
for(i=0; i<cso_temp.length; i++) {
cso_main.options[i] = new Option(cso_temp[i][0],cso_temp[i][1]);
}
cso_main.options[cso_main.options.length-1] = new Option();
if(cso_main.options[0].text == '' && cso_main.options[0].value == '') {
alert('Option의 값은 최소 1개로 0번째 Option에 임시값을 입력합니다.');
cso_main.options[0] = new Option('Temp','Temp');
}
cso_main.options[0].selected = true;
Change_SelectOption_Del('select');
if(cso_main.options[0].text == 'Temp' && cso_main.options[0].value == 'Temp') {
cso_delnedit_text.select();
}
}
}
}
}
function Change_SelectOption_AddnEdit(csoae_type) {
with(document.cso_form) {
if(csoae_type == 'edit') {
csoae_type = 'deln'+csoae_type;
}
if(eval("cso_"+csoae_type+"_text.value != '' && cso_"+csoae_type+"_value.value != ''")) {
if(eval("cso_"+csoae_type+"_text.value.toLowerCase() != 'temp' && cso_"+csoae_type+"_value.value.toLowerCase() != 'temp'")) {
if(csoae_type == 'add') {
cso_temp[0] = Change_SelectOption_NullCheck(cso_main.options.length);
} else
if(csoae_type == 'delnedit') {
cso_temp[0] = 'cso_main.options.selectedIndex';
}
eval("cso_main.options["+cso_temp[0]+"] = new Option(cso_"+csoae_type+"_text.value,cso_"+csoae_type+"_value.value)");
if(csoae_type == 'delnedit') {
cso_temp[0] = 'cso_delnedit_index.value';
}
eval('cso_main.options['+cso_temp[0]+'].selected = true');
if(csoae_type == 'add') {
cso_main.size = cso_main.options.length;
cso_add_text.value = '';
cso_add_value.value = '';
Change_SelectOption_Del('select');
}
} else {
alert('임시값은 허용하지 않습니다.');
eval("cso_temp[0] = cso_"+csoae_type+"_text.value.toLowerCase() == 'temp' ? 'text' : 'value'");
eval('cso_'+csoae_type+'_'+cso_temp[0]+'.select()');
}
} else {
eval("cso_temp[0] = cso_"+csoae_type+"_text.value == '' ? 'Text' : 'Value'");
alert(cso_temp[0]+'값이 비었습니다.');
eval('cso_'+csoae_type+'_'+cso_temp[0].toLowerCase()+'.focus()');
}
}
}
function Change_SelectOption_NullCheck(csonc_no) {
with(document.cso_form) {
if(cso_main.options[csonc_no-1].text == '' && cso_main.options[csonc_no-1].value == '') {
Change_SelectOption_NullCheck(csonc_no-1);
} else {
cso_temp[1] = csonc_no;
}
}
return cso_temp[1];
}
//-->
</script>
<form name="cso_form">
<select name="cso_main" size="5" onchange="Change_SelectOption_Del('select');">
<option value="Example_0">Example_0
<option value="Example_1">Example_1
<option value="Example_2">Example_2
<option value="Example_3">Example_3
<option value="Example_4">Example_4
</select>
<input type="button" value="UP" onclick="Change_SelectOption('up');">
<input type="button" value="DOWN" onclick="Change_SelectOption('down');">
<br><br>
text : <input type="text" name="cso_add_text"><br>
value : <input type="text" name="cso_add_value">
<input type="button" value="ADD" onclick="Change_SelectOption('add');">
<br><br>
index : <input type="text" name="cso_delnedit_index" readonly><br>
text : <input type="text" name="cso_delnedit_text"><br>
value : <input type="text" name="cso_delnedit_value">
<input type="button" value="EDIT" onclick="Change_SelectOption('edit');">
<input type="button" value="DEL" onclick="Change_SelectOption('del');">
</form>
제목 | 글쓴이 | 날짜 |
---|---|---|
[PHP 동영상강의] 49. 만년달력 제작해보기 [1] | 서기 | 2007.08.08 |
[PHP 동영상강의] 50. 자바스크립트로 풀다운 메뉴제작 [2] | 서기 | 2007.08.08 |
[PHP 동영상강의] 51. db와 연동된 다중 셀렉트 제작하기 [7] | 서기 | 2007.08.08 |
[zbXE 동영상강좌] 1. zbXE 설치하기 [2] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 2. 포토샵에서 레이아웃 만들기 [12] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 3. 레이아웃 완성하기 [13] | 서기 | 2007.08.16 |
[PDF 제작하기 동영상강좌] 1. 기본환경 설정 [1] | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 2. Hello PDF | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 3. 기존의 PDF파일 불러오기 [2] | 서기 | 2007.08.18 |
간단한 칠판 모양 게시판
[9]
![]() | SoukoZ | 2007.08.19 |
포인트부여시 ...회원로그인 [2] | 구본순 | 2007.08.28 |
관리자모드 - 관리자그룹만 모든 회원리스트보기 [2] | 이지혜609 | 2007.10.23 |
php에서 exif소스이용하기 [5] | 최만순279 | 2007.11.18 |
웹 계정에서 지워지지 않는 폴더 및 파일 삭제하는 방법 [3] | Rising.kr | 2008.01.24 |
OGIT STUDY 1 | OGIT | 2008.02.01 |
OGIT STUDY 2 [1] | OGIT | 2008.02.01 |
OGIT STUDY 3 [1] | OGIT | 2008.02.01 |
웹페이지 미리보기 snapshot 활용하기 [2] | 유창화 | 2008.02.15 |
FLV 사이트 다운로더 소스
![]() | fallstoofast | 2008.03.07 |
해시로부터 주민등록번호 복호화 [2] | fallstoofast | 2008.03.12 |
매직님에게 도움을 구해 보겠습니다