<form method="post" name="my_submit" id="my_submit" enctype="multipart/form-data" onsubmit="var url = {myURL} + '?subAction=upload_file'; sendForm(this, url, uploadComplete); return true;">
<table align="center" border="0" cellpadding="0" cellspacing="8">
	{content all cells, inputs, checks, radio, selects}
	<tr>
		<td class="body_pink_cell">File to upload:</td>
		<td>
<div class="fileinputs" style="position: relative; width: 300px; height: 27px;">
<input type="file" class="file" name="file_upload" id="file_upload" style="width: 85px; margin: 0; margin-top: 2px; height: 22px; margin-left: 220px; cursor: hand; cursor: pointer;" onchange="clearError();">
</div>
		</td>
	</tr>
	<tr><td><img id="but_submit" style="cursor: hand; cursor: pointer;" src="images/btn_submit_form_dark.png" width="101" height="27"></td>
	</tr>
	<tr><td><input style="visibility: hidden;" id="submit_form" name="submit_form" type="submit" value="submit"></td>
	</tr>
</table>

var W3CDOM = (document.createElement && document.getElementsByTagName);
function initFileUploads() {
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	var overInput = document.createElement('input');
	overInput.disabled = "true";
	fakeFileUpload.appendChild(overInput);
	var image = document.createElement('img');
	image.id = "browse_button";
	image.src='images/btn_browse_dark.png';
	image.style.width = "87px";
	image.style.height = "27px";
	image.style.verticalAlign = "top";
	image.onmouseover = function() {document.getElementById('browse_button').src = 'images/btn_browse_light.png';};
	image.onmouseout = function() {this.src = 'images/btn_browse_dark.png';};
	fakeFileUpload.appendChild(image);
	var x = document.getElementsByTagName('input');
	for (var i =  0 ; i < x.length; i++) {
		if (x[i].type != 'file') continue;
		if (x[i].getAttribute('noscript')) continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[ 0 ];
		if (x[i].value) x[i].onchange();
		x[i].onchange = function() {this.relatedElement.value = this.value;};
		x[i].onmouseout = function() {document.getElementById('browse_button').src = 'images/btn_browse_dark.png'; this.relatedElement.value = this.value;};
		x[i].onmouseover = function() {document.getElementById('browse_button').src = 'images/btn_browse_light.png';};
	}
}
document.getElementById("but_submit").onclick = function() {
	var data = [];
	data["subAction"] = "myAction";
	data["value1"] = document.getElementById("input1").value;
	data["value2"] = document.getElementById("select3").value;
	{все поля для отправки на сервер - для проверки на валидность}
	updateContentWithData(data); {функция отправки значений и определения дальнейшего шага в зависимости от ответа сервера - без отправки самого файла!!!, только его имя}
	if (document.getElementById("file_upload").value != "")
		document.getElementById('submit_form').click();
};

div.fakefile {position: absolute; top: 0px; left: 0px; width: 350px; padding:  0 ; margin:  0 ; z-index:  1 ; line-height:  90 %;}
div.fakefile input {margin-bottom: 5px; margin-left:  0 ;}
input {border: solid 1px #7f9db9; width: 216px; height: 18px; font-family: Verdana, Tahoma, Arial; color: # 666 ; font-size: 10pt;}
input.file.hidden {position: relative; text-align: right; -moz-opacity:  0 ; filter: alpha(opacity:  0 ); opacity:  0 ; z-index:  2 ; float: left;}

function createIFrame() {
	var frame_id = 'frame' + Math.floor(Math.random() *  99999 );
	var div = document.createElement('div');
	div.innerHTML = '<iframe style="display:none" src="about:blank" id="' + frame_id + '" name="' + frame_id + '" onload="sendComplete(\'' + frame_id + '\')"></iframe>';
	document.body.appendChild(div);
	return document.getElementById(frame_id);
}
function sendForm(form, url, func) {
	if (!document.createElement) return;
	if (typeof(form) == "string") form = document.getElementById(form);
	var iframe = createIFrame();
	iframe.onSendComplete = function() {func(getIFrameXML(iframe));};
	form.setAttribute('target', iframe.id);
	form.setAttribute('action', url);
	form.submit();
}
function sendComplete(frame_id) {
	var iframe = document.getElementById(frame_id);
	if (iframe.onSendComplete && typeof(iframe.onSendComplete) == 'function')
		iframe.onSendComplete();
}
function getIFrameXML(iframe) {
	var doc = iframe.contentDocument;
	if (!doc && iframe.contentWindow) doc = iframe.contentWindow.document;
	if (!doc) doc = window.frames[iframe.id].document;
	if (!doc) return null;
	if (doc.location == "about:blank") return null;
	if (doc.XMLDocument) doc = doc.XMLDocument;
	return doc;
}
function uploadComplete(doc) {
	if (!doc) return;
}