Forum PHP.pl > [JavaScript]Problem z jquery impromptu (potwierdzenie wykonania formularza))

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Problem z jquery impromptu (potwierdzenie wykonania formularza))

ublizzard

5.01.2012, 12:14:15

Chciałbym aby po wciśnięciu buttona pojawiło się pytanie, czy na pewno chcę wysłać formularz.
Znalazłem bibliotekę jquery impromptu, jest bardzo fajna, ale gdy umieszczę przycisk w formularzu po jego naciśnięciu pojawia się okienko i szybko znika (około 1s)zanim coś wybiorę.
Tak wygląda kod:

[PHP] pobierz, plaintext 
<head>
	<script type="text/javascript" src="scripts/jquery-1.7.1.js"></script>
	<script type="text/javascript" src="scripts/jquery-impromptu.3.2.js"></script>
<?
	echo '<link rel="Stylesheet" type="text/css" href="http://'.$_SERVER['SERVER_NAME'].'/test/style2.css" />';
	echo '<link rel="Stylesheet" type="text/css" href="http://'.$_SERVER['SERVER_NAME'].'/test/screen.css" />';
?>
</head>
<body>
	<form action="index.php?tresc=rejestracja" method="post">
	<input type="submit" onclick="$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } });" name="dodaj" value="Dodaj do bazy">
</form>
</body>
</html>
[PHP] pobierz, plaintext

Domyślam się, że muszę zmienić tą linijkę:

[PHP] pobierz, plaintext 
<form action="index.php?tresc=rejestracja" method="post">
[PHP] pobierz, plaintext

Ale nie wiem co powinienem tu wpisać.

nospor

5.01.2012, 12:17:15

Klikając submit wysyłasz formularz (strona sie przeladowuje) wiec nic dziwngo ze ci znika.

Blokada wysyłki z return false;
onclick="$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } });return false;"

A pod OK masz podpiąć submit formularza

ublizzard

5.01.2012, 22:16:39

Czyli powinienem raczej zrobić coś takiego:

[PHP] pobierz, plaintext 
<button onclick="$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } });return false;" title="Example 1">Example 1</button><br />
[PHP] pobierz, plaintext

Ale niestety nie mam pojęcia w jaki sposób podpiąć.

Stworzyłem coś takiego

[PHP] pobierz, plaintext 
<button onclick="$.prompt('Example 2',{buttons: { Ok: true, Cancel: false }, callback: function(v,m,f){if (v){submit()} }});return false;" title="Example 1">Example 1</button><br />
[PHP] pobierz, plaintext

Niby działa, tylko nie wiem, czy to poprawnie i czy nie wykrzaczy mi się kiedyś.

Obecnie dałem dwa buttony:

[PHP] pobierz, plaintext 
<button onclick="$.prompt('Example 2',{buttons: { Ok: true, Cancel: false }, callback: function(v,m,f){if (v){submit()} }});return false;" type="submit" name="wykonaj" value="dodaj">Dodaj</button><br />
<button onclick="$.prompt('Example 2',{buttons: { Ok: true, Cancel: false }, callback: function(v,m,f){if (v){submit()} }});return false;" type="submit" name="wykonaj" value="usun">Usun</button><br />
[PHP] pobierz, plaintext

Mam jeszcze w tym zapisie problem z przekazaniem zmiennych name i value buttonu, który został wciśnięty, czy ktoś może mi pomóc z tym?
Zmienna $_POST['wykonaj'] nie istnieje, czyżby funkcja submit() nie przekazywała jej?

edit:
To może ktoś mi chociaż poradzi w jaki sposób odczytać po wysłaniu formularza za pomocą którego buttona został wysłany?

nospor

5.01.2012, 22:17:25

pole ukryte, które wartość ustalasz tuż przed submit()

ublizzard

5.01.2012, 22:51:28

Już znalazłem rozwiązanie:

[PHP] pobierz, plaintext 
<form action="index.php?tresc=rejestracja" method="post" name="form" >
	<input type="hidden" name="wykonaj" />
 
	<input onclick="$.prompt('Example 2',{submit: function(v,m,f){if (v){document.forms['form'].wykonaj.value = 'wyslij' ; document.form.submit()}}, buttons: { Ok: true, Cancel: false }  });return false;" type="submit" name="baton" value="Wyslij">
 
</form>
[PHP] pobierz, plaintext

nospor

5.01.2012, 23:00:56

nadaj polu ID i odwoluj się do pola przy pomocy document.getElementById

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.