'컴퓨터 프로그래밍/자바스크립트 장난'에 해당되는 글 5건

  1. 2012/01/11 jquery datepicker IE8 스크롤 문제 해결방법
  2. 2011/08/03 jQuery 연습2 - 계산기
  3. 2011/08/01 jQuery 연습1
  4. 2009/04/20 자바스크립트! 2 (1)
  5. 2009/04/03 자바스크립트!
IE8에서 화면에 스크롤바가 생겼을 때 스크롤 이동 후 datepicker가 안뜨는 버그에 대한 해결 방법이다.

jquery-ui.xxxxx.min.js 를 편집한다.

(document.documentElement.scrollLeft|document.body.scrollLeft)
=> document.body.scrollLeft

(document.documentElement.scrollTop|document.body.scrollTop)
=> document.body.scrollTop

document.documentElement.clientWidth
=> (document.body.clientWidth|document.documentElement.clientWidth)

document.documentElement.clientHeight

=> (document.body.clientHeight|document.documentElement.clientHeight)

d(document).scrollLeft
=> document.body.scrollLeft

d(document).scrollTop
=> document.body.scrollTop

이렇게 바꾸면 IE8, 크롬 에서 잘 작동한다.
FF나 IE 다른 버전에선 테스트 안해봄. 

'컴퓨터 프로그래밍 > 자바스크립트 장난' 카테고리의 다른 글

jquery datepicker IE8 스크롤 문제 해결방법  (0) 2012/01/11
jQuery 연습2 - 계산기  (0) 2011/08/03
jQuery 연습1  (0) 2011/08/01
자바스크립트! 2  (1) 2009/04/20
Posted by orange code


<style type="text/css">
.mybtn {
width: 50px;
height: 30px;
border: 1px solid #9A9A9A;
background-color: #515151;
color: #9A9A9A;
vertical-align: middle;
position: relative;
cursor: pointer;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#cal_reset").click(function(event) {
event.preventDefault();
$("#cal_content").html("");
var i = 0;
for (i = 0; i <= 9; i++) {
if (i == 0 || (i % 3) == 1) {
$("#cal_content").prepend("<div id='calrow'></div>");
}
$("#cal_content #calrow:first-child").append("<input type='button' class='mybtn' id='number' value='" + i + "'></input>");
}
var oper = "+-*/=";
$("#cal_content").append("<div id='calrow'></div>");
for (i = 0; i < oper.length; i++) {
$("#cal_content #calrow:last-child").append("<input type='button' class='mybtn' id='number' value='" + oper.substr(i, 1) + "'></input>");
}
$("#cal_content").append("<div id='calrow'></div>");
$("#cal_content #calrow:last-child").append("<div id='expr'></div>");
$("#cal_content #calrow").each(function() {
$(this).children().each(function() {
$(this).hide();
});
$(this).hide();
});
$("#cal_content #calrow:first-child").slideDown(200, function() {
$(this).children().first().slideDown(100, function() {
$(this).next("#number").slideDown(100, arguments.callee);
});
$(this).next("#calrow").slideDown(200, arguments.callee);
});
$("#cal_content input[id='number']").click(function(event) {
event.preventDefault();
$(this).animate({ opacity: 0 }, 100, function() {
$(this).animate({ opacity: 1 }, 100);
});
if (this.value == '=') {
$("#expr").text(eval($("#expr").text()));
} else {
$("#expr").text($("#expr").text() + this.value);
}
});
});
$("#cal_reset").click();
});
</script>
<input type='button' id='cal_reset' class='mybtn' value='reset'></input>
<div id="cal_content"></div>

'컴퓨터 프로그래밍 > 자바스크립트 장난' 카테고리의 다른 글

jquery datepicker IE8 스크롤 문제 해결방법  (0) 2012/01/11
jQuery 연습2 - 계산기  (0) 2011/08/03
jQuery 연습1  (0) 2011/08/01
자바스크립트! 2  (1) 2009/04/20
Posted by orange code
1st, 2nd 부분, 그리고 reset 버튼을 눌러보세요.


1st 2nd
1st abc def
2nd ghi jkl
3rd abc def
4th ghi jkl


<style>
table.testTable {
border-collapse: collapse;
}
table.testTable td, tr {
border: 1px solid black;
padding: 5px;
}
</style>
<button id="resetbtn1">Reset</button>
<table class="testTable">
<tbody><tr>
<td></td>
<td id="vsel">1st</td>
<td id="vsel">2nd</td>
</tr>
<tr>
<td id="hsel">1st</td>
<td>abc</td>
<td>def</td>
</tr>
<tr>
<td id="hsel">2nd</td>
<td>ghi</td>
<td>jkl</td>
</tr>
<tr>
<td id="hsel">3rd</td>
<td>abc</td>
<td>def</td>
</tr>
<tr>
<td id="hsel">4th</td>
<td>ghi</td>
<td>jkl</td>
</tr>
</tbody></table>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $("#resetbtn1").click(function () {
    $("table.testTable tr,td").hide("fast");
    $("table.testTable").hide("fast");
    $("table.testTable").show("fast");
    $("table.testTable tr,td").show("fast");
    });
    $("td[id='hsel']").click(function () {
    $(this).parent().hide("fast");
    });
    $("td[id='vsel']").click(function () {
    $("td:nth-child(" +  (this.cellIndex + 1) + ")").hide("fast");
    });
    </script> 

'컴퓨터 프로그래밍 > 자바스크립트 장난' 카테고리의 다른 글

jQuery 연습2 - 계산기  (0) 2011/08/03
jQuery 연습1  (0) 2011/08/01
자바스크립트! 2  (1) 2009/04/20
자바스크립트!  (0) 2009/04/03
Posted by orange code
로또~


자바스크립트는 익숙치않아...

<span id="LOTTO"></span>
<script type="text/javascript">
var v = new Array();
while (v.length < 6) {
var n = (Math.floor(Math.random() * 45) + 1);
var b = true;
for (i = 0; i < v.length; i++) if (v[i] == n) b = false;
if (b) v.push(n);
} LOTTO.innerHTML = v.sort(function(a, b) {return eval(a)-eval(b);}).join(", ");
</script>

'컴퓨터 프로그래밍 > 자바스크립트 장난' 카테고리의 다른 글

jQuery 연습2 - 계산기  (0) 2011/08/03
jQuery 연습1  (0) 2011/08/01
자바스크립트! 2  (1) 2009/04/20
자바스크립트!  (0) 2009/04/03
Posted by orange code
머리는?

'컴퓨터 프로그래밍 > 자바스크립트 장난' 카테고리의 다른 글

jQuery 연습2 - 계산기  (0) 2011/08/03
jQuery 연습1  (0) 2011/08/01
자바스크립트! 2  (1) 2009/04/20
자바스크립트!  (0) 2009/04/03
Posted by orange code