Ir para conteúdo
Fórum Script Brasil
  • 0

Drag & Drop tabela


Dans

Pergunta

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:

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 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...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...