Redosled izvrsavanja scripte

[Nenad Strainovic]

$('.form-validation').fancybox({
	afterShow: function(){
		alert('before');
	}
}).trigger('click');

alert('after');

Problem je u tome sto se prvo izvrsi alert('after');, a tek onda alert('before');

Kako ovo moze da se resi?

Inace, zamisao je da se prilikom klika na submit pokrene funkcija za validaciju forme koja ce otvoriti fancybox gde ce pisati da je provera u toku... i na kraju provere fancybox se zatvara i prikazuju se greske ako ih ima.

Nije neophodno da to bude fancybox, u obzir dolaze i druge scripte ali posto nju vec koristim za neke stvari, ona mi je delovala kao logican izbor.

Mozda je greska u logici kako ovo resiti?

Sta vi predlazete?

Hvala!

[Br@nkoR]

npr

$('.form-validation').fancybox({
  beforeLoad: function() { // ili beforeShow
    alert('before');
  },
  afterShow: function(){
    alert('after');
  }
}).trigger('click');

[Nenad Strainovic]

Da, to bi moglo tako ali na zalost, to nije ono sto meni treba. Evo malo detaljnijeg objasnjenja:

function validate() {
var is_valid = true;

$('.form-validation').fancybox({
	afterShow: function() {
		is_valid = false;
	}
}).trigger('click');

return ( is_valid ) ? true : false;
}

Problem je sto funckija validate uvek vraca true zato sto se afterShow izvrsava kasnije.

Nadam se da je sada mnogo jasniji problem koji imam.

Hvala

[Br@nkoR]

Ukoliko sam dobro razumeo, ti funkciju validate pozivaš npr:

$('form').submit(validate);

Možda npr:

function validate(event) {
var self = this,
    is_valid = false;  
event.preventDefault();
$('.form-validation').fancybox({
	afterShow: function() {
		is_valid = true;	
		if(is_valid) {
		  self.submit();
		}
	}
}).trigger('click');
}

[Nenad Strainovic]

Formu submitujem preko jQuery Form Plugin-a koji u sebi ima beforeSubmit callback koji koristim da pokrenem moju funkciju validate() koja treba da vrati true ili false kako bi ajaxForm pokrenuo success callback koji preko ajax-a salje podatke serveru...

Deluje zamrseno ali u sustini to izgleda ovako:

$('form').ajaxForm({
	beforeSubmit: validate,
	success: function(data) {
		// do something
	}
});

function validate(formData, jqForm, options) {
var is_valid = true;

$('.form-validation').fancybox({
	afterShow: function() {
		// validate fields
		is_valid = false;
	}
}).trigger('click');

return ( is_valid ) ? true : false;
}

[Br@nkoR]

Možeš umesto self.submit();, u kodu koji sam ja postavio, staviti $(self).ajaxSubmit();
Npr.

function validate(form) {
  var is_valid = true;
  return is_valid;
}
var forma = $('form');
forma.ajaxForm({
	success: function(data) {
		// do something
	}
});

forma.submit(function(event) {
var self = this;  
event.preventDefault();
$('.form-validation').fancybox({
	afterShow: function() {
		if(validate(self)) {
		  //self.submit();
	       $(self).ajaxSubmit();		  
		}
	}
}).trigger('click');
});

Mada mošeš umesto tog plugina-a koristiti i nešto kao:

$.post('submit.php', $('form').serialize(), function() {
  // do something
})

[Nenad Strainovic]

To je to, hvala ti puno na pomoci