Tag Archives: jquery

가변폭 레이아웃에서 float clear시키기

높이가 다른 float된 엘리먼트만으로 이루어진 가변폭 레이아웃에서 윈도우 사이즈에 따라 다이나믹하게 이를 clear시켜주는 방법.

Variable height liquid float galleries with JQuery and Prototype

구글 이미지검색결과의 경우도 이와 비슷한 효과이긴 한데 테이블로 되어있어서 윈도우 사이즈가 변하면 서로 다른 tr로 td가 이동하게 되어있다.

jquery friendfeed widget

friendfeed를 embed할때 friendfeed에서 제공하는 방식은 너무 무겁고 코드가 번잡해서 사용자화하려면 상당히 번거롭다. 그러다 발견한 방식이 friendfeedbadge인데 friendfeed api를 호출해서 다이렉트로 뿌려주기때문에 상당히 가볍고 사용자화도 간편했다.

그런데 이스크립트는 타임존을 처리하는부분에서 문제가 있기에 이부분을 수정하려다가 아예 jquery용으로 다시 만들어보았다.

Continue reading

jquery 1.3.2 호환성문제

얼마전에 jquery가 1.3으로 업데이트된후 현재 1.3.2버젼까지 나와있는데 여러가지부분에서 속도향상이 있기에 새로운 프로젝트에 적용해서 사용하고 있었다.

그런데 작업후반 호환성테스트를 하면서 opera, ie8 rc1에서 렌더링문제가 있는것을 발견했다.

오페라에선 .load()를 이용한 페이지로딩시 제대로 작동하지 않고, 대부분의 페이지에서 빈페이지로 렌더링이 되어버렸으며, ie8 rc1에선 margin이 적용이 안된것처럼 렌더링이 되는 경우가 발생했다. 이경우 마우스로 그부분을 드래그해서 선택해주면 제대로 렌더링이 되기는 한다.

현재 버그리포팅이되어있기는 하지만 뚜렷한 원인이 밝혀지지 않은듯하여 수정에는 조금 시간이 걸릴것으로 보이기때문에 당분간은 1.2.6버젼을 사용하는게 좋을것이다.