자바스크립트 셀렉트박스를 -> 리스트박스로

JAVA/자바스크립트 2016. 9. 5. 00:07

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>Insert title here</title>

</head>

<body>

<select id='fruits' name='fruits' size='6' onchange='fruits_selected()' multiple="multiple"

style="width: 200px;">

<option value='banana'>바나나</option>

<option value='lemon'>레몬</option>

<option value='apple'>사과</option>

<option value='banana'>바나나</option>

<option value='lemon'>레몬</option>

<option value='apple'>사과</option>

<option value='banana'>바나나</option>

</select>


<script>

function fruits_selected() {

var obj = document.getElementById('fruits');

var index = obj.selectedIndex;

var value = obj.options[index].value;

var text = obj.options[index].text;

for(var i=0; i< obj.length; i++){

if(obj.options[i].selected == true){

alert(obj.options[i].text)

}

}

console.log('------------------');

console.log('index = [' + index + ']');

console.log('value = [' + value + ']');

console.log('text = [' + text + ']');

}

</script>


</body>

</html>

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 컨트롤러 -> jsp json 넘겨주기  (0) 2016.08.30
자바스크립트 자바 to 자바스크립트 json데이터 받기  (0) 2016.08.29
자바스크립트 디바이스 및 브라우저 체크  (0) 2015.11.26
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 컨트롤러 -> jsp json 넘겨주기

JAVA/자바스크립트 2016. 8. 30. 11:08

                         

컨트롤러에서  List<Map<Object, Object>> 으로 넘겨줬을경우 



//조회 결과 

bizMap = chartRmateService.chartList(inputMap);

//리스트에 맵을 차곡차곡 넣어줌

Map<Object, Object> reMap ;

for (Map<String, Object> map : bizMap) {

reMap = new HashMap<Object, Object>();

reMap.put("Country",map.get("NM1"));

reMap.put("GDP",map.get("VALUE1"));

bizMap2.add(reMap);

}

LOGGER.info(String.format(LogFormat.END_W));

model.addAttribute("bizMap2", bizMap2);




스크립트에서받기

                                        var chartData="";

var objArr = new Array();

var obj = new Object();

<c:forEach items="${bizMap2}" var="item">

var country = "<c:out value="${item.Country}"/>";

var gdp = "<c:out value="${item.GDP}"/>";

obj.Country = country;

obj.GDP = gdp;

objArr.push(obj);

</c:forEach>

chartData = JSON.parse(JSON.stringify(objArr));

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 셀렉트박스를 -> 리스트박스로  (0) 2016.09.05
자바스크립트 자바 to 자바스크립트 json데이터 받기  (0) 2016.08.29
자바스크립트 디바이스 및 브라우저 체크  (0) 2015.11.26
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 자바 to 자바스크립트 json데이터 받기

JAVA/자바스크립트 2016. 8. 29. 18:30

컨트롤러

HashMap<Object, Object> reMap = new HashMap<Object, Object>();

bizMap = chartRmateService.chartList(inputMap);

for (Map<String, Object> map : bizMap) {

reMap.put(map.get("NM1"),map.get("VALUE1"));

}

LOGGER.info(String.format(LogFormat.END_W));


model.addAttribute("king", reMap);


자바스크립트

var cData = "<c:out value="${king}"/>";

alert(JSON.parse(JSON.stringify(cData, null)))

// 차트 데이터

var chartData =JSON.parse(JSON.stringify(cData, null)); 

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 셀렉트박스를 -> 리스트박스로  (0) 2016.09.05
자바스크립트 컨트롤러 -> jsp json 넘겨주기  (0) 2016.08.30
자바스크립트 디바이스 및 브라우저 체크  (0) 2015.11.26
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 디바이스 및 브라우저 체크

JAVA/자바스크립트 2015. 11. 26. 16:42
<script type="text/javascript">
//check browser
var isie=(/msie/i).test(navigator.userAgent); //ie
var isie6=(/msie 6/i).test(navigator.userAgent); //ie 6
var isie7=(/msie 7/i).test(navigator.userAgent); //ie 7
var isie8=(/msie 8/i).test(navigator.userAgent); //ie 8
var isie9=(/msie 9/i).test(navigator.userAgent); //ie 9
var isfirefox=(/firefox/i).test(navigator.userAgent); //firefox
var isapple=(/applewebkit/i).test(navigator.userAgent); //safari,chrome
var isopera=(/opera/i).test(navigator.userAgent); //opera
var isios=(/(ipod|iphone|ipad)/i).test(navigator.userAgent);//ios
var isipad=(/(ipad)/i).test(navigator.userAgent);//ipad
var isandroid=(/android/i).test(navigator.userAgent);//android
var device;
if(isie7 || isie8 || isie9){
 isie6=false;
}
if(isie9){
 isie=false;
}
if(isapple || isios || isipad || isandroid){
 alert("모바일기기로 접속하였습니다.");
 window.location = "../rs/main.jsp?dvType=m";
 
}else{
 alert("PC로 접속하였습니다.");
 window.location = "../rs/main.jsp?dvType=p";
}
</script>


저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 컨트롤러 -> jsp json 넘겨주기  (0) 2016.08.30
자바스크립트 자바 to 자바스크립트 json데이터 받기  (0) 2016.08.29
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
자바스크립트 htstory 객체  (0) 2015.08.13
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 라디오 체크확인

JAVA/자바스크립트 2015. 10. 30. 10:14

<!DOCTYPE html>

<html>

<body>


<form>


  <input type="radio" name="colors" id="red">Red<br>

  <input type="radio" name="colors" id="blue">Blue

</form>


<button onclick="check()">Check "Red"</button>



<script>


function check() {

  if(document.getElementById("red").checked==true){

alert("d");

 }

}

</script>


</body>

</html>



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 자바 to 자바스크립트 json데이터 받기  (0) 2016.08.29
자바스크립트 디바이스 및 브라우저 체크  (0) 2015.11.26
자바스크립트 submit하기  (0) 2015.08.25
자바스크립트 htstory 객체  (0) 2015.08.13
자바스크립트로 각종 값넘기는방법  (0) 2015.01.17
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 submit하기

JAVA/자바스크립트 2015. 8. 25. 16:05

ex) 1을 입력하면 page_a로가고 2는 page_b, 3은 page_c로 간다.

<html>

<head>

<script>

function form_submit(){

if(num.value==1){

document.test.action="page_a.html";

document.test.submit();

}

else if(num.value==2){

document.test.action="page_b.html";

document.test.submit();

}

else{

document.test.action="page_c.html";

document.test.submit();

}

}

</script>

</head>

<body>

<form name="test" id="test" action="POST">

<input type="text" id="num" value="">

<input type="button" onclick="form_submit();" value="submit">

</body>

</html>

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 디바이스 및 브라우저 체크  (0) 2015.11.26
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 htstory 객체  (0) 2015.08.13
자바스크립트로 각종 값넘기는방법  (0) 2015.01.17
자바스크립트 윈도우창띄우기  (0) 2014.10.03
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 htstory 객체

JAVA/자바스크립트 2015. 8. 13. 17:49

히스토리 객체는 사용자가 방문하는 URL을 포함된다.


메소드

back() 히스토리 목록 에서 이전 URL을 로드

forward() 히스토리 목록에서 다음 URL을 로드

go() 기록 목록 에서 특정 URL을 로드

-2는 2페이지 뒤로



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
자바스크립트로 각종 값넘기는방법  (0) 2015.01.17
자바스크립트 윈도우창띄우기  (0) 2014.10.03
자바스크립트 Document 객체를이용한  (0) 2014.10.03
블로그 이미지

왕왕왕왕

왕

,

자바스크립트로 각종 값넘기는방법

JAVA/자바스크립트 2015. 1. 17. 22:52
각종 자스로 값 넘기기~~~
---------------
셀렉트값은?


document.form.item1.options[form.item1.selectedIndex].value;

-----------------------연린창에 값넘기기(부모창)

function push() { 
window.opener.form.x.value =real_x+mapx;
window.opener.form.y.value =real_y+mapy;
window.opener.form.x1.value=x1;
window.opener.form.x2.value=x2;
window.opener.form.x3.value=x3;
window.opener.form.y1.value=y1;
window.opener.form.y2.value=y2;
window.opener.form.y3.value=y3;

window.close();   


}
-----------------------링크 클릭값 넘기기
function delete1(value){
form.no.value=value;
document.form.action= "./basket_delete.php";
document.form.submit();
}

<a href=# class=text1 onclick=delete1(value); value=$row[no]>클릭</a>


-----------------------form값을 2개 이상 페이지로 전송할경우
<input type=button value="등록"
onclick="action='./login1.php';submit();">


-----------------------버튼클릭시 값을 줄경우
<input type=button value수정" onclick="javascript:location.href='./login.php?mode=input&mode2=hahaha'">



-----------------------자바스크립으로 전송버튼 누르는경우
function zipchange1(){
document.form.action= "./login.php";
document.form.submit();
}

-----------------------값전송하기
<script>
function a(){
bbb="kim";
ccc="kim2";
ddd="kim3";
location.href ="test1.htm?Bcode="+bbb+"&Ccode="+ccc;
}
</script>

<input type=button value=클릭 onclick="a();">
-----------------------타겟으로 값을 넘길경우1
function itemchange4(){
document.form.item4.options[form.item4.selectedIndex].value;
document.form.action= "./top.php";
document.form.target= "top";            //타켓사용
document.form.submit();
}

-----------------------타겟으로 값을 넘길경우2
<form method="get" name="form" target="xxxx">


-----------------------부모창 리로드 값 넘길경우 ㅋㅋ --+(새로고침하기)
<script>
//window.opener.location.reload();
opener.parent.location.reload();
window.close();
</script>

-----------------------프레임 나눌경우 값주기 (확인안해봤는데..;;)
<frameset>
<frame src=top.html?receive=$receive>
...
</frameset>



----------------------걍~ 값넘겨줄때

<script>
location.href='abc.php?a=1&b=1&c=<?=1?>';
</script>

 

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 submit하기  (0) 2015.08.25
자바스크립트 htstory 객체  (0) 2015.08.13
자바스크립트 윈도우창띄우기  (0) 2014.10.03
자바스크립트 Document 객체를이용한  (0) 2014.10.03
자바스크립트 소문자 -> 대문자 바꾸기 예제  (0) 2014.10.03
블로그 이미지

왕왕왕왕

왕

,

공지사항

태그목록

글 보관함

달력

«   2024/06   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30

티스토리툴바