Skip to main content
adicionou 5 caracteres ao conteúdo
Fonte Link
gustavox
  • 4mil
  • 10
  • 51
  • 98

Estou tentando utilizar o sweet alert pra confirmar a intenção de apagar uma linha da tabela MySQL, mas acho que não estou sabendo como fazer.

Usando o alert simples faço assim:

<a title='Remover linha' class= 'deletrow' href='deletrow.php?id=$id'><i class='fa fa-remove resultsfa5'></i></a>

No arquivo deletrow.php está o MySQL pra apagar a linha e antes de apagar o JS pede a confirmação:

$('.deletrow').on('click', function () {
    return confirm('Tem certeza que deseja apagar esta linha?');
});

Mas tentando com o sweet alert não dá certo, porque quando coloco o href dentro da tag <a> (sem o href funciona) ele apenas pisca na tela.

Neste fiddle dá pra reproduzir o problema. Basta tirar o href de dentro da tag que já funciona, senão apenas pisca... mas daí então como aponto para o arquivo onde está a query do MySQL?

Segue abaixo o snippet funcional (com button):

      document.querySelector('.sweet-1').onclick = function(){
        swal("Here's a"Nice messagealert!");
      };
<script src="//code.jquery.com/jquery-2.1.1.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/>

      <h4>A message with a custom icon</h4>
      <div class="row">
        <div class="col-sm-2 text-center">
          <p><button class="btn btn-primary sweet-1">Try1">Abrir It<alert</button></p>
        </div>
        <div class="col-sm-10">
          <pre>
swal({
  title: "Sweet!",
  text: "Here's a custom image.",
  imageUrl: 'thumbs-up.jpg'
});</pre>
        </div>
      </div>

Então como posso utilizar com <a href...>, ou, mesmo usando com <button> onde incluo a regra pra apagar a linha?

Estou tentando utilizar o sweet alert pra confirmar a intenção de apagar uma linha da tabela MySQL, mas acho que não estou sabendo como fazer.

Usando o alert simples faço assim:

<a title='Remover linha' class= 'deletrow' href='deletrow.php?id=$id'><i class='fa fa-remove resultsfa5'></i></a>

No arquivo deletrow.php está o MySQL pra apagar a linha e antes de apagar o JS pede a confirmação:

$('.deletrow').on('click', function () {
    return confirm('Tem certeza que deseja apagar esta linha?');
});

Mas tentando com o sweet alert não dá certo, porque quando coloco o href dentro da tag <a> (sem o href funciona) ele apenas pisca na tela.

Neste fiddle dá pra reproduzir o problema. Basta tirar o href de dentro da tag que já funciona, senão apenas pisca... mas daí então como aponto para o arquivo onde está a query do MySQL?

Segue abaixo o snippet funcional (com button):

      document.querySelector('.sweet-1').onclick = function(){
        swal("Here's a message!");
      };
<script src="//code.jquery.com/jquery-2.1.1.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/>

      <h4>A message with a custom icon</h4>
      <div class="row">
        <div class="col-sm-2 text-center">
          <p><button class="btn btn-primary sweet-1">Try It</button></p>
        </div>
        <div class="col-sm-10">
          <pre>
swal({
  title: "Sweet!",
  text: "Here's a custom image.",
  imageUrl: 'thumbs-up.jpg'
});</pre>
        </div>
      </div>

Então posso utilizar com <a href...>, ou, mesmo usando com <button> onde incluo a regra pra apagar a linha?

Estou tentando utilizar o sweet alert pra confirmar a intenção de apagar uma linha da tabela MySQL, mas acho que não estou sabendo como fazer.

Usando o alert simples faço assim:

<a title='Remover linha' class= 'deletrow' href='deletrow.php?id=$id'><i class='fa fa-remove resultsfa5'></i></a>

No arquivo deletrow.php está o MySQL pra apagar a linha e antes de apagar o JS pede a confirmação:

$('.deletrow').on('click', function () {
    return confirm('Tem certeza que deseja apagar esta linha?');
});

Mas tentando com o sweet alert não dá certo, porque quando coloco o href dentro da tag <a> (sem o href funciona) ele apenas pisca na tela.

Neste fiddle dá pra reproduzir o problema. Basta tirar o href de dentro da tag que já funciona, senão apenas pisca... mas daí então como aponto para o arquivo onde está a query do MySQL?

Segue abaixo o snippet funcional (com button):

      document.querySelector('.sweet-1').onclick = function(){
        swal("Nice alert!");
      };
<script src="//code.jquery.com/jquery-2.1.1.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/>
      <div class="row">
        <div class="col-sm-2 text-center">
          <p><button class="btn btn-primary sweet-1">Abrir alert</button></p>
        </div>
      </div>

Então como posso utilizar com <a href...>, ou, mesmo usando com <button> onde incluo a regra pra apagar a linha?

Fonte Link
gustavox
  • 4mil
  • 10
  • 51
  • 98

Como usar o sweet alert antes de apagar linhas do MySQL

Estou tentando utilizar o sweet alert pra confirmar a intenção de apagar uma linha da tabela MySQL, mas acho que não estou sabendo como fazer.

Usando o alert simples faço assim:

<a title='Remover linha' class= 'deletrow' href='deletrow.php?id=$id'><i class='fa fa-remove resultsfa5'></i></a>

No arquivo deletrow.php está o MySQL pra apagar a linha e antes de apagar o JS pede a confirmação:

$('.deletrow').on('click', function () {
    return confirm('Tem certeza que deseja apagar esta linha?');
});

Mas tentando com o sweet alert não dá certo, porque quando coloco o href dentro da tag <a> (sem o href funciona) ele apenas pisca na tela.

Neste fiddle dá pra reproduzir o problema. Basta tirar o href de dentro da tag que já funciona, senão apenas pisca... mas daí então como aponto para o arquivo onde está a query do MySQL?

Segue abaixo o snippet funcional (com button):

      document.querySelector('.sweet-1').onclick = function(){
        swal("Here's a message!");
      };
<script src="//code.jquery.com/jquery-2.1.1.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/>

      <h4>A message with a custom icon</h4>
      <div class="row">
        <div class="col-sm-2 text-center">
          <p><button class="btn btn-primary sweet-1">Try It</button></p>
        </div>
        <div class="col-sm-10">
          <pre>
swal({
  title: "Sweet!",
  text: "Here's a custom image.",
  imageUrl: 'thumbs-up.jpg'
});</pre>
        </div>
      </div>

Então posso utilizar com <a href...>, ou, mesmo usando com <button> onde incluo a regra pra apagar a linha?