Submit forme na cudan nacin :)

[centaur]

Situacija je sledeca.
Na nekoj stranici imam js kod koji preko ajaxa "dovuce" drugu stranicu u string.
Onda, kreiram novi dokument sa:

var doc = document.implementation.createHTMLDocument('');
doc.documentElement.innerHTML = result;

gde je result u stvari response koji je vratio ajax.
E sad, u tom novokreiranom dokumentu postoji forma gde bih ja promenio par stvari JS-om i odradio submit.
Da li je ovo prakticno moguce?

[webarto]

To možeš jednostavno uraditi sa jQuery... http://api.jquery.com/load/

$('#result').load('form.php', function() {
  alert('Load was performed.');
});

U callback funkciji uradiš to što hoćeš da izmjeniš, a možeš pozvati i drugu neku funkciju.

[centaur]

Pazi, meni nije problem da ucitam externu stranicu, smestim je u string, zamenim sta zelim....
Problem mi je da to formu (koja je u principu u JS stringu) submitujem.
Znaci, na stranici index.html, ucitam celu stranicu forma.html preko ajax-a, promenim sta zelim u formi i treba da odradim submit te ucitane forme.
Naravno, browser treba da ostane na index.html.
Da li je ovo prakticno moguce?

Da probam da objasnim jos malo detaljnije.
Ja mogu sa document.getElementById da pristpuim svim podacima u formi, medjutim, kada odradim document.getElementById('forma').submit()...corak.

[MorenoArdohain]

Moguce je, ali ne na nacin koji si naveo, pogledaj savete navedene ovde:
http://stackoverflow.com/questions/6...this-an-ie-bug
http://sanjusoftware.wordpress.com/2...-inside-table/

[misk0]

Klasican submit ce ucitati opet stranicu - istu ili neku drugu, svejedno ces imati ucitavanje.
Ukoliko samo zelis poslati podatke serveru, koristio AJAX. Post ili Get, nevazno je, onako kako ti je lakse

[centaur]

@MorenoArdohain
Hvala, ali to nije to ono sto meni treba.

Citam ovo kako sam pokusao da objasnim, nije ni meni jasno, a kamo li nekom ko to cita.
Da probam od pocetka.
Imam stranicu index.html, i ona samo ocitava recimo scripts.js gde se nalazi sav java script.
Taj java script, kada se ucita pomocu ajaxa pozove stranicu page.html (na kojoj se nalazi forma koja ja treba da submitujem) i sve to smesti u jedan string.
Evo i primer koda:

var xmlHttp = new XMLHttpRequest();
var url2 = "get.html";
xmlHttp.open('GET', url2, true);
xmlHttp.onreadystatechange = function() {
	if (xmlHttp.readyState != 4) {
		return;
	}
	var result = xmlHttp.responseText;	
};

Znaci, u results sada imamo ceo HTML stranice gde se nalazi forma. index.html je totalno nebitna stranica, osim sto se u njoj ucitava scripts.js.
Sada, uradim ovo:

var doc = document.implementation.createHTMLDocument('')
doc.documentElement.innerHTML = result

I to sve lepo radi, ja sada mogu da menjam vrednosti polja u formi, npr ovako:

var field1 = doc.getElementById('input_id');
field1.value = "nova vrednost";

I ono sto ja hocu, a sto ne mogu, je da odradim submit te forme.

doc.forms['id_forme'].submit();

ne radi....ne desi se nista.....
Da li je ovo uopste moguce?
Ako nije, svaki predlog je dobrodosao.
Verujem da sada moze da se razume sta ja ustvari pokusavam.

[webarto]

Ja sam ti rekao, ali ne slušaš, tvoj problem. Ne vidim razlog da ne koristiš jQ, koji će ti olakšati da savladaš ove probleme, uveliko.

[centaur]

jQuery ne koristim jer ga nije moguce koristiti u ovom slucaju.
Takodje ovo sto si ti napisao, ne radi ono sto ja zelim.
To ubaci html u odgovarajuci div u postojecoj stranici a ja to ne zelim.

[misk0]

Mozes se koristiti i drugim 'lukavstvom' za zamjenu citavog dokumenta:

document.write("TvojAjaxString");

Ne znam tacno koji dio ti ne radi, ali jesi li probao da probas uraditi test:
console.log(document.forms['idForm']);

da vidis sta ces dobiti?

Ako ne dobijes nista - ne moze da je nadje, moguce je da trebas koristiti onLoad event body. Naravno, sav taj JS kod se poziva iz novonastalog HTML koda koji ti je doshao AJAX-om, right?

btw. sve su to generalno 'ruzne' metode tj treba ih koristiti ako stvarno nema drugog rjesenja.

[centaur]

^Poenta je da bude silent
Cim se desi neka akcija na index.html gubi se sva draz a time i deo slave

Moze da nadje formu, cim mogu da promenim vrednosti za input elemente.
E sad, ne mogu da submitujem tu formu, posto je ona da kazem na neki nacin virtuelna.
Neznam da li je to uopste tehnicki izvodljivo.
Sva ostala resenja tipa ubaciti tu formu u hidden div, ili ovo sto je @webarto predlozio radi, ali nije silent.