JavaScript&Platform/JavaScript2013. 9. 6. 10:44

[Javascript] 자리수 지정한 만큼 반올림 구현 Excel round

Javascript 로 Excel round 비슷하게 구현 ( 엑셀과 똑같진 않다. )

Excel round 와 비슷하게 자리수 지정 한 만큼 반올림 해 준다.


var roundXL = function (num, digits) {
   digits = Math.pow(10, digits);
   return Math.round(num * digits) / digits;
};

// 예 가 잘못 되어 있었네요 수정 합니다.

roundXL(123456, 2);

roundXL(123456, -2);

결과 ( 2자리 기준으로 반올림 )

123500

roundXL(1234.1234 , 2);

결과 ( 소수점 2자리 기준으로 반올림 )

1234.12

'JavaScript&Platform > JavaScript' 카테고리의 다른 글

[ES6] 화살표 함수 allow function  (0) 2021.06.25
[JavaScript] object 유무 체크 undefined null typeof  (0) 2013.09.12
Posted by 비니미니파
JavaScript&Platform/jQuery2013. 4. 8. 10:52

[jQuery] jquery ajax

// ajax 를 이용한 처리
function memo_ajax()
{
      var memo=$("#memo").val();

 var url="memo_ok.php";
 var params="memo="+memo;

 $.ajax({
  type:"POST",
  url:url,
  data:params,
  success:function(txt){
   $("#memo").text(txt);
  },
  error:function(e){
   alert(e.responseText);
  }
 });

}

'JavaScript&Platform > jQuery' 카테고리의 다른 글

[jQuery] table row 홀수, 짝수 배경색 지정하기  (0) 2014.12.12
[jQuery] 숫자 자동 증가 animation  (0) 2014.12.11
[jQuery]브라우저 리사이즈 시 이미지 자동 리사이즈...  (0) 2013.01.18
[jQuery] 버튼 + 이미지쇼  (0) 2013.01.17
[jQuery] Adipoli jQuery Image Hover Plugin  (0) 2012.11.22
Posted by 비니미니파
JavaScript&Platform/jQuery2013. 1. 18. 13:35

[jQuery]브라우저 리사이즈 시 이미지 자동 리사이즈...

대충 만듬....

<!DOCTYPE>
<HTML>
 <HEAD>
  <TITLE> Div Resize </TITLE>

<script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>


<style>
div { border : 1px solid #ccc }

#row1 div {
 position: absolute;
}
#row2 div {
 position: absolute;
}

</style>


<script>

$(window).load(function(){ 
 setSize();

});


$(window).resize(function(){ 
 setSize();
});

function setSize() {
 var cellLeft = null;
 var rowHeight = null;
 var rowTop = 0;
    var rowWidth = $('#row1').innerWidth();

 var rowNum = $("#wrapper").children().length;
 var divNum = $("#row1").children().length;

 for ( r = 1; r <= rowNum ; r++ )
 {

  cellLeft = 0;

  $('#row'+r+' .quarter').css({'width':rowWidth/4} ); 
  $('#row'+r+' .half').css({'width':rowWidth/2} );

  for ( i = 1; i <= divNum ; i++ )
  {
   cellWidth = $('#row'+r+' .cell' + i).width();

   $('#row'+r+' .cell'+i).css({left:cellLeft, top: rowTop});

   cellLeft += cellWidth;
  }

  rowHeight = $('#row'+r+' .cell1').height();

  rowTop += rowHeight;

 }
}

</script>

 </HEAD>

 <BODY id ="body">
<div id="wrapper">
 <div id="row1">
  <div class="cell1 quarter">
   <img class="quarter" src="11.jpg">
  </div>
  <div class="cell2 quarter">
   <img class="quarter" src="22.jpg">
  </div>
  <div class="cell3 half">
   <img class="half" src="33.jpg">
  </div>
 </div>
 <div id="row2">
  <div class="cell1 quarter">
   <img class="quarter" src="11.jpg">
  </div>
  <div class="cell2 half">
   <img class="half" src="33.jpg">
  </div>
  <div class="cell3 quarter">
   <img class="quarter" src="22.jpg">
  </div>
 </div>

</div>
 
 
 </BODY>
</HTML>

 

'JavaScript&Platform > jQuery' 카테고리의 다른 글

[jQuery] table row 홀수, 짝수 배경색 지정하기  (0) 2014.12.12
[jQuery] 숫자 자동 증가 animation  (0) 2014.12.11
[jQuery] jquery ajax  (0) 2013.04.08
[jQuery] 버튼 + 이미지쇼  (0) 2013.01.17
[jQuery] Adipoli jQuery Image Hover Plugin  (0) 2012.11.22
Posted by 비니미니파
JavaScript&Platform/jQuery2013. 1. 17. 17:50

[jQuery] 버튼 + 이미지쇼

<script>

$(function(){

 var tabOjb = null;
 var mapObj = null;

 // 탭 li 클릭 시
 $("#tabmenu li").click(function(){
  
  for ( var i=1; i < 5 ; i++ )
  {
   tabOjb = "#tab" + i;   

   var className = $(tabOjb).attr("class"); // object class name

   if ( className == "on" )  // class 가 on 일 경우 만
   {
    $(tabOjb).removeClass("on");
    $("#map"+i).fadeOut(1000);
   }  

   if ( tabOjb == "#"+this.id ) // tab 클릭 시
   {
    $(tabOjb).addClass("on");
    $("#map"+i).fadeIn(1000);
   }
  }
 });
});

</script>

'JavaScript&Platform > jQuery' 카테고리의 다른 글

[jQuery] table row 홀수, 짝수 배경색 지정하기  (0) 2014.12.12
[jQuery] 숫자 자동 증가 animation  (0) 2014.12.11
[jQuery] jquery ajax  (0) 2013.04.08
[jQuery]브라우저 리사이즈 시 이미지 자동 리사이즈...  (0) 2013.01.18
[jQuery] Adipoli jQuery Image Hover Plugin  (0) 2012.11.22
Posted by 비니미니파
JavaScript&Platform/jQuery2012. 11. 22. 15:24

[jQuery] Adipoli jQuery Image Hover Plugin

이미지 호버 시 밝아지는 이펙트... ^^ 좋네요...

Adipoli jQuery Image Hover Plugin

http://jobyj.in/adipoli/

 

'JavaScript&Platform > jQuery' 카테고리의 다른 글

[jQuery] table row 홀수, 짝수 배경색 지정하기  (0) 2014.12.12
[jQuery] 숫자 자동 증가 animation  (0) 2014.12.11
[jQuery] jquery ajax  (0) 2013.04.08
[jQuery]브라우저 리사이즈 시 이미지 자동 리사이즈...  (0) 2013.01.18
[jQuery] 버튼 + 이미지쇼  (0) 2013.01.17
Posted by 비니미니파
JavaScript&Platform/jqGrid2012. 11. 19. 17:10

[Jqgrid] 멀티헤더 설정

 // Multi Header
 jQuery("#list1").jqGrid('setGroupHeaders', {
   useColSpanStyle: false,
   groupHeaders:[
  {startColumnName: 'COL1', numberOfColumns: 3, titleText: '<em>헤더1</em>'},
  {startColumnName: 'COL4', numberOfColumns: 4, titleText: '<em>헤더2</em>'}
   ]
 });

 

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 하단 버튼 사용자 지정 하기  (0) 2012.11.19
[jqGrid]custom button 을 만들자  (0) 2012.11.19
Posted by 비니미니파
JavaScript&Platform/jqGrid2012. 11. 19. 13:24

[Jqgrid] 하단 버튼 사용자 지정 하기

 //Pager
 jQuery("#list1").jqGrid('navGrid','#pager1',
  {edit:false,add:false,del:false,search:false,refresh:false}
 )
 //Custom buttons
 .navButtonAdd('#pager1',{
  caption:"",
  title:"Search",
  buttonicon:"ui-icon-search",
  onClickButton: function(){
   $('#searchBox').show();
   $('#searchBox').draggable();
  },
  position:"last"
  })
 .navButtonAdd('#pager1',{
  caption:"",
  title:"Refresh",
  buttonicon:"ui-icon-refresh",
  onClickButton: function(){
   jQuery("#list1").jqGrid('setGridParam',{url:"testlist.php",page:1}).trigger("reloadGrid");
  },
  position:"last"
  });
});

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 멀티헤더 설정  (0) 2012.11.19
[jqGrid]custom button 을 만들자  (0) 2012.11.19
Posted by 비니미니파
JavaScript&Platform/jqGrid2012. 11. 19. 11:46

[jqGrid]custom button 을 만들자

  colModel:[
   --- 생략  --
    {name:'IDX', index:'IDX', width:80, align:"center", formatter: delButton }
  ],

 // 버튼 생성
 function delButton (cellvalue, options, rowObject) {
   return '<input type="button" onclick="delete('+cellvalue+')" value="DEL"/>';
 };

Jqgrid 는 컬럼에 값이 있어야 내용이 나타난다. 컬럼 빈값으로 버튼을 아무리 정의해도 나타나질 않는다.

삽질 하지 말자.

'JavaScript&Platform > jqGrid' 카테고리의 다른 글

[Jqgrid] 멀티헤더 설정  (0) 2012.11.19
[Jqgrid] 하단 버튼 사용자 지정 하기  (0) 2012.11.19
Posted by 비니미니파

티스토리툴바