Forum PHP.pl

Witam

Mam nietypowy problem. Potrzebuję zrobić kilka modalnych okienek + wysłanie formularza. Tak ma to dokładnie wyglądać:
1. Klikam na przycisk wysłania formularza (Zend_Form_Element_Button - nie _Submit)
2. Wyskakuje mi okinko z przyciskami TAK i NIE
2NIE - zamyka modala (tylko nie wiem jak - nie chcę używać dialog, bo chcę używać swojego kodu HTML)
2TAK - sprawdza dalsze warunki i jeśli nie spełnia to wyskakuje inny modal (tylko informacja) i zwraca false zamykając modala TAK/NIE, a jeśli wszystkie warunki przejdą to musi wysłać mi formularz o pewnym ID.

Problem jest taki, że nie robi mi submita i nie wiem jak zamknąć modale. Mam takie coś:

[HTML] pobierz, plaintext 
$("#submit").click(function(){
$( "#confirm_offer" ).modal();
$("#add-offer").click(function(){
 
	var address = $("#street").val();
 
	if(address == "")
	{
		$('#info').modal();
		return false;
	}
	$("#confirm_offer").modal('close');
	$("#add_offer").submit();
 
});
 
$("#cancel-offer").click(function(){
	$("#confirm_offer").modal('close');
	return false;
});
});
[HTML] pobierz, plaintext 

Gdzie:
#submit - przycisk wysyłania formularza (pkt 1)
#confirm_offer - modal TAK/NIE
#add-offer - przycisk TAK z #confirm_offer
#info- jakiś tam modal
#cancel-offer - przycisk NIE z #confirm_offer

Pokaż kod html oraz w jaki sposób generujesz okienka Przeważnie zamknięcie okienka ogranicza się do nadania mu parametru display: none ostatecznie usunięcie go z kodu przez $.remove().

Kod HTML ma mało tutaj do znaczenia, bo to sprawa JS i jQ. Ale mogę ko wrzucić:
Modal TAK/NIE:

[HTML] pobierz, plaintext 
<div class="modal" id="confirm_offer" style="display: none">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Potwierdzenie dodania!</h3>
    </div>
    <div class="modal-body">
        <p>Czy chcesz zakończyć dodawanie oferty?</p>
    </div>
    <div class="modal-footer">
        <span id="add-offer" class="btn btn-success">TAK</span>
        <span id="cancel-offer" class="btn btn-danger">NIE</span>
    </div>
</div>
[HTML] pobierz, plaintext 

Modal info:

[HTML] pobierz, plaintext 
<div class="modal" id="info" style="display: none">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Brak!</h3>
    </div>
    <div class="modal-body">
        <p>Proszę spróbować jeszcze raz.</p>
    </div>
    <div class="modal-footer">
        <span class="btn" data-dismiss="modal">Zamknij</span>
    </div>
</div>
[HTML] pobierz, plaintext 

Remove nie bardzo mi pasuje, bo to nie jest jednorazowe zdarzenie (te okienka pomagają w walidacji). Display:none mógłby być, ale w takim razie po co mi jQ UI?

Co nie zmienia faktu, że nadal nie mogę wysyłać formularza.

Ten post edytował IceManSpy 2.10.2012, 09:42:07

Skąd w jQuery UI masz taką funkcję jak modal(). Pobrałem najnowsze jQuery i jQuery UI i wyskakuje mi że nie ma takiej funkcji jak modal(). Testowałem to na dialogu i funkcja close działa poprawnie (Po clicku na nie zamyka okienko). Nie masz tylko napisanego kodu do kliknięcia zamknij w dive o id info. Odnośnie wysyłki formularza musiałbym widzieć więcej kodu albo wrzuć to gdzie live bo takt to ciężko stwierdzić co nie gra. Ps nie potrzebnie chyba wrzucasz wszystko w clicka o id submit. On powinienem wykonywać tylko $( "#confirm_offer" ).modal();. Następny click powinien być już osobno.

Widocznie mam jeszcze starą wersję jQ UI. Ściagnę nową i zasugeruję się Twoimi informacjami.