데이터베이스에 50 개가 넘는 간단한 텍스트 메시지가 있으며이를 PHP로 추출하고 절대 위치 지정을 사용하여 페이지에 무작위로 배치합니다. 불행히도 이러한 메시지 중 일부는 서로 겹쳐서 방지하려고합니다.Mootools를 사용하여 임의의 절대 위치 지정과 겹치는 것을 방지합니다.
페이지에 배치 할 새 요소가 이전 요소와 겹치지 않도록 MooTools를 사용하여 각 요소의 위치와 치수를 찾을 수 있습니까?
모든 핵심 기능이있는 MooTools 1.3 사용하기.
요소의 좌표와 치수를 얻으려면 Element.getCoordinates()을보십시오.
마크 업에서 선택을 위해 각 메시지 요소에 클래스 (예 : message)가있을 수 있으며 모든 메시지에 CSS visibility: hidden을 설정하는 클래스 이 있습니다.
domready에서 간단한 경계 감지를 사용하면 중복되는 메시지를 감지 할 수 있고 중복을 피하면 hidden 클래스를 제거하여 페이지에 메시지를 그릴 수 있습니다.
나는 "손님"이라고 물었 기 때문에이 질문에 대해 의견을 말할 수 없습니다. 이제 등록되었습니다.
내 HTML/CSS는 매우 간단합니다. http://jsfiddle.net/bDDLt/
PHP는 위치와 스타일에 대한 계산을 수행하고 이러한 변수를 요소 스타일에 배치합니다. jsfiddle의 값은 예제입니다 (PHP를 사용할 수 없으므로)
어떻게 경계 검출을하고 중복을 피할 수 있습니까? 겹침을 방지하기 위해 위치를 변경 한 후에 메시지를 볼 수있게하려는 아이디어를 좋아합니다. – Jazza
지금까지 가지고있는 HTML과 CSS를 보여줄 수 있습니까? jsfiddle.net을 사용하여 코드를 수정할 수 있습니다. – nedk