CSS設定で貼り付けられるドラッグ可能パネル

私は最初のASP.net/HTML/CSSアプリケーションで遊んでいます。CSS設定で貼り付けられるドラッグ可能パネル

私はドラッグ可能なパネルが必要で、Ajax-Control-Toolkitを使用しました。これはうまく動作し、これまでのところ1つのパネルしか使用していません！

それは次のようになります。

今、私はあなたが国境（LEFT、TOP、BOTTOM）と、バックグラウンドでそれらを見ることができ、その親コンテナ「DIV」-containersにパネルに合うようにしたいです。私の子供たち-パネル用のものをCSS-設定を使用しています

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

    width: 50%; 
    height: 50%; 
}

問題は、私はこのようにそれを使用するとき、それは私が!importantを使用しようとしたelement.style {}、によって上書きされ、ですが、パネルサイズ変更や移動はできません。

どのようにこの問題を解決するためのアイデアですか？サイトの構築時にパネルが親に配置された後、自由に動かすことができるように、「一度重要なタグを使用する」タグがありますか？

出典

2017-10-24 Zesa Rex

要素スタイルはcss hierarchyで高くなります。実行時に置き換える必要があります（つまり、CSSを意味するように設定しないでください）。

は、dragstartようjsやイベントを使用して考えるdragendなどの要素のスタイル私はelement.styleその後、見つけることができます

出典

2017-10-24 10:03:02 FrontTheMachine

をmanipulatしますか？私のCSSシートにはありません。 –

'javascript'や' javascript events'を使ったことがないなら、このhttps://www.w3schools.com/js/js_events.aspを見てから、aspページhttps://msdn.microsoftに統合してください。 com/en-us/library/aa479011.aspx、あなたは少しの研究が必要です： – FrontTheMachine

ええええええええええ、Javaはかなり良く、Vaadin-Frameworkを使っていましたが、ASPを使用することを余儀なくされています。ネットと私はこのようなHTMLやJSを使ってウェブサイトを構築する経験はありません。：p –

CSS設定で貼り付けられるドラッグ可能パネル

答えて

関連する問題