예쁜 여자 이름 / 여자 이름 추천 / 좋은 이름
예쁜 여자 이름
ㄱ.
가인
가은
가륜
가희
가영
가련
규리
규희
경진
경민
금주
경선
교희
경미
가람
가온
규하
규림
고은
규은
가빈
가을
강혜
근영
공주
기쁨
고운
ㄴ.
나미
나희
나륜
나은
나리
나민
나경
나영
나혜
나라
나연
누리
나람
ㄷ.
다인
다은
다혜
다희
다정
다빈
담비
두리
두나
두윤
동주
도은
도희
도경
도영
다솔
다솜
도연
다운
덕아
달님
단희
ㄹ.
라희
레미
리나
린아
류아
ㅁ.
민주
민설
민희
민정
미도
미래
미소
미진
민진
민혜
미림
미나
민경
민아
민선
미라
미란
미르
미연
ㅂ.
보람
보미
벼리
별하
보라
보예
보나
별님
반혜
보은
봄
비화
ㅅ.
사랑
소희
승연
승화
슬기
선우
선희
선예
선혜
선미
수영
신영
신예
신애
솔비
선영
성민
상민
소미
세린
서은
세미
세빈
세희
소라
시아
샛별
소빈
신지
서연
서현
설화
수정
슬예
세휴
새봄
새롬
서혜
소이
소아
시연
수연
숙연
설린
산하
소림
시현
세영
시향
시아
세은
선화
시은
사인
소령
소은
시온
소휘
송주
송이
송화
세리
솔비
솔빈
솔미
솔영
소원
ㅇ.
아정
아린
유린
유미
유민
유빈
유라
언주
연주
여주
유경
윤주
연진
이령
연지
유은
연아
예지
예진
예미
예나
예리
애라
여정
예은
예솔
예빈
이나
예림
은서
은주
윤아
윤하
인영
인혜
유주
은빈
은지
은진
은미
은비
은하
유하
영희
영란
영미
영수
예슬
유정
우경
우리
유나
아린
윤나
은아
은정
은혜
여름
이슬
연서
아현
유주
여원
영원
인애
예영
윤영
은새
은채
은설
유랑
음파
음표
아영
인채
은송
은총
유월
연하
연수
아름
유아
윤희
아혜
여경
은재
ㅈ.
정민
진아
지나
지우
지혜
정아
주현
지연
지은
지희
지민
진영
정은
지효
정원
재희
종아
지영
지원
지현
진솔
정인
지솔
지아
진주
지륜
지향
주빈
자영
지희
정빈
ㅊ.
채영
채경
채빈
채민
초란
초희
채린
채아
초롱
체리
채현
채연
채율
채윤
ㅋ.
칸희
ㅌ.
태연
태희
태영
태빈
ㅍ.
풀잎
푸른
ㅎ.
화인
혜린
효연
효리
효린
하영
현주
현지
황보
효미
화정
혜정
현비
혜빈
해리
혜주
홍주
현진
하얀
하라
하린
하연
하늘
효윤
하람
한별
화연
현정
하원
하윤
하연
하나
한아
하련
혜련
혜미
효주
효경
한송
햇님
희아
한나
한주
한유
한영
한채
한희
한빈
한경
한예
효진
한솔
출처 : http://blog.naver.com/sally045
★ 좋은 이름 모음~ : http://haco.tistory.com/1842
★ 요절복통 기발한 아기 태명 스토리 : http://haco.tistory.com/1685
★ 가장 많이 쓰는 이름 : http://haco.tistory.com/5821
★ 예쁜 여자 이름 / 여자 이름 추천 / 좋은 이름 : http://haco.tistory.com/5825
★ 이름에 쓰면 안좋은 한자 모음 : http://haco.tistory.com/1841
★ 미국인의 가장 흔한 영어 이름 : http://haco.tistory.com/5822
★ 프랑스에서 가장 많이 쓰는 이름 : http://haco.tistory.com/5823
★ 호주에서 많이 쓰는 이름들 : http://haco.tistory.com/5824
'유용한정보' 카테고리의 다른 글
코스닥시장 매매거래제도 (0) | 2009.05.06 |
---|---|
유가증권시장 매매거래제도 (0) | 2009.05.06 |
[만능청약통장] 내집마련 만능통장 주택청약 종합저축 (0) | 2009.05.06 |
신종 인플루엔자A(H1N1) 예방법 (0) | 2009.05.06 |
10대를 위한 쇼핑몰 (0) | 2009.05.06 |
호주에서 많이 쓰는 이름들 (0) | 2009.05.06 |
프랑스에서 가장 많이 쓰는 이름 (0) | 2009.05.06 |
미국인의 가장 흔한 영어 이름 (0) | 2009.05.06 |
가장 많이 쓰는 이름 (0) | 2009.05.06 |
이름에 쓰면 안좋은 한자 모음, 나쁜 이름 (0) | 2009.05.06 |
2008년 기차표 추석승차권 영동선,호남선 예약ㆍ예매 날짜 안내
'유용한정보' 카테고리의 다른 글
레몬다이어트 재료&방법 및 주의사항 (0) | 2008.07.09 |
---|---|
레몬다이어트, 비욘세 다이어트 (The Master Cleanser) (0) | 2008.07.09 |
플라스틱 젖병쓰면 비만아 될 가능성 (0) | 2008.07.09 |
[유리젖병의 당위성] sbs 스폐셜 환경호르몬의 습격 2부 (0) | 2008.07.09 |
[유리젖병의 당위성] sbs스폐셜 환경 호르몬의 습격 1부 (0) | 2008.07.09 |
스트레스 * 전자파 해소 음식 (0) | 2008.07.07 |
우리가 모르는 커피의 모든 것 (0) | 2008.07.07 |
의학상식 2 (0) | 2008.07.07 |
만화로 보는 의학상식 (0) | 2008.07.07 |
위장·대장·간에 좋은 음식 (0) | 2008.07.07 |
콤보박스(셀렉트박스다운) 메뉴 미 선택시 컬러 바뀌게...
http://oxtag.com/zboard/zboard.php?id=js&no=439
<form name="qform">
<select name="qsel" onfocus="stop_roll();" onmouseover="stop_roll();" onclick="flag_expand = 'Y';" onblur="flag_expand = 'N'; start_roll();" onmouseout="start_roll();" onchange="eval(this.value); this.blur();">
<option>-선 택-</option>
<option value="window.open('http://www.empas.com/');">엠파스</option>
<option value="window.open('http://www.naver.com/');">네이버</option>
<option value="window.open('http://www.daum.net/');">다음</option>
<option value="alert('My name is Camelot. ^-^ㆀ'); alert('Nice to meet you!');">Who are you?</option>
<option value="document.body.style.background = '#AAAAAA';">배경색 바꾸기</option>
<option value="document.body.style.background = '';">배경색 원래대로</option>
</select>
</form>
<script language="javascript">
<!--
var obj = document.qform.qsel, flag_expand = 'N', cnt = 1, timer;
function start_roll(){
var color_=new Array('#ff9900','#33CC00');
if(flag_expand == 'N'){
if(cnt >= obj.length) cnt = 1;
obj.options[cnt].selected = true;
obj.options[cnt].style.color= cnt% 2 == 0 ? color_[0] : color_[1];
cnt++;
timer=setTimeout('start_roll()', 1000);
}
}
function stop_roll(){
obj.options[0].selected = true;
clearTimeout(timer);
}
start_roll();
//-->
</script>
'인터넷정보' 카테고리의 다른 글
무단링크 방지 (0) | 2007.10.18 |
---|---|
iframe 리로드 시키기 (0) | 2007.10.18 |
자바 스크립트로 md4, md5, hex 변환하기 (0) | 2007.10.18 |
날아 다니는 이미지 (0) | 2007.10.18 |
레이어 셀렉트 박스 최상위에... (0) | 2007.10.18 |
새창 가운데 띄우기 (0) | 2007.10.18 |
지정 시간 후 재생 시작되는 스크립트 (0) | 2007.10.18 |
포커스 하일라이트 주기 (0) | 2007.10.18 |
페이지 확대 / 페이지 축소 (0) | 2007.10.18 |
한글만 되게 하기 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 3
- <FORM name='ff2' METHOD=POST ACTION="">
- <SELECT NAME="ss1" size=1 onChange='init_list("ff2","ss1","ss2","ss3",1)'>
- <option value='0'>대분류</option>
- </SELECT>
- <SELECT NAME="ss2" size=1 onChange='init_list("ff2","ss1","ss2","ss3",2)'>
- <option >중분류</option>
- </SELECT>
- <SELECT NAME="ss3" size=1>
- <option >소분류</option>
- </SELECT>
- </FORM>
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- /////////////////////////////// 대분류 배열
- // Ccode = new Array();
- // Cname = new Array();
- Ccode = ["0","11","12"]
- Cname = ["대분류","비지니스/경제","컴퓨터/인터넷"]
- ////////////////////////////// 중분류 배열
- Ccode11 = ["0","1111","1112","1113"]
- Cname11 = ["중분류","경제1","경제2","경제3"]
- Cflag11 = ["0","0","1","1"]
- Ccode12 = ["0","1211","1212","1213"]
- Cname12 = ["중분류","운영체제","컴퓨터활용","소프트웨어"]
- ///////////////////////////// 소분류 배열
- Ccode1111 = ["0","111111","111112","111113"]
- Cname1111 = ["소분류","경제소1","경제소2","경제소3"]
- Ccode1112 = ["0","111111","111112","111113"]
- Cname1112 = ["소분류","경제소221","경제소222","경제소223"]
- Ccode1211 = ["0","111111","111112","111113"]
- Cname1211 = ["소분류","윈도우소1","리눅스소2","유닉스소3"]
- Ccode1212 = ["0","111111","111112","111113"]
- Cname1212 = ["소분류","윈도우소2221","리눅스소2222","유닉스2223"]
- //////////////////////////////////////////////
- // ff - 폼이름
- // ss1 - 대분류 셀렉트박스 이름
- // ss2 - 중분류 셀렉트박스 이름
- // ss3 - 소분류 셀렉트박스 이름
- // gubun - 대분류에서 온 값인지 소분류에서 온 값인지 여부
- ////////////////////////////////////////////////
- function init_list(Pform,Pss1,Pss2,Pss3,gubun) {
- FS1 = eval(Pform + "." + Pss1)
- FS2 = eval(Pform + "." + Pss2)
- FS3 = eval(Pform + "." + Pss3)
- switch(gubun) {
- case 1 :
- // 대분류값이 변하였을 경우
- if(FS1.options[FS1.selectedIndex].value != 0 ) {
- MCcode = eval( "Ccode" + FS1.options[FS1.selectedIndex].value )
- MCname = eval( "Cname" + FS1.options[FS1.selectedIndex].value )
- FS2.options.length = Ccode.length
- for(i=0 ; i < Ccode.length ; i++) {
- FS2.options[i].value = MCcode[i]
- FS2.options[i].text = MCname[i]
- }
- } else {
- FS2.options.length = 1
- FS2.options[0].value = "0"
- FS2.options[0].text = "중분류"
- }
- break ;
- case 2 :
- // 중분류값이 변하였을 경우
- if(FS2.options[FS2.selectedIndex].value != 0 ) {
- SCcode = eval( "Ccode" + FS2.options[FS2.selectedIndex].value )
- SCname = eval( "Cname" + FS2.options[FS2.selectedIndex].value )
- FS3.options.length = Ccode.length
- for(i=0 ; i < Ccode.length ; i++) {
- FS3.options[i].value = SCcode[i]
- FS3.options[i].text = SCname[i]
- }
- } else {
- FS3.options.length = 1
- FS3.options[0].value = "0"
- FS3.options[0].text = "소분류"
- }
- break ;
- default :
- // 초기화 기본값
- FS1.options.length = Ccode.length
- for(i=0 ; i < Ccode.length ; i++) {
- FS1.options[i].value = Ccode[i]
- FS1.options[i].text = Cname[i]
- }
- break ;
- }
- }
- init_list("ff2","ss1","ss2","ss3",0) ;
- //-->
- </SCRIPT>
'인터넷정보' 카테고리의 다른 글
자바스크립트와 테이터베이스 연동 (0) | 2007.10.18 |
---|---|
TextField의 Align - 텍스트 정렬 및 콤마 찍기 (0) | 2007.10.18 |
텍스트 애니메이션 (0) | 2007.10.18 |
웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0) | 2007.10.18 |
input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
체크박스 전체선택 / 전체해제 (0) | 2007.10.18 |
매월 마지막 날자 구하기 (0) | 2007.10.18 |
마우스 좌표값 (0) | 2007.10.18 |
문서길이를 자동으로 맞추는 아이프레임 리사이즈 소스 6가지 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 2
- <style type=text/css>
- select {font-size:9pt;font-family:굴림;}
- </style>
- </head>
- <body bgcolor=white text=black link=blue vlink=purple alink=red>
- <table align=center>
- <form name=form method=POST action="">
- <tr>
- <td>
- <select name="high_cg" size="1" onchange="changeCG(document.form.high_cg)"></select>
- <select name="mid_cg" size="1">
- <option value="중분류">중분류</option>
- </select>
- </td>
- </form>
- <script language="JavaScript">
- <!-- JavaScript
- midCG = new Array(20);
- midCG[0] = "";
- midCG[1] = new Array("TV","라디오","인터넷방송","신문","웹진","잡지","각종 통계","쿨사이트");
- midCG[2] = new Array("영화","연극/음악","만화-애니메이션","문학","연예","유머-재미","게임");
- midCG[3] = new Array("공연예술","공예","디자인","박물관,화랑","예술가"," 전통예술");
- midCG[4] = new Array("정부기관","정치","법","군대","대사관","시민단체");
- midCG[5] = new Array("사람들","사회이슈","문화","기관-단체","환경-자연","식음료","동호회");
- midCG[6] = new Array("회사","광고","투자-재테크","금융","증권","보험","부동산","취업-채용","창업");
- midCG[7] = new Array("쇼핑몰"," 경매","공동구매 ","가격비교","소비자평가");
- midCG[8] = new Array("무료정보","무료다운","이벤트-경품 소개");
- midCG[9] = new Array("하드웨어","소프트웨어","프로그래밍 언어","멀티미디어","게임","보안과 암호","인터넷종합","채팅","통신-네트워크","OS");
- midCG[10] = new Array("패션","미용","가족","결혼","육아","다이어트","인테리어");
- midCG[11] = new Array("여행-관광","취미","레저","자동차","게임");
- midCG[12] = new Array("실내스포츠","실외스포츠","스포츠스타","스포츠관련 미디어","스포츠종합");
- midCG[13] = new Array("인문과학","사회과학","자연과학","공학");
- midCG[14] = new Array("건강일반","병원","의학정보","한의학","의료상담","다이어트");
- midCG[15] = new Array("교육일반","학교","선생님","기관-단체","온라인교육","시험-자격증");
- midCG[16] = new Array("유학","도서관","전문가서비스");
- midCG[17] = new Array("학과","동아리","학생회","동문-동창회","연구소","소모임");
- midCG[17] = new Array("기독교","천주교","불교","민족종교","기타");
- midCG[18] = new Array("가수","탤런트","개그맨","영화배우","모델","스포츠스타","순수예술인");
- midCG[19] = new Array("기업","사람","기타");
- listHighCG = new Array("대분류 선택","뉴스-미디어","엔터테이먼트","예술","정치 및 법","사회문화","경제","쇼핑","공짜&무료","컴퓨터,인터넷","가정-여성","레크리에이션","스포츠","학문-과학","건강-의학","교육","학교","종교","팬클럽","안티사이트");
- highSelect = document.form.high_cg;
- midSelect = document.form.mid_cg;
- function strPos(s, s1)
- {
- if(s1 == null) return;
- for(i=0; i<s.length; i++)
- {
- if(s[i] == s1) return i;
- }
- return -1;
- }
- function setMidCG(high_cg,mid_cg)
- {
- var num = midSelect.length;
- for(i=0; i<num; i++)
- {
- midSelect.options[1]= null;
- }
- midSelect.options[0] = new Option("중분류 선택","");
- for(var i=0; i<midCG[high_cg].length; i++)
- {
- var myitem = new Option(midCG[high_cg][i])
- midSelect.options[i+1] = myitem;
- }
- if(mid_cg > 0)
- {
- midSelect.options.selectedIndex = mid_cg;
- }
- }
- function changeCG(menu)
- {
- selectNum = menu.selectedIndex;
- setMidCG(selectNum,0);
- }
- function init()
- {
- for(var i=0; i<listHighCG.length; i++)
- {
- var item = new Option(listHighCG[i])
- highSelect.options[i] = item;
- }
- pos = strPos(listHighCG,"컴퓨터,인터넷");
- if(pos < 1) pos = 0;
- setMidCG(pos,strPos(midCG[pos],"인터넷종합")+1);
- highSelect.options.selectedIndex = pos;
- }
- window.onload = init;
- // - JavaScript - -->
- </script>
- </tr>
- </table>
'인터넷정보' 카테고리의 다른 글
이미지 슬라이드 (0) | 2007.10.18 |
---|---|
체크박스 전체선택 / 전체해제 (0) | 2007.10.18 |
매월 마지막 날자 구하기 (0) | 2007.10.18 |
마우스 좌표값 (0) | 2007.10.18 |
문서길이를 자동으로 맞추는 아이프레임 리사이즈 소스 6가지 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 (0) | 2007.10.18 |
스크립트 인코딩 (Windows Script Encoder) (0) | 2007.10.18 |
익스플로러에서 인쇄 누르면 페이지 이동 시키기 (0) | 2007.10.18 |
마우스 오버/아웃시 소리효과 초간단 자바스크립트 (0) | 2007.10.18 |
새창 가운데 열기 - 중앙에 열기 (0) | 2007.10.18 |
셀렉트 박스 꾸미기 - select
http://oxtag.com/html/ex/selectbox/selectbox/selectbox20070510.html
<title>셀렉트박스 꾸미기</title>
<script>
//셀렉트박스 꾸미기 v1.2
//================================================ JS
var zindex = 10000;
select_count = new Array();
ev_click = new Array();
function insert_select ( sn,w,f,b,g,c,img,event) {
ev_click[sn] = event;
select_count[sn] = 0;
zindex--;
document.write("<input type=hidden name="+sn+" id="+sn+" value=''>");
document.write(" <table border='0' cellspacing='1' cellpadding='1' width='"+w+"' style='table-layout:fixed;width:"+w+";' bgcolor='"+b+"' onclick='select_click(\""+sn+"\");' >");
document.write(" <tr>");
document.write(" <td bgcolor='"+g+"'>");
document.write(" <input type='text' id='"+sn+"_select_name' name='"+sn+"_select_name' style='border:none;cursor:hand;width:100%;font-size:"+f+"pt;' onselectstart=\"return false\" readonly> ");
document.write(" </td>");
if(img != "") {
document.write(" <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'><img src='"+img+"' align='absmiddle'></td>");
} else {
document.write(" <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'>▽</td>");
}
document.write(" </tr>");
document.write(" </table>");
document.write("<div id='"+sn+"_select_div' name='"+sn+"_select_div' style='display:none;z-index:"+zindex+";position:absolute;cursor:hand' onmouseover='"+sn+"_select_div.style.display=\"\";' onmouseout='"+sn+"_select_div.style.display=\"none\";'>");
document.write(" <table border='0' cellspacing='1' cellpadding='1' bgcolor='"+b+"' width="+w+" onmouseover='"+sn+"_select_div.style.display=\"\";'>");
document.write(" <tr><td bgcolor='"+g+"' style='line-height:1.3em;' id='"+sn+"_select_span'></td></tr>");
document.write(" </table>");
document.write(" </div>");
}
function insert_select_option(sn,f,b,g,c,v,vv,chk) {
select_count[sn] ++;
option_html = "<span style='width:100%;font-size:"+f+"pt' onclick='"+sn+"_select_name.value=\""+vv+"\";"+sn+".value=\""+v+"\";"+sn+"_select_div.style.display=\"none\";"+ev_click[sn]+";' onmouseover='this.style.background=\""+c+"\"' onmouseout='this.style.background=\""+g+"\"'>"+vv+"</span><br>";
if(select_count[sn] == 1 || chk == "Y" ) {
document.getElementById( sn+"_select_name" ).value = vv
document.getElementById( sn).value = v
}
document.getElementById( sn+"_select_span").innerHTML += option_html;
}
function select_click(sn) {
if ( document.getElementById( sn+"_select_div").style.display == "none") {
document.getElementById( sn+"_select_div").style.display = "";
} else {
document.getElementById( sn+"_select_div").style.display = "none";
}
}
////================================================ JS
</script>
<table>
<tr>
<td>
<script>
////================================================ 사용
//insert_select(저장변수명,가로,폰트크기,보드색,배경색,선택색,화살표이미지);
insert_select("test3","70","8","F6D8B0","FFFFFF","F6D8B0","");
//insert_select_option(저장변수명,폰트크기,보드색,배경색,선택색,value,view_value,초기선택여부:(Y선택);
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","1","1번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","2","2번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","3","3번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","4","4번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","5","5번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","6","6번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","7","7번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","8","8번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","9","9번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","10","10번");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","11","11번","Y");
insert_select_option("test3","8","F6D8B0","FFFFFF","F6D8B0","12","13번");
////================================================ 사용
</script>
</td>
<td>
<input type="button" onclick="alert(document.all.test3.value);" value="테스트">
</td>
</tr>
</table>
'인터넷정보' 카테고리의 다른 글
특정 폴더 내 모든 파일 리스트 불러오기 함수 (0) | 2007.10.11 |
---|---|
PHP 변수 속도 테스트 (0) | 2007.10.11 |
웹하드 - webHard (0) | 2007.10.11 |
음성게시판 모듈 (0) | 2007.10.11 |
웹 대용량 파일 업로드 모듈 (0) | 2007.10.11 |
css로 만든 2중 라운드 테이블 (0) | 2007.10.11 |
월의 몇째 주인지, 이달의 총 주 (0) | 2007.10.11 |
[PHP] 영문과 한글 브라우저 구분 방법 (0) | 2007.10.11 |
간단한 페이징 소스 (0) | 2007.10.11 |
nuSoap을 이용한 서버간의 파일전송 (0) | 2007.10.11 |
select 박스 제어하기
미리보기 : http://oxtag.com/html/ex/select20070412.html
<script type="text/javascript" language="javascript">
<!--
function selectChg(val) {
document.getElementById('test').value = val;
}
//-->
</script>
<select id = "test" name = "test">
<option value="한국" selected="selected">한국</option>
<option value="일본">일본</option>
<option value="중국">중국</option>
<option value="호주">호주</option>
</select>
<a href="javascript:selectChg('한국');">한국</a>
<a href="javascript:selectChg('일본');">일본</a>
<a href="javascript:selectChg('중국');">중국</a>
<a href="javascript:selectChg('호주');">호주</a>
또는..
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectChg(val) {
document.getElementById('test').options[val].selected = true;
}
//-->
</SCRIPT>
<select id = "test" name = "test">
<option value="한국" selected="selected">한국</option>
<option value="일본">일본</option>
<option value="중국">중국</option>
<option value="호주">호주</option>
</select>
<a href="javascript:selectChg('0');">한국</a>
<a href="javascript:selectChg('1');">일본</a>
<a href="javascript:selectChg('2');">중국</a>
<a href="javascript:selectChg('3');">호주</a>
또는
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectChg(val) {
var f = document.getElementById('test');
for (i=0; i<f.options.length; i++) {
if (f.options[i].value == val) { f.options[i].selected = true; }
}
}
//-->
</SCRIPT>
<select id = "test" name = "test">
<option value="한국" selected="selected">한국</option>
<option value="일본">일본</option>
<option value="중국">중국</option>
<option value="호주">호주</option>
</select>
<a href="javascript:selectChg('한국');">한국</a>
<a href="javascript:selectChg('일본');">일본</a>
<a href="javascript:selectChg('중국');">중국</a>
<a href="javascript:selectChg('호주');">호주</a>
또는
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectChg(val) {
var f = document.getElementById('test');
for (i=0; i<f.options.length; i++) {
if (f[i].value == val) { f.selectedIndex = i; break;}
}
}
//-->
</SCRIPT>
<select id = "test" name = "test">
<option value="한국" selected="selected">한국</option>
<option value="일본">일본</option>
<option value="중국">중국</option>
<option value="호주">호주</option>
</select>
<a href="javascript:selectChg('한국');">한국</a>
<a href="javascript:selectChg('일본');">일본</a>
<a href="javascript:selectChg('중국');">중국</a>
<a href="javascript:selectChg('호주');">호주</a>
'인터넷정보' 카테고리의 다른 글
런타임으로 자바스크립트 화일 열기 (0) | 2007.10.11 |
---|---|
마우스 오버시 테이블 한줄 색깔 바꾸기 (0) | 2007.10.11 |
간단한 php 달력 (0) | 2007.10.11 |
php로 pop3 데몬을 만들기 (0) | 2007.10.11 |
페이징 함수 (0) | 2007.10.11 |
이미지 없이 모서리 없는 둥근 테이블 만들기 (0) | 2007.10.11 |
fsockopen으로 제작한 http확장클래스 (0) | 2007.10.11 |
3 of 9 바코드 그리기 (0) | 2007.10.11 |
HTML 4.01 엔티티(Entities) (0) | 2007.10.11 |
아파치 웹 서버 무단 링크 방지 (0) | 2007.10.11 |
select 태그 활용법 - 셀렉트박스, 콤보박스
<P>select 태그 예제
<SELECT>
<OPTGROUP LABEL="select1"> //option 을 그룹지움
<OPTION value="option1-1">option1-1</OPTION>
<OPTION value="option1-2">option1-2</OPTION>
<OPTION value="option1-3">option1-3</OPTION>
<OPTION value="option1-4">option1-4</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="select2">
<OPTION value="option2-1">option2-1</OPTION>
<OPTION value="option2-2">option2-2</OPTION>
<OPTION value="option2-3">option2-3</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="select3">
<OPTION value="option3-1">option3-1</OPTION>
<OPTION value="option3-2">option3-2</OPTION>
<OPTION value="option3-3">option3-3</OPTION>
<OPTION value="option3-4">option3-4</OPTION>
<OPTION value="option3-5">option3-5</OPTION>
<OPTION value="option3-6">option3-6</OPTION>
</OPTGROUP>
</SELECT>
</P>
'인터넷정보' 카테고리의 다른 글
fsockopen으로 제작한 http확장클래스 (0) | 2007.10.11 |
---|---|
3 of 9 바코드 그리기 (0) | 2007.10.11 |
HTML 4.01 엔티티(Entities) (0) | 2007.10.11 |
아파치 웹 서버 무단 링크 방지 (0) | 2007.10.11 |
insertAdjacentHTML 지정된 위치에 HTML 삽입 (0) | 2007.10.11 |
PHP에 포함된 변수 , 상수 , 함수 알아보기 (0) | 2007.10.11 |
file 버튼 이미지로 바꾸기 (0) | 2007.10.11 |
즐겨찾기 추가 , 시작페이지 설정 하는 스크립 (0) | 2007.10.11 |
오른쪽면에 배너 붙이는 style (0) | 2007.10.11 |
[PHP] 파일 확장자 추출 (0) | 2007.10.11 |
Select 메뉴의 border 숨기기
<html>
<head>
<title>제목없음</title>
<style type="text/css">
<!--
body { margin:0px; overflow:hidden; background-color:#f4f4f4; color:#000000; font-family:Arial,Helvetica; font-size:10px; }
.dropb {
font: normal 9px Small Fonts, VT100, Arial, Helvetica;
color: #505050;
border:2px solid #000000;
width: 115px;
}
--></style>
</head>
<body>
<div style="position:relative;margin-right:7px;width:117px;height:18px;border:1px solid #000000;background-color:#FFFFFF">
<div style="position: absolute;left:0px;top:-1px;width:115px;height:17px;clip:rect(2,113,15,2);">
<SELECT class="dropb">
<option value="" SELECTED>FRIENDLY LINKS
<option value="">- - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="http://www.webarkstudio.com">WEBARKSTUDIO
<option value="http://www.copyrightmagazine.com">COPYRIGHTMAGAZINE
<option value="http://www.publircidad.com">PUBLIRCIDAD
<option value="http://www.e-site-es.com">E-SITE
<option value="http://www.creatiu.com">CREATIU
<option value="http://www.offf.org">OFFF
</select>
</div>
</div>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
[PHP] 파일 확장자 추출 (0) | 2007.10.11 |
---|---|
[PHP] error_reporting , 에러 출력 설정 (0) | 2007.10.11 |
iframe 높이 자동 조절 - 아이프레임 사이즈 조절 (0) | 2007.10.11 |
IE의 검색엔진를 원하는 것으로 해보자 (0) | 2007.10.11 |
전화번호 자동 정리 - 전화번호 하이픈 넣기 (0) | 2007.10.11 |
마우스로 드래그되는 레이어창 스크립트 (0) | 2007.10.11 |
인쇄 미리 보기 및 페이지 설정 버튼 만드는 방법 (0) | 2007.10.11 |
PHP 테이블 중복 확인후 생성하기 create table if not exists board (0) | 2007.10.11 |
ActiveX 무조건 다운로드하기 (0) | 2007.10.11 |
이미지 크기 알아내기 (0) | 2007.10.11 |
select 용 함수 모음
function select_all(ta,bool){ //모든 option 선택
if(!ta){ return; }
for(var i=0,m=ta.length;i<m;i++){
ta.options[i].selected=bool;
}
}
function select_del(ta){ //선택된 option 삭제(멀티 가능)
if(ta.selectedIndex == -1){ return; }
var ol
for(var i=ta.length-1,m=0;i>=m;i--){
if(ta.options[i].selected){
ol = ta.options[i];
ta.removeChild(ol);
}
}
ta.focus();
}
function select_copy(ta,ta2){ //선택된 option 복사(멀티 가능)
if(ta.selectedIndex == -1){ return; }
for(var i=0,m=ta.length;i<m;i++){
if(ta.options[i].selected){
var ol = ta.options[i];
var ta_ol=ol.cloneNode(true)
ta2.appendChild(ta_ol);
}
}
ta.focus();
}
function select_remove(ta,ta2){ //선택된 옵션 이동(멀티 가능)
select_copy(ta,ta2);
select_del(ta);
}
function select_updown_sel(ta,type){ //1,2,3,4(맨위,위,아래,맨아래); //선택된 option 순서 바꾸기(멀티 불가)
var sel_len = ta.length
var sel_idx = ta.selectedIndex;
if(sel_idx==-1){alert!!('대상을 선택해주세요.'); return;}
if(type<3 && sel_idx==0 ){ alert!!('대상이 맨 위에있습니다'); return; }
if(type>2 && sel_idx==(sel_len-1) ){ alert!!('대상이 맨 아래에있습니다'); return; }
switch(type){
case 1:
select_goto(ta,sel_idx,0);
break;
case 2:
select_goto(ta,sel_idx,sel_idx-1);
break;
case 3:
select_goto(ta,sel_idx,sel_idx+1);
break;
case 4:
select_goto(ta,sel_idx,(sel_len-1));
break;
}
}
function select_goto(ta,st,ed){
var ta_num =-1;
var ol,ta_ol;
if(st<0 || ed<0 || st >=ta.length || ed >=ta.length ) return;
if(st<ed){
while(st<ed){
ta_num=st+1;
ol = ta.options[st].cloneNode(true);
ta_ol = ta.options[ta_num].cloneNode(true);
ta.options[ta_num]=new Option(ol.innerHTML,ol.value,false,true);
ta.options[st]=new Option(ta_ol.innerHTML,ta_ol.value,false,false);
st=ta_num;
}
}else if(st>ed){
while(st>ed){
ta_num=st-1;
ol = ta.options[st].cloneNode(true);
ta_ol = ta.options[ta_num].cloneNode(true);
ta.options[ta_num]=new Option(ol.innerHTML,ol.value,false,true);
ta.options[st]=new Option(ta_ol.innerHTML,ta_ol.value,false,false);
st=ta_num;
}
}
}
'인터넷정보' 카테고리의 다른 글
try{...} catch(e){...} 구문 , e.number,e.description (0) | 2007.10.11 |
---|---|
문자열 바이트 길이알기, 바이트만큼 자르기 (0) | 2007.10.11 |
API를 모와둔 사이트 gotapi.com (0) | 2007.10.11 |
PNG24 반투명 지원법 (IE용) (0) | 2007.10.11 |
JS 트리구조 메뉴 (0) | 2007.10.11 |
UTF-8로 바꾸는 법, 문자열 인코딩 바꾸기 (0) | 2007.10.11 |
IE7의 변경(오류,버그,바뀐점) (0) | 2007.10.11 |
이미지 없이 라운딩 박스 표현하기1 (0) | 2007.10.11 |
주민/외국인 등록번호 (0) | 2007.10.11 |
인터넷익스플로러7 자동다운로드 막는 프로그램.. (0) | 2007.10.11 |