Wyświetlenie spinnera w polu button type=submit

Odpowiedz Nowy wątek
2018-08-25 16:08
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.

edytowany 2x, ostatnio: wesoly_pogrzeb, 2018-08-25 17:28

Pozostało 580 znaków

2018-08-25 16:26
0

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


Pokaż pozostałe 3 komentarze
Mozesz wkleic ten caly dzialajacy kod ? bo u mnie nie dziala - wesoly_pogrzeb 2018-08-25 16:39
Tzna działa tj. przechodzi do innego pliku ??? czy tylko dziala button - wesoly_pogrzeb 2018-08-25 16:40
Modyfikuje przycisk i przeładowuje stronę. Ja mam wklejać kod? Litości :) - Freja Draco 2018-08-25 16:51
Chodzi mi o to czy to co skopiowałas dziala czy robilas z tym cos jeszcze bo u mnie to nie dziala. nawet jak czyszcze cache przegladarki - wesoly_pogrzeb 2018-08-25 16:52
Śmiem wątpićże to działa u Ciebie. - wesoly_pogrzeb 2018-08-25 16:53

Pozostało 580 znaków

2018-08-25 16:56
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.

Pozostało 580 znaków

2018-08-25 18:01
0

Wywal:

this1.disabled=true;

Chrome nie chce wtedy faktycznie przesyłać formularza.


Pozostało 580 znaków

2018-08-25 18:02
0

Ja mam opere i nie dziala rowniez

Pozostało 580 znaków

2018-08-25 18:31
0

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

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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