0

Comecei a aprender javascript tem pouco tempo e sou bem leigo ainda.

Então...

Estou querendo substituir as janelas de alert por modais personalizadas. Então ao clicar no botão de editar por exemplo, abre a minha janela de confirmação e se clico em OK ela me redireciona para a página de edição.

Gostaria que no redirecionamento da pagina fosse enviado o id do usuário pego no banco de dados, passando ele pela url com window.location=''; ou outro redirecionador. Nem sei se tem como fazer isso.

Se alguém puder ajudar ficarei grato.

Confirm

<body>

    <?php foreach($usuario->findAll() as $key => $value): ?>
        <?php 
            $id = $value->id;
            $nome = $value->nome;
            $nascimento = $value->nascimento;
            $sexo = $value->sexo;
            $uf = $value->uf;
        ?>

        <b>Nome:</b> <?php echo $nome; ?> <br>
        <b>Nascimento:</b> <?php echo $nascimento; ?><br>
        <b>Sexo:</b> <?php echo $sexo; ?><br>
        <b>UF:</b> <?php echo $uf; ?><br>

        <?php echo "<button onclick='doAlert();'>Editar</button>"; ?><br><br>

    <?php endforeach; ?>

    <script type="text/javascript">     
        function doAlert(){
            var msg = new DOMAlert({
                title: 'Confirme',
                text: 'Mensagem de alerta - testes.',
                skin: 'default',
                width: 300,             
                ok: {value: true, text: 'Ok', onclick: open},
                cancel: {value: false, text: 'Cancelar', onclick: close }
            });
            msg.show();
        };

        function close(sender, value){
            sender.close();             
        }
        function open(sender, value){
            /*PEGAR ID DO USUARIO E PASSAR VIA URL */
            window.location='';             
        }
    </script>

</body>

3

1 Resposta 1

0

Experimente usar o Sweet Alert 2

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.css">
<body>

    <?php foreach($usuario->findAll() as $key => $value): ?>
        <?php 
            $id = $value->id;
            $nome = $value->nome;
            $nascimento = $value->nascimento;
            $sexo = $value->sexo;
            $uf = $value->uf;
        ?>

        <b>Nome:</b> <?php echo $nome; ?> <br>
        <b>Nascimento:</b> <?php echo $nascimento; ?><br>
        <b>Sexo:</b> <?php echo $sexo; ?><br>
        <b>UF:</b> <?php echo $uf; ?><br>

        <?php echo "<button onclick='doAlert(".$id.");'>Editar</button>"; ?><br><br>

    <?php endforeach; ?>

    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.js"></script>

    <script type="text/javascript">     
        function doAlert(id){
            swal({
              title: 'Tem certeza ?',
              text: "Tem certeza que deseja editar esse usuário ?",
              type: 'warning',
              showCancelButton: true,
              confirmButtonColor: '#3085d6',
              cancelButtonColor: '#d33',
              confirmButtonText: 'Sim, editar!'
            }).then(function () {
              window.location.href='pagina_de_edicao.php?id='+id
            })
        };
    </script>

</body>
0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .