1

タブレットでより簡単に使用できるように、squirrelmail の GUI を変更しようとしています。<a>チェックボックスがクリックされたときにリンクを開きたくないタグ内にチェックボックスがあることを除いて、私はほとんどすべてをソートしました。

<li>行全体をクリックしてカーソルの下のメールを開くことができるように、すべてが a の中にあります。

以下はコードです。これは、チェックボックスを除いて、私がやりたいことに対して機能する、これまでに持っているものへのリンクです。

http://jsfiddle.net/YEpuf/1/

    <li>
    <a href="read_body.php?account=0&amp;mailbox=INBOX&amp;passed_id=93&amp;startMessage=1"><dl>
    <dt class="col_check"><input type="checkbox" name="msg[0]" id="mbx_1_msg0" value="93"  onclick=""/></dt>
    <dd class="col_from" >name@domain.com</dd>
    <dd class="col_date">Sep 9, 2012</dd>
    <dd class="col_flag"><img src="../images/themes/outlook/msg_read.png" alt="R" title="(Read)" /></dd>
    <dd class="col_flagx"><img src="../images/themes/outlook/attach.png" alt="A" title="Attachment" /></dd>
    <dd class="col_flagx"><img src="../images/themes/outlook/transparent.png" alt="!" title="Normal priority" width="5" /></dd>
    <dd class="col_subject" >Re:&#32;test&#32;email&#32;36</dd>
    </dl></a></li>

<dd>アイテムを列に並べるのは簡単だとわかったので使用しましたが、試し<span>てみ<div>ました<li>が、行の高さに問題がありました.しかし、より良い方法があるので、提案/アドバイスは素晴らしいでしょう.

編集: IE と Chrome でコードを試してみたところ、問題なく動作するので、これは FF の問題のようです..とにかくまだ答えを探しています!!

4

2 に答える 2

2

a簡単な (そして正しい) 答えは、要素にチェックボックスを入れないことです。間違った答えは私見ですが、まだ答えかもしれませんが、イベントのバブリングを防ぐためにjavascriptを使用しています:

https://developer.mozilla.org/en-US/docs/DOM/event.stopPropagation

于 2012-09-10T17:18:37.033 に答える
0

これはそれを行う必要があります：

var elements = document.querySelectorAll("li > a");
// You can make the query selection easier by adding a class to the anchor tags

for ( var el in elements ) {
    el.addEventListener("click", function (event) {
        event.preventDefault;
    }, false);
}
于 2012-09-10T17:32:26.503 に答える