- Pragmatic Programmer
카테고리 : 주접 2008/08/25 17:15 - 실용주의 프로그래머!!
매년 새로운 언어를 하나를 배워라~
하나를 제대로 배워 응용하기도 힘든데... 과연 그렇게 될수 있을까?
생각해보면 여러가지 언어에 눈을 돌려보기도 많이 한 것 같다... 제대로 습득을 하지 못해 탈이지만..ㅋ
1년에 하나씩은 습득하진 못하더라도 언어를 선정해서 다시 도전해봐야겠다..
자바, 파이썬, 루비, 얼랭 등등...
신년도 아닌데 목표세우고 다짐하니 좀 우습군.. - 실용주의프로그래머
- anotherDay (webprog)
- 냅둬유..,,
- + 친구추가
전체(61) | 목록열기
- 다중검색 필드 제어하기
카테고리 : 자바스크립트 2008/08/01 10:45 - 여러개의 필드를 조합해서 검색할때 사용되어 질수 있을것 같은데요
체크박스를 이용해서 검색할 필드를 선택하면 검색어 입력창이 활성화 되는 형태입니다..
Prototype.js 기반의 스크립트로 작성되어졌습니다.
[Demo]
function chkboxInit()
{
var chkBox = $$('input');
chkBox.each(function(node, index){
if(node.type == 'checkbox')
{
node.onclick = function(){
var applynode = node.id.split(':');
var noderange='';
if(applynode[2])
{
noderange = applynode[2].split(',');
}
if(node.checked){
if(noderange.length){
$(applynode[1]+noderange[0]).disabled = false;
$(applynode[1]+noderange[0]).focus();
$(applynode[1]+noderange[1]).disabled = false;
} else {
$(applynode[1]).disabled = false;
$(applynode[1]).focus();
}
} else {
if(noderange.length){
$(applynode[1]+noderange[0]).disabled = true;
$(applynode[1]+noderange[1]).disabled = true;
} else {
$(applynode[1]).disabled = true;
}
}
}
}
});
}
- 다중필드검색, javascript
- DOM DocumentFragment Node Insertion Performance
카테고리 : 자바스크립트 2008/07/24 16:05 - 설명이 필요없을것 같다... 바로 코드로~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
div {width:500px; height:30px; border:1px solid red;}
</style>
</head>
<body>
</body>
<script language="JavaScript">
<!--
var elems = [
//document.createElement("hr"),
text( document.createElement("b"), "Links:" ),
document.createTextNode(" "),
text( document.createElement("a"), "Link A" ),
document.createTextNode(" | "),
text( document.createElement("a"), "Link B" ),
document.createTextNode(" | "),
text( document.createElement("a"), "Link C" )
];
function text(node, txt){
node.appendChild( document.createTextNode(txt) );
return node;
}
var fragmentN = document.createDocumentFragment();
var body = document.getElementsByTagName('body')[0];
var d = document.createElement('div');
//생성할 노드의 개수
var nodeLength = 500;
for(var i =0; i<nodeLength;i++)
{
fragmentN.appendChild(d);
}
for(var i=0;i<nodeLength;i++)
{
body.appendChild(fragmentN.cloneNode(true));
}
var div = document.getElementsByTagName("div");
function doma()
{
for ( var i = 0; i < div.length; i++ ) {
for ( var e = 0; e < elems.length; e++ ) {
div[i].appendChild( elems[e].cloneNode(true) );
}
}
}
function domb()
{
var fragment = document.createDocumentFragment();
for ( var e = 0; e < elems.length; e++ ) {
fragment.appendChild( elems[e] );
}
for ( var i = 0; i < div.length; i++ ) {
div[i].appendChild( fragment.cloneNode(true) );
}
}
var doma_start = '';
var doma_end = '';
var domb_start = '';
var domb_end = '';
// doma를 실행했을때와 domb를 실행했을때의 속도의 차이를 느껴보시라..
/*
doma_start = new Date();
doma();
doma_end = new Date();
alert(doma_end.getTime() - doma_start.getTime());
*/
domb_start = new Date();
domb();
domb_end = new Date();
alert(domb_end.getTime() - domb_start.getTime());
//-->
</script>
</html>
- dom, documentfragment, performance
- cssvista - IE와 FF 동시에 CSS편집
카테고리 : CSS 2008/05/15 11:37 - cssvista, css편집, crossbrowsing
- javascript+xml 로 ppt만들기
카테고리 : 자바스크립트 2008/05/14 10:51 - 일단 스크린샷이다...
아직 기본 기능만 구현을 해서 기본적인 페이지 이동밖에 안된다. 약간의 애니메이션 기능을 넣긴 했지만 더 많이 다듬어야 겠다.
샘플 미리보기
ToDo
- xml 데이터를 편하게 추가할 수 있는 에디터가 필요하다.
- 페이지내의 스크립트(애니메이션기능) 기능이 다양하게 필요하다.
- 데스크탑의 프리젠테이션 파일을 변환하는 기능이 추가된다면 ... - javascript, xml, ppt