Wyświetlenie spinnera w polu button type=submit

0

Cześć. To chyba odpowiedni dział do tego. Znalazłem przykład który wyświetla kręcące się kółeczko w polu button ( tzn ten przklad wyświetla cos innego ale niewazne ). Wszystko cacy lecz nie działa sam formularz tj. powinien przejść do akcji a nie robi tego nawet jak dam

<button type="submit">

https://jsbin.com/camizitano/edit?html,js,console,output

Sam przycisk dziala ale jak dam w formularz to juz nie.

0

W formularzu zdefiniuj action:
https://www.w3schools.com/html/html_forms.asp

0

Czy może ktośto sprawdziću siebie czy działa?

<!DOCTYPE html>
<html>
<head>
<script>
function abc(this1)
{
  this1.disabled=true; 
  this1.innerHTML='<i class="glyphicon glyphicon-heart"></i> Sending Love&#8230;';

}
</script>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <form action="dfdsfs.php" method=post>
  <button  type="submit" id="id1" class="btn btn-primary" onclick="abc(this);" > Send Love</button>
  
  </form>


</body>
</html>

U mnie nie działa. Tzn button się ładnie wyświetla ale nie działa akcja w formularzu.

0

Wywal:

this1.disabled=true;

Chrome nie chce wtedy faktycznie przesyłać formularza.

0

Ja mam opere i nie dziala rowniez

0

Dobra. Poradziłem sobie w inny sposób.

1 użytkowników online, w tym zalogowanych: 0, gości: 1