1

ASP、VB、Javascript を使用した Web アプリケーションがあります。その中に、アイテムにコメントできるアイテムのテーブルがあります。コメント コードは、いくつかのコントロール (いくつかのテキスト ボックスといくつかのボタン) を含む div を使用して実装されます。

最近、 http: //www.brainjar.com の Mike Hall の汎用ドラッグ スクリプトを使用して、基本的なドラッグ機能を div に追加しました。意図は、ページ上の他のテキストの邪魔にならないようにコメント div を移動できるようにすることです。

問題は、テキスト ボックスがクリック イベントをキャプチャできないことです。コメントは不可です。div の 2 つのボタンは正常に動作しているようです。

私はしばらくの間インターネットをトロールしており、z オーダーをハードコーディングするなど、多くの可能な解決策を試しましたが、明らかな効果はありませんでした。

div の背後にあるコードは次のとおりです。

<script src="Scripts/GenericDrag.js" type="text/javascript"></script>
...
<div id="divComment" style="DISPLAY: none; LEFT: 800px; WIDTH: 340px; POSITION: absolute; TOP: 800px; HEIGHT: 140px; BACKGROUND-COLOR: teal; BORDER: 1px; PADDING: 10px"
onmousedown="dragStart(event)" runat="server">
    <TABLE>
        <tr>
            <td>Kaizen&nbsp;ID</td>
            <td><asp:textbox id="txtCommentID" runat="server" Width="132px"></asp:textbox></td>
        </tr>
        <tr>
            <td>Comment</td>
            <td><asp:textbox id="txtComment" runat="server" Width="250" Height="72px" TextMode="MultiLine"></asp:textbox></td>
        </tr>
        <tr>
            <td><asp:button id="btnComment" runat="server" CausesValidation="False" Text="Comment"></asp:button></td>
            <td align="right"><input onclick="divComment.style.display='none'" type="button" value="Cancel"></td>
        </tr>
    </TABLE>
</div>

btnComment には onClick 機能がありますが、テキスト ボックス内のコメント文字列が空でない場合にのみ、注目に値することを行います。

GenericDrag.js のインクルードを削除すると、ドラッグ可能性は停止しますが、人々は再びコメントを入力できます。

Win XPとWin7の両方で、最新のFF、IE、およびChromeでこれを試しました。この点では、すべて同じように動作します。

どんな提案でも大歓迎です。基本的なことを間違って行っていたとしても、まったく驚かないでしょう。

ジェフ

4

0 に答える 0