[Resolvido] salvar nova ordem do menu

[Biel. 9]

olá pessoal.  Ao clicar no menu e em seguida usar seta pra cima ou pra baixo o menu é movido de ordem, até aqui tudo ok.  O problema é que não consigo salvar no Bd a nova ordem do menu. Alguma luz de como resolver isto? 

tab_menu
menu_id  menu_nome   menu_order
11         verde       1
12         amarelo     2
13         azul        3
14         branco      4

....

<?php
$sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu  ORDER BY menu_order ASC  ");
$contador=1;
while($linha = mysqli_fetch_array($sqlVF)){
$menu_id        = $linha['menu_id'];
$menu_nome      = $linha['menu_nome'];
$menu_order     = $linha['menu_order'];
}
?>

<?php

@$VGT_posicoes 	= $_POST['recordsArray'];
$VGT_newOrder = 1; 
foreach ($VGT_posicoes as $VGT_valorId) {
$sqlVF = mysqli_query($ggCon, "UPDATE tab_menu SET 
menu_order ='".$menu_order."' 
WHERE menu_order ='".$VGT_valorId."'  "); 
$VGT_newOrder = $VGT_newOrder + 1;
}

?> 

...

<form action="<?php echo $phpSelf;?>" method="post"  >

<table id="table" border="1">
    
    <tr> <td></td> </tr>

    <?php
    $sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu ORDER BY menu_order ASC   ");
	$contador=1;
    while($linha = mysqli_fetch_array($sqlVF)){
    $menu_id      = $linha['menu_id'];
    $menu_nome    = $linha['menu_nome'];
    $menu_order    = $linha['menu_order'];
    ?>

     <tr> <td><input type="text" id="recordsArray_<?php echo $menu_id;?>" name="menu_order" value="<?php echo $menu_nome;?>"></td> </tr>

    <?php } ?>
      
    </table>   


<input type="submit" name="enviar" value="Salvar">  

</form>

...

        <button onclick="upNdown('up');">&ShortUpArrow;</button>
        <button onclick="upNdown('down');">&ShortDownArrow;</button>
        
        <script>
            
            var index; 
            function getSelectedRow()
            {
                var table = document.getElementById("table");
                for(var i = 1; i < table.rows.length; i++)
                {
                    table.rows[i].onclick = function()
                    {
            
                        if(typeof index !== "undefined"){
                            table.rows[index].classList.toggle("selected");
                        }
                       
                        index = this.rowIndex;
                        this.classList.toggle("selected");

                    };
                }
                    
            }
  

            getSelectedRow();
            
            
            function upNdown(direction)
            {
                var rows = document.getElementById("table").rows,
                    parent = rows[index].parentNode;
                 if(direction === "up")
                 {
                     if(index > 1){
                        parent.insertBefore(rows[index],rows[index - 1]);

                        index--;
                    }
                 }
                 
                 if(direction === "down")
                 {
                     if(index < rows.length -1){
                        parent.insertBefore(rows[index + 1],rows[index]);
                        index++;
                    }
                 }
            }
            
        </script>

 

[Frank K Hosaka 0]

Estou começando a testar, mas a 2a. listagem escreveu

 

@$VGT_posicoes 	= $_POST['recordsArray'];

Vou testar sem o @.

 

--------------------

Não estava conseguindo botar o menu selecionado no topo, eu alterei o JavaScript assim:

function upNdown(direction){
    rows = table.rows
    parent = rows[index].parentNode
    if(direction === "up"){
        if(index!=0){parent.insertBefore(rows[index],rows[index - 1]);index--;}}}

--------------------

Consegui resolver, mas eu tirei o botão descer para diminuir o código.

 

<?php
$ggCon=new mysqli("localhost","root","","astudy");
if(!isset($_POST['recordsArray'])){goto inicio;} else {
    $VGT_posicoes=$_POST['recordsArray'];
    foreach ($VGT_posicoes as $menu_order => $menu_nome) {
        mysqli_query($ggCon, "update tab_menu set menu_order=$menu_order 
			where menu_nome='$menu_nome'");}} 
inicio:?>
<form method=post>
<table id=table style=border:1>
<?php
$sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu ORDER BY menu_order ASC");
while($linha = mysqli_fetch_array($sqlVF)){
    $menu_id= $linha['menu_id'];
    $menu_nome= $linha['menu_nome'];
    $menu_order= $linha['menu_order'];
    echo "<tr><td><input id='recordsArray_$menu_id' name=recordsArray[] 
		value='$menu_nome' onclick=getSelectedRow()>";} ?>
</table>   
<input type=submit value=Salvar>
</form>
<button onclick="upNdown('up');">&ShortUpArrow;</button>
<script>
function getSelectedRow(){
    for(var i = 1; i < table.rows.length; i++){
        table.rows[i].onclick = function(){
            if(typeof index !== "undefined"){
                table.rows[index].classList.toggle("selected");}
            index = this.rowIndex;
            this.classList.toggle("selected");};}}
function upNdown(direction){
    rows = table.rows
    parent = rows[index].parentNode
    if(direction === "up"){
        if(index!=0){parent.insertBefore(rows[index],rows[index - 1]);index--;}}}
</script>

 

[Biel. 9]

5 horas atrás, Frank K Hosaka disse:

Estou começando a testar, mas a 2a. listagem escreveu

 

@$VGT_posicoes 	= $_POST['recordsArray'];

Vou testar sem o @.

 

--------------------

Não estava conseguindo botar o menu selecionado no topo, eu alterei o JavaScript assim:

function upNdown(direction){
    rows = table.rows
    parent = rows[index].parentNode
    if(direction === "up"){
        if(index!=0){parent.insertBefore(rows[index],rows[index - 1]);index--;}}}

--------------------

Consegui resolver, mas eu tirei o botão descer para diminuir o código.

 

<?php
$ggCon=new mysqli("localhost","root","","astudy");
if(!isset($_POST['recordsArray'])){goto inicio;} else {
    $VGT_posicoes=$_POST['recordsArray'];
    foreach ($VGT_posicoes as $menu_order => $menu_nome) {
        mysqli_query($ggCon, "update tab_menu set menu_order=$menu_order 
			where menu_nome='$menu_nome'");}} 
inicio:?>
<form method=post>
<table id=table style=border:1>
<?php
$sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu ORDER BY menu_order ASC");
while($linha = mysqli_fetch_array($sqlVF)){
    $menu_id= $linha['menu_id'];
    $menu_nome= $linha['menu_nome'];
    $menu_order= $linha['menu_order'];
    echo "<tr><td><input id='recordsArray_$menu_id' name=recordsArray[] 
		value='$menu_nome' onclick=getSelectedRow()>";} ?>
</table>   
<input type=submit value=Salvar>
</form>
<button onclick="upNdown('up');">&ShortUpArrow;</button>
<script>
function getSelectedRow(){
    for(var i = 1; i < table.rows.length; i++){
        table.rows[i].onclick = function(){
            if(typeof index !== "undefined"){
                table.rows[index].classList.toggle("selected");}
            index = this.rowIndex;
            this.classList.toggle("selected");};}}
function upNdown(direction){
    rows = table.rows
    parent = rows[index].parentNode
    if(direction === "up"){
        if(index!=0){parent.insertBefore(rows[index],rows[index - 1]);index--;}}}
</script>

 

Frank, funcionou perfeitamente, Obrigado !