CSS 설정으로 붙어있는 드래그 가능한 패널

나는 내 첫 ASP.net/HTML/CSS 응용 프로그램에서 놀고 있습니다.CSS 설정으로 붙어있는 드래그 가능한 패널

나는 드래그 할 수있는 패널이 필요하고 Ajax-Control-Toolkit을 사용했다.이 패널은 잘 작동하며 지금까지 한 패널 만 사용하고있다.

그것은 다음과 같습니다

가 지금은 부모 - 용기 "DIV"-containers로 패널에 맞게 원하는, 당신은 국경 (왼쪽, TOP, BOTTOM)와, 백그라운드에서 그들을 볼 수 있습니다. 나는 아이들 패널에 대한 그 CSS-설정을 사용했습니다 :이처럼 사용할 때

.dragpanel-left { 
    top:0px; 
    left:0px; 

    width: 50%; 
    height: 50%; 
}

문제는,이 element.style {}, 덮어 도착한다 나는 !important하지만 패널을 사용하려 크기를 조정하거나 이동할 수 없습니다.

이 아이디어를 어떻게 해결할 수 있습니까? 한 번 "중요한 태그 사용"태그가 있거나 사이트가 만들어 질 때 패널이 부모에 배치 된 후 자유롭게 이동할 수 있습니까?

출처

2017-10-24 Zesa Rex

요소 스타일이 css hierarchy보다 높으면 런타임에 대체해야한다는 의미입니다 (또는 css를 의미하도록 설정하지 않았 음).

는

출처

2017-10-24 10:03:02 FrontTheMachine

내가 element.style 다음 찾을 수있는 요소 스타일을 manipulat하는 등 js 및 dragstart, dragend 같은 이벤트를 사용하는 방법에 대한 생각? 내 CSS 시트에 없습니다. –

'javascript' 또는'javascript events'를 사용하지 않았다면이 https://www.w3schools.com/js/js_events.asp를 살펴본 다음 asp 페이지 https://msdn.microsoft. co.kr/ko-kr/library/aa479011.aspx, 약간의 연구가 필요합니다. – FrontTheMachine

예 .. 글쎄요, Java는 꽤 잘 알고 있고 Vaadin-Framework를 사용했지만 ASP를 사용해야 만합니다. net과 저는 HTML과 JS를 사용하여 이와 같은 웹 사이트를 구축 한 경험이 없습니다. :피 –

CSS 설정으로 붙어있는 드래그 가능한 패널

답변

관련 문제