Witam! Na swoim serwisie spotykam się z sytuacjami, kiedy użytkownik pomimo iż zaangażował się w zakup usługi i wypełnił formularz wiedząc, że usługa jest płatna i znając szczegóły, po przejściu na stronę wyboru płatności (przelew lub sms) rezygnuje z jej dokonania. Przeczytałem kiedyś, że aż 50% użytkowników internetu przyznaje się do zmiany zdania przed samym dokonaniem płatności pomimo zaangażowania się np. dodawanie do koszyka lub wypełnienie formularza.

Chciałbym zatem zastosować coś takiego jak sonda wyświetlona za pomocą jQuery UI DIALOG albo w Fancyboxie, żeby było ładnie. User w momencie kiedy NIE KLIKNIE "Zatwierdź" -chodzi oczywiście o zatwierdzenie wyboru płatności, tylko kliknie krzyżyk wyłączający przeglądarkę lub będzie chciał zmienić stroną na inną, wyświetlę mu ankietę w której będzie musiał zaznaczyć przyczynę rezygnacji. To sobie później prześlę ajaxem do php i zapiszę w bazie albo do pliku nie ważne chodzi mi głównie o to jak wyświetlić tą sondę?

Zdarzenie unload oraz beforeunload nie działa mi np w chromie chyba, że zastosuję czysty JS ale to i tak nic mi nie pomaga ponieważ wyświetla się coś w rodzaju alertu, i nie mam pomysłu jak wstawić tam html.

[PHP] pobierz, plaintext 
 
window.onbeforeunload = function(){
return 'PRZYKLADOWY TEKST';
}
 
[PHP] pobierz, plaintext 

To powyżej działa ale:

[PHP] pobierz, plaintext 
 
window.onbeforeunload = function(){
var html = '<p>PRZYKLADOWY TEKST</p>';
return html;
}
[PHP] pobierz, plaintext 

nie działa -wyświetla się alert z akapitem w środku
nie działa również zastosowanie tutaj fancyboxa:

[PHP] pobierz, plaintext 
 
window.onbeforeunload = function(){
var html = '<p>PRZYKLADOWY TEKST</p>';
 $.fancybox(
		html,
		{
		  'autoDimensions'	: false,
			'width'         		: 500,
			'height'        		: 'auto',
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
            'padding'             : 5,
            helpers : { 
                  overlay : {closeClick: false}
                }
		}
	);
}
 
[PHP] pobierz, plaintext 

jak to ugryźć i czy da się coś takiego zrobić, biorąc pod uwagę, że jeżeli klient kliknie w przycisk "zatwierdź" to nie wyświetli mu się komunikat

Pozdrawiam

http://stackoverflow.com/questions/1631959...e-event#1632004

Ok dzięki za linka -częściowo problem rozwiązany, ponieważ mogę ominąć submit i działa również pod chrome ale jak podpiąć pod to fancyboxa, żeby zamiast alertu wyświetlał się mój content z treścią w tym przypadku z sondą?

[PHP] pobierz, plaintext 
 
var inFormOrLink;
//$('a').live('click', function() { inFormOrLink = true; });
//$('form').bind('submit', function() { inFormOrLink = true; });
 
$(window).bind("beforeunload", function() { 
    var newslettfancy = '<div><p><strong>Siemano działa fancybox</strong></p></div>'; 
 
 return $.fancybox(
		newslettfancy,
		{
		  'autoDimensions'	: false,
			'width'         		: 500,
			'height'        		: 'auto',
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
            'padding'             : 5,
            helpers : { 
                  overlay : {closeClick: false}
                }
		}
	);
 
});
 
 
 
[PHP] pobierz, plaintext 

Też niby działa ale pojawia się na ułamek sekundy i strona się przeładowuje. Jakby brakowało czegoś typu async:false

Ma ktoś może jakiś pomysł?

Nie możesz zwrócić fancyboxa bo to jest kod asynchroniczny...
Musisz zwrócić false i przesłać odpowiedni callback do fancyboxa lub wywołać odpowiednią funkcję później, który(a) będzie odpowiadał(a) za wykonanie akcji w momencie odpowiedzi.

ok a mógłbyś mi to przybliżyć? Jakiś przykład -nie jestem mega specem od js. Przypuśćmy, że zwracam false, jak odpalić wtedy fancyboxa po tym jak zwrócę false?

[PHP] pobierz, plaintext 
 
var inFormOrLink;
//$('a').live('click', function() { inFormOrLink = true; });
//$('form').bind('submit', function() { inFormOrLink = true; });
 
$(window).bind("beforeunload", function() { 
 
 
 return false;
 
 
});
 
 
//JAK W TYM PRZYPADKU ODPALIĆ FANCYBOXA PO ZWRÓCENIU FALSE?
var newslettfancy = '<div><p><strong>Siemano działa fancybox</strong></p></div>'; 
$.fancybox(
		newslettfancy,
		{
		  'autoDimensions'	: false,
			'width'         		: 500,
			'height'        		: 'auto',
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
            'padding'             : 5,
            helpers : { 
                  overlay : {closeClick: false}
                }
		}
	);
 
 
[PHP] pobierz, plaintext 

Wygląda na to jednak, że tego nie można zrobić:

http://stackoverflow.com/questions/6063522...ry-beforeunload

Jedynym rozwiązniem jest użycie tego co już masz z tym, że musiałbyś podać informację (prośbę) o to, żeby użytkownik pozostał na stronie i wypełnił ankietę / dał odpowiedź na powód dla którego opuszcza stronę:

W kodzie wyglądałoby by to tak:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
 
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
<script type="text/javascript" src="/jquery.fancybox.js"></script>
</head>
<body>
 
 
	<script type="text/javascript">
		var inFormOrLink;
		//$('a').live('click', function() { inFormOrLink = true; });
		//$('form').bind('submit', function() { inFormOrLink = true; });
 
		$(window)
				.bind(
						"beforeunload",
						function(event) {
 
							//JAK W TYM PRZYPADKU ODPALIĆ FANCYBOXA PO ZWRÓCENIU FALSE?
							var newslettfancy = '<div><p><strong>Siemano działa fancybox</strong></p></div>';
							$.fancybox(newslettfancy, {
								'autoDimensions' : false,
								'width' : 500,
								'height' : 'auto',
								'transitionIn' : 'none',
								'transitionOut' : 'none',
								'padding' : 5,
								helpers : {
									overlay : {
										closeClick : false
									}
								}
							});
 
							// Tutaj się wyświetli okno dialogowe przeglądarki.
							return "Czy chciałby Pan/i podać powód rezygnacji ze strony? Prosimy pozostać na stronie, jeśli tak."; // Tutaj
 
							// Jeśli odpowiedź będzie pozytywna wyświetli się fancybox
						});
	</script>
 
 
</body>
</html>
 
[HTML] pobierz, plaintext 

Rozumiem. W takim razie będę musiał się zastanowić czy w ogóle wprowadzać takie rozwiązanie, ponieważ chciałem bezwzględnie wymusić na użytkowniku zaznaczenie przyczyny opuszczenia strony. Tak to się opisze i opisze, żeby dopracować kod a podejrzewam, że mało komu będzie się chciało zaznaczać przyczynę -lepiej uciec od razu skoro decyzja o ucieczce została już podjęta :/ Nikt nie lubi się tłumaczyć jeżeli nie musi tego robić.. Dzięki za odpowiedzi Pozdrawiam