2012-05-28 6 views
0

도구 모음 (또는 몇 가지 종류의 저장 상자)에서 이미지를 가져올 수있는 아주 기본적인 온라인 응용 프로그램을 만들고 드래그 앤 드롭하여 캔버스에. 나는 웹 개발에 익숙하지 않지만 드래그 앤 드롭하는 법을 알고 있으며 툴바를 만들고 이미지를 넣는 방법을 찾고 있습니다. 이상적으로는 스크롤바가있는 상자가 필요합니다.웹 응용 프로그램 용 도구 모음 만들기

이것은 매우 간단한 문제로 보입니다. 어떤 도움을 많이 주시면 감사하겠습니다!

답변

0

다음은 HTML5의 드래그 & 드롭의 사용으로 아주 좋은 및 간단한 예제입니다 :

http://html5demos.com/drag

가 (이 데모에서와 같이) 링크를 드래그 쉽게 것을 조심하지만 드래그 할 수 없습니다 IE9에서 링크 내부에없는 이미지.

완전히 다른 브라우저 솔루션을 원한다면 이전 솔루션으로 되돌려 야합니다 (마우스를 아래로 이동하고 위로 이동하여 개체의 위치를 ​​설정해야 함).

+0

목록이 아닌 이미지를 보관할 수있는 도구 모음 또는 스크롤 막대 상자를 만드는 방법을 알려주시겠습니까? – mayaPapaya

+0

개체를 수평으로 정렬하면됩니다. 하지만 어쩌면 당신은 먼저 HTML + CSS 튜토리얼을 찾아야할까요? 아마 http://www.html.net/tutorials/css/ 또는 http://www.htmldog.com/guides/cssbeginner/ –

+0

좋아요, 그렇다면 상자에 넣을 방법이 없다는 말입니까? 내가 자바 스크립트를 쓰지 않는 한 스크롤바? – mayaPapaya

0

당신이 말하는 경우 & 드래그 앤 드롭 알고 그냥 스크롤 막대와 상자가 다음이를 확인하려면 : 내가 발견 결국 가장 간단한 방법은 CSS의 DIV에

overflow: scroll; 

관련 문제