'JAVA/Jquery'에 해당되는 글 36건

URL?NM = encodeURI(encodeURIComponent("ㄴㅁㅇㄻㄴㅇ"), "UTF-8")

var ids = jQuery("#gridlist").jqGrid('getDataIDs');

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

var rowId = ids[i];

$("#gridlist").setCell(rowId,"RNUM",i+1);

}

//클릭한 객체

var nValoVal = function(e){

//클릭한 값

var newValue = $(e).find('#acctCode').text();

//DATA에있는 old값 처음엔 없다

var oldValue = $("#acctCode").data('oldData');

//처음엔 old값이 없어서 undefined를 length가 0이 나오도록 

if(typeof(oldValue) == "undefined"){

oldValue= "";

}

//old랑 new값이 틀리거나 old가 0이고 new값이 0이상일때

if(oldValue != newValue || (oldValue == "" && newValue.length >0 )){

//new값으로 지정된 아이디에 컬러변경

$('#'+newValue).css("background-color","#FFF0F0");

//oid값이 0이상일때만 old값으로 지정된 아이디 컬러 삭제

if(oldValue.length > 0){

$('#'+oldValue).css("background-color","");

}

}

//클릭된 값은 위에 과정을 지나면 oldData가되어 저장됨

$("#acctCode").data('oldData',newValue);

}

var loadDt = new Date(); //현재 날짜 및 시간   //현재시간 기준 계산

 alert(new Date(Date.parse(loadDt) - 30 * 1000 * 60 * 60 * 24)); //30일전
 alert(new Date(Date.parse(loadDt) - 15 * 1000 * 60 * 60 * 24)); //보름전
 alert(new Date(Date.parse(loadDt) - 7 * 1000 * 60 * 60 * 24)); //일주일전
 alert(new Date(Date.parse(loadDt) - 1 * 1000 * 60 * 60 * 24)); //하루전
 alert(new Date(Date.parse(loadDt) + 1 * 1000 * 60 * 60 * 24)); //하루후
 alert(new Date(Date.parse(loadDt) + 7 * 1000 * 60 * 60 * 24)); //일주일후
 alert(new Date(Date.parse(loadDt) + 15 * 1000 * 60 * 60 * 24)); //보름후
 alert(new Date(Date.parse(loadDt) + 30 * 1000 * 60 * 60 * 24)); //한달후

alert(new Date(Date.parse(loadDt) + 1000 * 60 * 60)); //한시간후
alert(new Date(Date.parse(loadDt) + 1000 * 60)); //1분후
alert(new Date(Date.parse(loadDt) + 1000)); //1초후

('0' + (date.getDate())).slice(-2)

var getUrlParameter = function getUrlParameter(sParam) {

   var sPageURL = decodeURIComponent(window.location.search.substring(1)),

       sURLVariables = sPageURL.split('&'),

       sParameterName,

       i;

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

       sParameterName = sURLVariables[i].split('=');

       if (sParameterName[0] === sParam) {

           return sParameterName[1] === undefined ? true : sParameterName[1];

       }

   }

};

<script type="text/javascript">

$(document).ready(function() {

$("#btn").click(function() {

if ($("#title").val() != "") {

var cul_addr = $("input[name=bName]").val();

var cul_addr2 = $("input[name=bTitle]").val();

  var cul_addr3 = $("textarea[name=bContent]").val();

var addr = escape(encodeURIComponent(cul_addr + " " + cul_addr2+" "+ cul_addr3)); //인코딩부분

$.ajax({

type : "POST",

url : "write1",

data : "addr=" + addr,

dataType : "xml",

async : false,

success : 

location.href='/ex/qna'

});

/* $("#writeForm").attr({

action : 'write1',

method : 'get'

}).submit();*/

} else {

alert("빈칸 없이");

}

});

});

jsp에서 ajax로 인코딩해서 보낸다 write1이라는 이름으로 컨트롤러에서 받고

컨트롤러

@RequestMapping("/write1")

public String write(HttpServletRequest request, Model model) throws UnsupportedEncodingException {

model.addAttribute("request", request);

command = new                                  com.javalec.command1.BWriteCommand1();

command.execute(model);

return "redirect:qna";

}

모델을 커맨드클래스로 넘겨준다 

커맨드

public class BWriteCommand1 implements BCommand1 {

@Override

public void execute(Model model) {

// TODO Auto-generated method stub

Map<String, Object> map = model.asMap();

HttpServletRequest request = (HttpServletRequest) map.get("request");

try {

String[] deArray = URLDecoder.decode((String) request.getParameter("addr"), "utf-8").split(" ");

//디코딩부분

String bName = deArray[0];

String bTitle = deArray[1];

String bContent = deArray[2];

String bCode = request.getParameter("bCode");// 코드는 필요없음

com.javalec.dao1.BDao1 dao = new com.javalec.dao1.BDao1();

dao.write(bName, bTitle, bContent, bCode);

} catch (UnsupportedEncodingException e1) {

// TODO Auto-generated catch block

e1.printStackTrace();

}

}

}

처음에 보내줄때 "이름 제목 내용" 이런식으로 보내줬다

커맨드에서 " "를 구분자로 디코딩해주면서 스플릿한다.

배열로받고 순서대로 변수에 넣어주면된다.

ajax로 보낼때 인코딩 디코딩하는이유는 한글깨짐을 방지하기위해서이다.

$(document).ready(function(){
    $("button").click(function(){
        $("p:nth-child(2)").addClass("intro");
    });
});

버튼 클릭시 p태그중에 2번째 자식에게 intro 클래스명 부여

<style>

.intro {

    font-size: 150%;

    color: red;

}

</style>

intro 클래스는 폰트사이즈와 컬러 조정

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<p>This is another paragraph1111.</p>

p태그중에 2번째 자식이지만 h1태그까지 걸려서 This is a paragraph 텍스트가 조정된다.

p태그중에 2번째꺼로 하려면 nth-child(3)으로 해야 2번째 텍스트가 조정된다.