Drag-And-Drop em tabela PHP

[YorunoHikaro]

Olá a todos!

Eu sou Hikaro, estou iniciando em php/javascript e é a primeira vez que posto neste fórum...

Estou postando aqui porque no fórum de java indicavam que eu deveria postar num outro chamado "javacript,ajax,XMLe DOM", mas lá só se posta scripts ...bem, o que tenho é uma dúvida...(ou melhor...um porblema...)

é que eu preciso criar um relatório em PHP, onde as colunas possam ser arrastadas e assim configurar suas posições na tabela livremente... Alguém tem alguma idéia de como posso fazer isso? a tabela é possui uma quantidade de colunas dinâmica, controlada por meio de cookies... :o

Segue o código:

PS: eu achei um exemplo de como fazer em javascript, mas tá meio complicado de entender...

Brigada pela atenção.....!!!! :lol:

<table width="100%" border="0" cellspacing="2px" cellpadding="2px">
            <tr>
                <td class="sidenav" id="tdMenu" width="175px" valign="top" style="display:none"><? include_once("menu.php");?></td>
                <td id="imagemMenu" valign="top"><img onclick="expand();" style="cursor:pointer;" src="imagens/application_side_expand.png" border="0" /></td>
                <td width="100%" valign="top" class="item"><div id="divErro" class="Escondido" style="display:none"></div>
            <fieldset class="formulario" style="width: 100%">
    
                      <h2 class="maintitle">::Softwares Cadastrados ::</h2><br/>
                           <center style="font-weight:bolder">Modelo(s): <?=$sModelo;?><br/>
                                       Disponiblidade: <?=$sDisponivel;?><br/>
                                       Utilizado: <?=$sUtilizado;?><br/>                                                                              
                                       <!-- Registros: --><?//=$rsSoftwares->RecordCount();?><br/>
                                       Relatório Gerado no dia <?=date("d/m/Y");?> às <?=date("H:i:s");?><br/>                                       
                                       <img src="imagens/cog.png" onclick="configurarColunas();" style="cursor:pointer" title="CONFIGURAÇÃO DAS COLUNAS A SEREM EXIBIDAS" border="0"/>
                                       <img src="imagens/printer.png" onclick="gerarRelatorio();" style="cursor:pointer" title="GERAR RELATÓRIO" border="0"/> 
                                       
                                       </center>
     <table class="label_2">
                               <tr>
                                <td colspan="16" class="tabela_busca">
                                    <table>
                                        <tr>
                                            <td width="900px">Página <?=$nPaginaDe;?> de <?=$nPaginaAte;?> e um total de <?=$nTotalRetorno;?> Registros</td>
                                            <td onclick="<?=$nPaginaAtual == 1 ? "":"setPagina('1');buscarSoftware()";?>" class="<?=$nPaginaAtual == 1 ? "":"comLink";?>" nowrap>Primeira  <font color='#444'>|</font></td>
                                            <td onclick="<?=$nPaginaAtual == 1 ? "":"setPagina('" . ( $nPaginaAtual - 1 ) . "');buscarSoftware()";?>" class="<?=$nPaginaAtual == 1 ? "":"comLink";?>" nowrap>  < Anterior  <font color='#444'>|</font></td>
                                            <td onclick="<?=$nPaginaAtual < $nUltimaPagina ? "setPagina('" . ( $nPaginaAtual + 1 ) . "');buscarSoftware()" : "";?>" class="<?=$nPaginaAtual < $nUltimaPagina ? "comLink":"";?>" nowrap>  Próxima >  <font color='#444'>|</font></td>
                                            <td onclick="<?=$nPaginaAtual < $nUltimaPagina ? "setPagina('" . ( $nUltimaPagina ) . "');buscarSoftware()":"";?>" class="<?=$nPaginaAtual == $nUltimaPagina ? "":"comLink";?>" nowrap>  Última</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                               <tr class="tabela_busca" style="font-weight:bolder">
                                   <? if( existeChaveNoVetor( "1", $aCampos ) ) {?>
                                       <td  id="coluna_modelo">Modelo</td>
                                   <? }if (existeChaveNoVetor("2",$aCampos)){?>
                                        <td  id="coluna_chave" >Chave</td>
                                   <?} if( existeChaveNoVetor( "3", $aCampos ) ) {?>
                                       <td  id="coluna_serial">Serial</td>
                                   <?} if( existeChaveNoVetor( "4", $aCampos ) ) {?>
                                       <td  id="coluna_disponivel">Disponivel</td>
                                   <?} if( existeChaveNoVetor( "5", $aCampos ) ) {?>
                                       <td  id="coluna_instalado">Instalado(vezes)</td>        
                                   <?} if( existeChaveNoVetor( "6", $aCampos ) ) {?>
                                       <td  id="coluna_limInstal">Limite de Instalações</td>                                   
                                   <?} if( existeChaveNoVetor( "7", $aCampos ) ) {?>
                                       <td  id="coluna_categoria">Categoria</td>
                                   <?} if( existeChaveNoVetor( "8", $aCampos ) ) {?>
                                       <td  id="coluna_fabricante">Fabricante</td>
                                   <?}?>    
                                   <td> </td>                           
                               </tr>
<? $rsSoftwares = $oSoftware->obterSoftware("",arrayToString($_POST['sel_modelo']),$_POST['sel_disponivel'],$_POST['sel_utilizado']);
                            $sFundo = "#EEF2F7";
                            
                            while(! $rsSoftwares->EOF ){
                                
                                $sModelo            = $rsSoftwares->fields['modelo'];
                                $sChave                = $rsSoftwares->fields['chave'];
                                $sSerial            = $rsSoftwares->fields['serial'];
                                $sDisponivel         = $rsSoftwares->fields['disponibilidade'];    
                                $sVezesInstalado            = $rsSoftwares->fields['utilizado'];
                                $sLimiteInstalacoes = $rsSoftwares->fields['quantidade'];
                                $sCategoria         = $rsSoftwares->fields['categoria'];
                                $sFabricante        = $rsSoftwares->fields['fabricante'];
                                if( $sFundo == "EEF2F7" )
                                    $sFundo = "DFE6EF";
                                else 
                                    $sFundo = "EEF2F7";
?>
                                <tr class="tabela_linha" valign="top" style="background-color:#<?=$sFundo;?>">
                                <? if( existeChaveNoVetor( "1", $aCampos ) ) {?>
                                       <td id="coluna_cont_modelo"><?=$sModelo;?></td>
                                   <? }if (existeChaveNoVetor("2",$aCampos)){?>
                                       <td id="coluna_cont_chave"><?=$sChave;?></td>
                                   <?} if( existeChaveNoVetor( "3", $aCampos ) ) {?>
                                       <td id="coluna_cont_serial"><?=$sSerial;?></td>
                                   <?} if( existeChaveNoVetor( "4", $aCampos ) ) {
                                          if($sDisponivel == "V"){?>
                                              <td id="coluna_cont_disponivelS">Sim</td>
                                   <?} else if($sDisponivel == "F"){?>
                                               <td id="coluna_cont_disponivelN">Não</td>                             
                                   <?} }if( existeChaveNoVetor( "5", $aCampos ) ) {?>
                                       <td id="coluna_cont_instalado"><?=$sVezesInstalado;?></td>
                                   <?} if( existeChaveNoVetor( "6", $aCampos ) ) {?>
                                       <td id="coluna_cont_limInstal"><?=$sLimiteInstalacoes;?></td>
                                   <?} if( existeChaveNoVetor( "7", $aCampos ) ) {?>
                                       <td id="coluna_cont_categoria"><?=$sCategoria;?></td>
                                   <?} if( existeChaveNoVetor( "8", $aCampos ) ) {?>
                                       <td id="column_cont_fabricante"><?=$sFabricante;?></td>    
                                   <?}?>            
                                   
                                    <!-- <td align="center"><img src="imagens/add.png" id="img_<?//=$nChamado;?>" onclick="detalharEventos('<?=$nChamado;?>', '<?=$sFundo;?>')" style="cursor:Pointer" /></td> -->
                                </tr>        
                                <tr>
                                    <!--  <td colspan="16" id="div_ev_<?//=$nChamado;?>" style="display:none"></td>-->
                                </tr>                        
<?                                
                            $rsSoftwares->MoveNext();
                                
                                
                            }
                            
                            //$oChamado->oConexao->close();
?>                            <tr>
                                <td colspan="17" class="tabela_busca">
                                    <table>

Editado Outubro 8, 2009 por YorunoHikaro