div

    드래그 드랍(Drag and Drop) 으로 개체의 정보 다루기

    http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/overview/DataTransferOverviewEX.htm 드래그 드랍 이벤트에 따라 개체에 데이터를 담아 처리할수 있는 DHTML 예제입니다. 쇼핑몰의 쇼핑카트 등에 이용할 방향이 크네요. 소스 내용은 직접 위 링크를 참조하셔서 확인해 주셔야 할 것 같습니다.

    innerHTML 을 사용할 때 속도를 위한 주의사항

    당연히 알고 있을 내용이지만.. 아래 소스를 일단 분석해보면 1. 첫번째 붉은 코드는 div테그의 innerHTML에 직접 문자열을 추가해 나가고있고, 2. 두번째 붉은 코드는 먼저 문자열을 변수에 더해 담고, 전부 완료된 후 한번에 innerHTML에 넣고 있다. innerHTML은 화면에 표시되는 브라우져 출력 버퍼에 내용이 보내지게 되는 Property(속성) 값이라 I/O 처리가 들어가게된다. 때문에 메모리에서 처리한 후 단 한번의 브라우져 출력 버퍼로 I/O를 수행하는 2번째 코드가 훨씬 빠른 성능을 낼 수 있다. 그러므로 반복구문(for, while)에 innerHTML에 값을 넣는 실수는 하지 않도록 하자. 예제 page. http://samples.msdn.microsoft.com/work..

    DIV를 이용해 가운데 정렬

    DIV를 이용해 가운데 정렬

    http://flumpcakes.co.uk/css/center-div-ie div 테그를 이용해 표시되는 박스 형태의 레이아웃을 화면 가운데로 정렬하고 싶어하는 경우가 있습니다. 이럴때 대부분 table 테그에서 align=center를 많이 써 보셨기 때문에 text-align:center 를 사용하시는 경우가 많은데요. 이럴때는 다음과 같이 margin:0 auto; 를 사용하셔야 제대로 표현할 수 있습니다. 다음 사이트를 확인해보시면 보실 수 있습니다. http://flumpcakes.co.uk/css/center-div-ie