'분류 전체보기' 카테고리의 글 목록 (11 Page)

전체

ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize() 2017.03.17
자바스크립트 get방식 parameter값 꺼내기 2017.03.17
[자바스크립트] SNS공유하기 2017.03.17
JavaScript replace all 하기 2017.03.17
jquery 모음 2017.03.17
jquery 한글 영어 숫자 체크 2017.03.17
i18 support [javascript 한/영 변환] 2017.03.17
jquery datatable 컬럼 동적생성 2017.03.17
제이쿼리 stringbuffer 2017.03.17
jquery datatable 테이블 2017.03.16

ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize()

2017. 3. 17. 15:07

$(function() {

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

alert($("#frmJoin").serialize());

if(status){

$.post("${contextPath}/proc_join",

$("#frmJoin").serialize(),

function(data) {

if(data.result == 200) {

location.href="${contextPath}/adminList";

} else {

alert("가입실패");

}

"json");

}else{

alert("중복확인해주시기 바랍니다.");

}

});

'개발 > JQUERY' 카테고리의 다른 글

jquery checkbox 체크여부/제어하기/체크갯수 구하기 (0)	2017.03.17
jQuery 좌표구하기 (0)	2017.03.17
jquery 모음 (0)	2017.03.17
jquery 한글 영어 숫자 체크 (0)	2017.03.17
jquery datatable 컬럼 동적생성 (0)	2017.03.17

자바스크립트 get방식 parameter값 꺼내기

2017. 3. 17. 15:06

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

</HEAD>

<!--

function GetParameter() {

var strURL = location.search;

var tmpParam = strURL.substring(1).split("&");

if (strURL.substring(1).length > 0)

{

var Params = new Array;

for (i=0;i< tmpParam.length ; i++)

{

Params = tmpParam[i].split("=");

alert("Params_Name = "+Params[0]);

alert("Params_Value = "+Params[1]);

} //for

} //if

} //function

//함수 호출

GetParameter()

//-->

</SCRIPT>

<BODY>

</BODY>

</HTML>

'개발 > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 특정 문자열 갯수 확인하기. (0)	2017.03.17
ActiveX 설치여부 확인하기 (0)	2017.03.17
[자바스크립트] SNS공유하기 (0)	2017.03.17
JavaScript replace all 하기 (0)	2017.03.17
i18 support [javascript 한/영 변환] (0)	2017.03.17

[자바스크립트] SNS공유하기

2017. 3. 17. 15:05

function sendSNS(media) {

switch(media) {

case "tw":

sendUrl = "http://twitter.com/share?url="+$("#url").val()+"&count=none&text="+$("#title").val();

window.open(sendUrl,'트위터공유하기','width=600, height=400, toolbar=no, status=no,scrollbars=yes, resizable=no, top=0, left=0');

break;

case "fa":

sendUrl = "http://www.facebook.com/sharer.php?s=100&p[url]="+$("#url").val()+"&p[title]="+$("#title").val();

window.open(sendUrl,'페이스북공유하기', 'width=1024, height=600, toolbar=no, status=no,scrollbars=yes, resizable=no, top=0, left=0');

break;

}

'개발 > JAVASCRIPT' 카테고리의 다른 글

ActiveX 설치여부 확인하기 (0)	2017.03.17
자바스크립트 get방식 parameter값 꺼내기 (0)	2017.03.17
JavaScript replace all 하기 (0)	2017.03.17
i18 support [javascript 한/영 변환] (0)	2017.03.17
자바스크립트 hidden onchange 함수 (0)	2017.03.14

자바스크립트에서 replaceAll 은 없다.

정규식을 이용하여 대상 스트링에서 모든 부분을 수정해줄 수 있다.

ex)

str.replace("#",""); -> #를 공백으로 변경한다.

하지만 첫번째 # 만 공백으로 변경하고 나머지는 변경이 되지 않는다.

str.replace(/#/gi, ""); -> #를 감싼 따옴표를 슬래시로 대체하고 뒤에 gi 를 붙이면

replaceAll 과 같은 결과를 볼 수 있다.

'개발 > JAVASCRIPT' 카테고리의 다른 글

ActiveX 설치여부 확인하기 (0)	2017.03.17
자바스크립트 get방식 parameter값 꺼내기 (0)	2017.03.17
[자바스크립트] SNS공유하기 (0)	2017.03.17
i18 support [javascript 한/영 변환] (0)	2017.03.17
자바스크립트 hidden onchange 함수 (0)	2017.03.14

jquery 모음

2017. 3. 17. 15:04

1. jQuery로 선택된 값 읽기

$("#selectBox option:selected").val();

$("select[name=name]").val();

2. jQuery로 선택된 내용 읽기

$("#selectBox option:selected").text();

3. 선택된 위치

var index = $("#test option").index($("#test option:selected"));

4. Addoptions to the end of a select

$("#selectBox").append("<option value='1'>Apples</option>");

$("#selectBox").append("<option value='2'>After Apples</option>");

5. Addoptions to the start of a select

$("#selectBox").prepend("<option value='0'>Before Apples</option>");

6. Replaceall the options with new options

$("#selectBox").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");

7. Replaceitems at a certain index

$("#selectBox option:eq(1)").replaceWith("<option value='2'>Someapples</option>");

$("#selectBox option:eq(2)").replaceWith("<option value='3'>Somebananas</option>");

8. 지정된 index값으로 select 하기

$("#selectBox option:eq(2)").attr("selected", "selected");

9. text 값으로 select 하기

$("#selectBox").val("Someoranges").attr("selected", "selected");

10. value값으로 select 하기

$("#selectBox").val("2");

11. 지정된 인덱스값의 item 삭제

$("#selectBox option:eq(0)").remove();

12. 첫번째 item 삭제

$("#selectBox option:first").remove();

13. 마지막 item 삭제

$("#selectBox option:last").remove();

14. 선택된 옵션의 text 구하기

alert(!$("#selectBox option:selected").text());

15. 선택된 옵션의 value 구하기

alert(!$("#selectBox option:selected").val());

16. 선택된 옵션 index 구하기

alert(!$("#selectBox option").index($("#selectBox option:selected")));

17. SelecBox 아이템 갯수 구하기

alert(!$("#selectBox option").size());

18. 선택된 옵션 앞의 아이템 갯수

alert(!$("#selectBox option:selected").prevAl!l().size());

19. 선택된 옵션 후의 아이템 갯수

alert(!$("#selectBox option:selected").nextAll().size());

20. Insertan item in after a particular position

$("#selectBox option:eq(0)").after("<option value='4'>Somepears</option>");

21. Insertan item in before a particular position

$("#selectBox option:eq(3)").before("<option value='5'>Someapricots</option>");

22. Gettingvalues when item is selected

$("#selectBox").change(function(){

alert(!$(this).val());

alert(!$(this).children("option:selected").text());

});

'개발 > JQUERY' 카테고리의 다른 글

jQuery 좌표구하기 (0)	2017.03.17
ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize() (0)	2017.03.17
jquery 한글 영어 숫자 체크 (0)	2017.03.17
jquery datatable 컬럼 동적생성 (0)	2017.03.17
제이쿼리 stringbuffer (0)	2017.03.17

jquery 한글 영어 숫자 체크

2017. 3. 17. 15:04

<html>

<head>

$(document).ready(function(){

$("#input1").keyup(function(event){

if(event.keyCode !=8){

var result = "keycode="+ event.keyCode + " value="+ String.fromCharCode(event.keyCode);

var preHtml = $("#result").html();

$("#result").html(preHtml+ "<br />" +result);

}

if($(this).val() ==""){

$("#result").empty();

}

});

$("#onlyNumber").keyup(function(event){

if (!(event.keyCode >=37 && event.keyCode<=40)) {

var inputVal = $(this).val();

$(this).val(inputVal.replace(/[^0-9]/gi,''));

}

});

$("#onlyAlphabet").keyup(function(event){

if (!(event.keyCode >=37 && event.keyCode<=40)) {

var inputVal = $(this).val();

$(this).val(inputVal.replace(/[^a-z]/gi,''));

}

});

$("#notHangul").keyup(function(event){

if (!(event.keyCode >=37 && event.keyCode<=40)) {

var inputVal = $(this).val();

$(this).val(inputVal.replace(/[^a-z0-9]/gi,''));

}

});

$("#onlyHangul").keyup(function(event){

if (!(event.keyCode >=37 && event.keyCode<=40)) {

var inputVal = $(this).val();

$(this).val(inputVal.replace(/[a-z0-9]/gi,''));

}

});

</script>

</head>

<body>

숫자만: <input type="text" id="onlyNumber" /> <br />

영문만: <input type="text" id="onlyAlphabet" /> <br />

영문,숫자만:<input type="text" id="notHangul" /><br />

한글만:<input type="text" id="onlyHangul" /><br />

keyCode: <input type="text" id="input1" />

</div>

</body>

</html>

'개발 > JQUERY' 카테고리의 다른 글

ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize() (0)	2017.03.17
jquery 모음 (0)	2017.03.17
jquery datatable 컬럼 동적생성 (0)	2017.03.17
제이쿼리 stringbuffer (0)	2017.03.17
jquery datatable 테이블 (0)	2017.03.16

i18 support [javascript 한/영 변환]

2017. 3. 17. 09:19

common.js
$(document).ready(function (){
  $.i18n.init({
    resGetPath: '/locales/__lng__.json',
      load: 'unspecific',
      fallbackLng: false,
      lng: 'ko'
  }, function (t){
      $('#tabContainer').i18n();
      $('#side-menu').i18n();
      $('.navbar-top-links').i18n();
  });

  $('.set_en').on('click', function (){
      i18n.setLng('en', function(){
          $('#tabContainer').i18n();
          $('#side-menu').i18n();
          $('.navbar-top-links').i18n();

          $('.set_en').addClass('active');
          $('.set_ko').removeClass('active');
      });
  });

  $('.set_ko').on('click', function (){
      i18n.setLng('ko', function(){
          $('#tabContainer').i18n();
          $('#side-menu').i18n();
          $('.navbar-top-links').i18n();

          $('.set_ko').addClass('active');
          $('.set_en').removeClass('active');
      });
  });
});

resGetPath - json 이 있는 위치 경로만 맞춰주면 그안에 모든 json을 인식
괜히 저기다가 /locales/ko.json 쓰지 마시길.......
$('#tabContainer').i18n(); 이건 변환할 태그 ID
메뉴 이동시 호출해주면됩니다.
귀찮으면 body에 ID주고 그걸로 걸어버리는것도 방법
--------------------------------------------------------------------------------------
html
버튼추가
<div class="row" style="float:right; margin-right:50px;">
<a class="btn btn-white set_ko"> <img src="/img/South-Korea.png">KOR</a>
<a class="btn btn-white set_en"> <img src="/img/United-States.png">EN</a>
</div>

변경할 태그에 data-i18n="json지정이름"
<span class="nav-label" data-i18n="nav.prjtList">프로젝트현황</span>
<span class="nav-label" data-i18n="nav.prjtJoin">프로젝트생성</span>

<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/1.9.0/i18next.min.js" type="text/javascript"></script>

-------------------------------------------------------------------------------------
en.json
{
"app":{
      "name": "INSPINIA 2.4"
  },
  "nav":{
      "prjtManager": "project Manager",
      "prjtList": "project List",
      "prjtJoin": "project Join",
  },
  "prjt":{
      "prjtList": "project List",
      "prjtJoin": "project Join"
  }
}

ko.json
{
"app": {
      "name": "INSPINIA 2.4"
  },
  "nav": {
      "prjtManager": "프로젝트 관리",
      "prjtList": "프로젝트 현황",
      "prjtJoin": "프로젝트 생성"
  },
  "prjt":{
      "prjtList": "프로젝트 현황",
      "prjtJoin": "프로젝트 생성"
  }
}

json 만들어서 필요한 카테고리 구분하고 불러다 쓰시면 됩니다.

저도 오늘 겨우 성공한거라...

더 좋은 방법 있으시면 공유좀....ㅠ_ㅠ

'개발 > JAVASCRIPT' 카테고리의 다른 글

ActiveX 설치여부 확인하기 (0)	2017.03.17
자바스크립트 get방식 parameter값 꺼내기 (0)	2017.03.17
[자바스크립트] SNS공유하기 (0)	2017.03.17
JavaScript replace all 하기 (0)	2017.03.17
자바스크립트 hidden onchange 함수 (0)	2017.03.14

jquery datatable 컬럼 동적생성

2017. 3. 17. 09:17

$('#relativeTable').remove();
$('#relativeTable_wrapper').remove();
$("#frmB35").prepend('<table id="relativeTable" class="table table-striped table-bordered" cellspacing="0" width="100%"></table>');
var row = res.body.message.split("\n");
var thSize = $("#relativeTable thead tr th").size();
var wordSize = row[0].split("\t").length;
wordSize = Number(wordSize);
var wordArr = new Array();

for(var r=0; r<row.length-1; r++) {
  var col = row[r].split("\t");
  var word = new Array();
for(var c=0; c<col.length; c++) {
  word.push(col[c]);
}
  wordArr.push(word);
}
var thArr = new Array();
for ( var i=0; i<wordSize; i++ ) {
  var jsonTh = new Object();
  if ( i == 0 ) {
      jsonTh.title = "분류";
  } else if ( i == 1 ) {
      jsonTh.title = "Keyword Set";
  } else if ( i > 1 ) {
      console.log("test : ",row[0].split("\t")[i].split("/")[0]);
  if ( row[0].split("\t")[i].split("/")[0] != "") {
      jsonTh.title = row[0].split("\t")[i].split("/")[0];
  } else {
      jsonTh.title = "빈도수"+i;
  }
}

  thArr.push(jsonTh);
}
console.log("thArr : ",thArr);
$('#relativeTable').DataTable({
  data: wordArr,
  destroy: true,
  columns: thArr
});
$("#relativeTable_filter").css("margin-right","70px");

jquery datatable 동적으로 생성하는 방법입니다.
조금 조잡하죠???
아무리 찾아도 방법이 없어서 어쩔수 없이 table과 wrapper를 remove하고 다시 그렸습니다.

좋은방법 있으시면 댓글좀......컬럼이 동적으로 변하면 기존게
계속남아있어서...remove 를 하지 않고는 방법이 없네요....

여기에 넘어오는 데이터는 형식은
1번 검색
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5

2번 검색
컬럼1 컬럼2 컬럼3 컬럼4
컬럼1 컬럼2 컬럼3 컬럼4

이런식으로 컬럼이 동적으로 넘어오고 tab \n 형식으로
넘어와서 잘라서 arry형식으로 받아서 데이터를 넘겼습니다.

힘드네요....ㅠ_ㅠ

'개발 > JQUERY' 카테고리의 다른 글

jquery 모음 (0)	2017.03.17
jquery 한글 영어 숫자 체크 (0)	2017.03.17
제이쿼리 stringbuffer (0)	2017.03.17
jquery datatable 테이블 (0)	2017.03.16
제이쿼리(Jquery) 파라메터 가져오기 (0)	2017.03.15

제이쿼리 stringbuffer

2017. 3. 17. 09:16

if ('undefined' != typeof(StringBuffer)) {
StringBuffer = {};
}

StringBuffer = function(str) {
this._aString = [];
if ('undefined' != typeof(str)) {
  this.append(str);
}
};

StringBuffer.prototype.append = function(str) {
this._aString.push(str);
return this;
};

StringBuffer.prototype.toString = function() {
return this._aString.join('');
};

StringBuffer.prototype.setLength = function(nLen) {
if('undefined' == typeof(nLen) || 0 >= nLen) {
   this._aString.length = 0;
} else {
   this._aString.length = nLen;
}
};

'개발 > JQUERY' 카테고리의 다른 글

jquery 한글 영어 숫자 체크 (0)	2017.03.17
jquery datatable 컬럼 동적생성 (0)	2017.03.17
jquery datatable 테이블 (0)	2017.03.16
제이쿼리(Jquery) 파라메터 가져오기 (0)	2017.03.15
Jquery 한글 영어 체크하기 (0)	2017.03.13

jquery datatable 테이블

2017. 3. 16. 10:16

'개발 > JQUERY' 카테고리의 다른 글

jquery 한글 영어 숫자 체크 (0)	2017.03.17
jquery datatable 컬럼 동적생성 (0)	2017.03.17
제이쿼리 stringbuffer (0)	2017.03.17
제이쿼리(Jquery) 파라메터 가져오기 (0)	2017.03.15
Jquery 한글 영어 체크하기 (0)	2017.03.13

PREV 1 ···8 9 10 11 12 NEXT

Just Java

전체

ajax 통싱할때 form jquery로 한꺼번에 넘기기[serialize()

'개발 > JQUERY' 카테고리의 다른 글

자바스크립트 get방식 parameter값 꺼내기

'개발 > JAVASCRIPT' 카테고리의 다른 글

[자바스크립트] SNS공유하기

'개발 > JAVASCRIPT' 카테고리의 다른 글

JavaScript replace all 하기

'개발 > JAVASCRIPT' 카테고리의 다른 글

jquery 모음

'개발 > JQUERY' 카테고리의 다른 글

jquery 한글 영어 숫자 체크

'개발 > JQUERY' 카테고리의 다른 글

i18 support [javascript 한/영 변환]

'개발 > JAVASCRIPT' 카테고리의 다른 글

jquery datatable 컬럼 동적생성

'개발 > JQUERY' 카테고리의 다른 글

제이쿼리 stringbuffer

'개발 > JQUERY' 카테고리의 다른 글

jquery datatable 테이블

'개발 > JQUERY' 카테고리의 다른 글

+ Recent posts

티스토리툴바