• 0
Sign in to follow this  
Dans

Drag & Drop tabela

Question

Eu fiz este exemplo de uma equipa, mas o drop não funciona. :blink:

<style type="text/css">
#div1 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div2 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div3 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div4 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div5 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div6 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div7 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div8 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div9 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div10 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div11 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div12 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div13 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div13 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div14 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
#div15 {width:200px;height:25px;padding:10px;border:1px solid #aaaaaa;}
</style>
<table border="0px">
    <tr>
        <td><font><font>Jogador</font></font></td>
        <td><font><font>Suplente</font></font></td>
    </tr>
    <tr>
        <td><div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div></td>
        <td><div id="div11" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
        <td><div id="div12" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
        <td><div id="div13" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
        <td><div id="div14" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div5" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
        <td><div id="div15" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div6" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
        <td rowspan="6"></td>
    </tr>
    <tr>
        <td><div id="div7" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div8" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div9" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><div id="div10" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
    </tr>
    <tr>
        <td><p id="drag1" draggable="true" ondragstart="drag(event)" value="    Jogador 1    ">    Chamakh    (ATA)    87    |    21    </p><br>
<p id="drag2" draggable="true" ondragstart="drag(event)" value="    Jogador 2    ">    Gervinho    (ATA)    90    |    44    </p><br>
<p id="drag3" draggable="true" ondragstart="drag(event)" value="    Jogador 3    ">    Park Chu-Young    (ATA)    87    |    38    </p><br>
<p id="drag4" draggable="true" ondragstart="drag(event)" value="    Jogador 4    ">    Van Persie    (ATA)    95    |    29    </p><br>
<p id="drag5" draggable="true" ondragstart="drag(event)" value="    Jogador 5    ">    Arteta    (MED)    93    |    88    </p><br>
<p id="drag6" draggable="true" ondragstart="drag(event)" value="    Jogador 6    ">    Benayoun    (MED)    88    |    85    </p><br>
<p id="drag7" draggable="true" ondragstart="drag(event)" value="    Jogador 7    ">    Coquelin    (MED)    74    |    77    </p><br>
<p id="drag8" draggable="true" ondragstart="drag(event)" value="    Jogador 8    ">    Diaby    (MED)    90    |    89    </p><br>
<p id="drag9" draggable="true" ondragstart="drag(event)" value="    Jogador 9    ">    Oxlade-Chamberlain    (MED)    79    |    74    </p><br>
<p id="drag10" draggable="true" ondragstart="drag(event)" value="    Jogador 10    ">    Oxlade-Chamberlain    (MED)    79    |    74    </p><br>
<p id="drag11" draggable="true" ondragstart="drag(event)" value="    Jogador 11    ">    Ramsey    (MED)    87    |    82    </p><br>
<p id="drag12" draggable="true" ondragstart="drag(event)" value="    Jogador 12    ">    Rosický    (MED)    92    |    89    </p><br>
<p id="drag13" draggable="true" ondragstart="drag(event)" value="    Jogador 13    ">    Song    (MED)    89    |    94    </p><br>
<p id="drag14" draggable="true" ondragstart="drag(event)" value="    Jogador 14    ">    Walcott    (MED)    91    |    84    </p><br>
<p id="drag15" draggable="true" ondragstart="drag(event)" value="    Jogador 15    ">    Wilshere    (MED)    90    |    87    </p><br>
<p id="drag16" draggable="true" ondragstart="drag(event)" value="    Jogador 16    ">    André Santos    (DEF)    55    |    88    </p><br>
<p id="drag17" draggable="true" ondragstart="drag(event)" value="    Jogador 17    ">    Djourou    (DEF)    8    |    83    </p><br>
<p id="drag18" draggable="true" ondragstart="drag(event)" value="    Jogador 18    ">    Djourou    (DEF)    8    |    83    </p><br>
<p id="drag19" draggable="true" ondragstart="drag(event)" value="    Jogador 19    ">    Jenkinson    (DEF)    33    |    78    </p><br>
<p id="drag20" draggable="true" ondragstart="drag(event)" value="    Jogador 20    ">    Koscielny    (DEF)    17    |    90    </p><br>
<p id="drag21" draggable="true" ondragstart="drag(event)" value="    Jogador 21    ">    Mertesacker    (DEF)    9    |    91    </p><br>
<p id="drag22" draggable="true" ondragstart="drag(event)" value="    Jogador 22    ">    Miquel    (DEF)    9    |    76    </p><br>
<p id="drag23" draggable="true" ondragstart="drag(event)" value="    Jogador 23    ">    Sagna    (DEF)    47    |    93    </p><br>
<p id="drag24" draggable="true" ondragstart="drag(event)" value="    Jogador 24    ">    Squillaci    (DEF)    11    |    87    </p><br>
<p id="drag25" draggable="true" ondragstart="drag(event)" value="    Jogador 25    ">    Vermaelen    (DEF)    20    |    92    </p><br>
</td>
    </tr>
</table>

Se conseguirem corrigir o erro agradecia :rolleyes:

Share this post


Link to post
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Cara não entendi muito bem, o que você pretende fazer, aqui listou as div de um lado, e mais algumas de outro que seria os joador e o suplente e depois listou varios nome e tals embaixo... o que eu diria que são os jogaores...

agora so me explica exatamente como isso deve ficar qual ação tem que ter e tudo mais, para ver o que ta faltando...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this