Submit forme na cudan nacin :)

centaur · 25. 04. 2012.

@Br@nkoR
Ne mogu da kontrolisem sta je u iframe-u spolja, tj ne mogu da ubacim u frame html koji hocu van samog iframe-a.

@MorenoArdohain
Ne mogu da testiram u iE, nemam ga.
Probao sam FF, Chrome, Opera, Safari....svuda isto.

Evo i kompletnog koda, ako neko ima vremena i zeli da pomogne.
Prvo index.html

Kôd:

<html>
<head>
<title>Bla bla title</title>
<script type="text/javascript" src="/script.js"></script>
</head>

<body>
Some  nice body of this document
</body>

</html>

Jedina namena njegova je da uvuce odgovarajuci js.

Evo scrpts.js:

Kôd:

var xmlHttp = new XMLHttpRequest();
var url = "form.html";
xmlHttp.open('GET', url, true);
xmlHttp.onreadystatechange = function() {
	if (xmlHttp.readyState != 4) {
		return;
	}
	var result = xmlHttp.responseText;	
	var doc = document.implementation.createHTMLDocument('');
	doc.documentElement.innerHTML = result;
	
	var param1 = doc.getElementById("field1");	
	param1.value = "Well, I'm new one";
	alert(doc.getElementById("field1").value);
	var theForm = doc.forms['someCoolForm'];
	theForm.submit();	
};
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.send(null);

Tu treba da se odigra sva akcija.

form.html, tj forma koja se "uvlaci":

Kôd:

<html>
<head>
	<title>tra la la</title>
</head>
<body>
	<form action="http://www.test.intra/save.php" method="post" name="someCoolForm" id="someCoolForm">
		<input type="text" name="field1" id="field1" value="sdf" />
		<input type="text" name="field2" id="field2" value="sdfsd" />
		<input type="text" name="field3" id="field3" value="sdfsdsdfsd" />
		<input type="text" name="field4" id="field4" value="sdfsdsdfsdf" />
		<input type="submit" name="" value="Submit" />
	</form>
</body>
</html>

I na kraju save.php, tj fajl na koji treba da se odradi submit te forme:

Kôd:

<?php 
$tmp = serialize($_POST);
file_put_contents(dirname(__FILE__).'/public/test.txt', $tmp);
?>

Svaki konstruktivni predlog dobrodosao.

Br@nkoR · 25. 04. 2012.

Citat:

Originalno napisao centaur

@Br@nkoR
Ne mogu da kontrolisem sta je u iframe-u spolja, tj ne mogu da ubacim u frame html koji hocu van samog iframe-a.

Ono što sam mislio je da umesto reda:

Kôd:

var doc = document.implementation.createHTMLDocument('');

staviš, npr. nešto napamet:

Kôd:

var iframe = document.createElement('iframe');
iframe.src = 'about:blank';
iframe.style.display = 'none';
document.body.appendChild(iframe);
var doc = iframe.contentDocument;

Pošto se koristi document.body potrebno je sačekati da se stranica učita, pa da se izvrši kod unutar script.js (onload), možda je potrebno i sačekati da se iframe učita, nisam testirao.

Ili ne moraš da koristiš XMLHttpRequest, već sve preko iframe (učitaš form.html u isti i izvršiš potrebne izmene i submituješ formu) ukoliko se stranice nalaze na istom domenu.