Javascript e php

[Roberto Peres neto]

Bom dia,

Esse meu código em .php exibe os dados da tabela, queria saber como fazer a confirmação para exclusão e edição da tabela com Java Script, pois quando clico ele abre o Pop-up, mas mesmo clicando em cancelar ele exclui... alguem consegue me auxiliar ?

  <div class="box-search">

        <input type="search" class="form" placeholder="Pesquisar" id="pesquisar">

        <button class="form-btn" onclick="searchData()">

            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">

                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />

            </svg>

        </button>

    </div>

    <div class="m-5" id="pc">

        <table class="table text-white table-bg">

            <thead>

                <tr>

                    <th scope="col">#</th>

                    <th scope="col">Host</th>

                    <th scope="col">Ip</th>

                    <th scope="col">Senha Admin</th>

                    <th scope="col">Local</th>

                    <th scope="col">Responsavel</th>

                    <th scope="col">Comentarios</th>

                    <th scope="col">Ação</th>

                </tr>

            </thead>

            <tbody id="pc">

                <?php

                while ($user_data = mysqli_fetch_assoc($result)) {

                    echo "<tr>";

                    echo "<td>" . $user_data['id'] . "</td>";

                    echo "<td>" . $user_data['hostpc'] . "</td>";

                    echo "<td>" . $user_data['ippc'] . "</td>";

                    echo "<td>" . $user_data['senhaadm'] . "</td>";

                    echo "<td>" . $user_data['localpc'] . "</td>";

                    echo "<td>" . $user_data['resp'] . "</td>";

                    echo "<td>" . $user_data['coments'] . "</td>";

                    echo "<td>

                    <button onclick='funcao1()'><a class='btn btn-sm btn-primary'  href='editar.php?id=$user_data[id]'>

                        <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='dodgerblue' class='bi bi-pencil-fill' viewBox='0 0 16 16'>

                        <path d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/>

                        </svg> </a></button>

                        <a cursor='pointer' class='btn btn-sm btn-danger'  href='delete.php?id=$user_data[id]' cursor='pointer'><button onclick='funcao()'>

                        <svg cursor='pointer' width='16' height='16' fill='red' class='bi bi-trash3-fill' viewBox='0 0 16 16'>

                        <path d='M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5Zm-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5ZM4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06Zm6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528ZM8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5Z'/>

                        </svg></button>

                        </a>

                     </td>";

                    echo "</tr>";

                }

                ?>

            </tbody>

        </table>

    </div>

</body>

<script>

    var search = document.getElementById('pesquisar');

    search.addEventListener("keydown", function(event) {

        if (event.key === "Enter") {

            searchData();

        }

    });

    function searchData() {

        window.location = 'pc.php?search=' + search.value;

    }

    function funcao() {

        var x; //recebemos o valor do botão pressionado ok ou cancelar em uma variavel

        var r = confirm("Deseja Excluir?");

        if (r == true) {

            x = "você pressionou OK!";

        } else {

            x = "pc.php";

        }

        document.getElementById("pc").innerHTML = x;

    }

    function funcao1() {

        var x; //recebemos o valor do botão pressionado ok ou cancelar em uma variavel

        var r = confirm("Deseja Editar?");

        if (r == true) {

            x = "você pressionou OK!";

        } else {

            x = "Você pressionou Cancelar!";

        }

        document.getElementById("pc").innerHTML = x;

    }

</script>

</html>

[Leonardo Nunes]

Bom dia,

 Seria bom utilizar o datatable.

 Veja o exemplo.

https://datatables.net/examples/api/select_single_row.html

Valeu

Leonardo Nunes

--
Você recebeu esta mensagem porque está inscrito na Lista "GOPHP" em Grupos do Google.
Para Postar: go...@googlegroups.com
Para Sair do Grupo: gophp-un...@googlegroups.com
Link: http://groups.google.com/group/gophp?hl=pt-BR
---
Você recebeu essa mensagem porque está inscrito no grupo "GOPHP" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para gophp+un...@googlegroups.com.
Para ver essa discussão na Web, acesse https://groups.google.com/d/msgid/gophp/469cbf98-41ed-48c5-a97d-e7b3f76ec47bn%40googlegroups.com.

[Roberto Peres neto]

Bom dia,

Com o datatable ele excluirá até do banco de dados ?