tomer/index.html

## index.html
<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Abstract layout for freefax.co.il new fax submittion form</title>
		<script>
			function showNextUploadField(myID) {
				if (document.getElementById('u' + myID) != "")
					addUploadField(myID + 1);
				else
					RemoveUploadField(myID + 1);
			}

			function RemoveUploadField(number) {
				document.getElementById('u'+ number).style.display = "none";
			}

			function addUploadField(number) {

				if (document.getElementById('u' + number)) {
					document.getElementById('u'+ number).style.display = "block";
				}
				else {
					label = document.createElement('label');
					label.textContent = "מסמך "+ number +": ";

					input = document.createElement('input');
					input.type = 'file';
					input.id = "upload"+ number;
					input.onchange = function() {
						showNextUploadField(number);
					}

					p = document.createElement('p');
					p.id = 'u'+ number;

					p.appendChild(label);
					p.appendChild(input);

					document.getElementById('uploads').appendChild(p);
				}
			}

			function addRecipient(myID) {
				nextID = myID + 1;
				if (document.getElementById('r' + myID == "")) {
					if (document.getElementById('r' + nextID))
						document.getElementById('r' + nextID).style.display = none;
				}
				else {
					if (document.getElementById('r' + nextID))
						document.getElementById('r'+ nextId).style.display = "block";
					else {
						node = document.createElement ("input");
						node.id = 'r'+ nextID;
						node.type="text";
						node.placeholder = "נמען "+ nextID;
						node.onchange = function() { addRecipient(nextID); }

						document.getElementById("recipients").appendChild(node);
					}
				}
			}
		</script>
	</head>
	<body>
		<h1>FreeFax.co.il refreshed fax submission form proposal</h1>
		<p>Gist URL: <a href="https://gist.github.com/3486978">https://gist.github.com/3486978</a></p>

		<form dir="rtl">
			<fieldset id="uploads">
				<legend>צירוף קבצים</legend>
				<p>ניתן לצרף עד ארבעה מסמכים לכל פקס</p>
				<p id="u1">
				<label for="upload1">מסמך 1:</label>
				<input id="upload1" type="file" onChange="showNextUploadField(1)" />
			</fieldset>
			<fieldset id="recipients">
				<legend>נמענים</legend>
				<input type="text" placeholder="נמען 1" onchange="addRecipient(1)"
			/></fieldset>
			<fieldset>
				<legend>פרטי השולח</legend>
				<p>
					<label for="subject">תיאור הפקס (לא חובה):</label>
					<input id="subject" type="text" />
				</p>
				<p>
					<label for="email">כתובת דואר אלקטרוני למשלוח אישור מסירה:</label>
					<input id="email" type="text" type="text" required="required" />
				</p>
			</fieldset>
			<fieldset>
				<legend>מועד שליחה</legend>
				<input type="radio" name="time" value="now" checked="checked">עכשיו</input>
				<input type="radio" name="time" value="evening">בערב</input>
				<input type="radio" name="time" value="weekend">בסוף השבוע</input>
				<ul>
					<li>באפשרותך לשלוח עוד 5 מסמכים במשך שעות היום.
					<li>באפשרותך לשלוח עוד 40 מסמכים בשעות הערב והלילה.
					<li>באפשרותך לשלוח עוד 500 מסמכים במהלך סוף השבוע.
					<li>מכסת המסמכים הנה אישית ומתמלאת מחדש מידי יום.
				</ul>
			</fieldset>
			<label for="tos">אישור תקנון:</label>
			<input type="checkbox" id="tos" required="required">קראתי את התקנון ואני מסכים/מסכימה לתוכנו.</input>
			<p>פקס שישלח עכשיו צפוי להמתין כ־2 דקות.</p>
			<p>(פקס דחוף? שילחו אותו מיידית בשירות העיסקי שלנו!)</p>
			<input type="submit" value="שליחת פקס!" />
		</form>
	</body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Abstract layout for freefax.co.il new fax submittion form</title>
	<script>
	function showNextUploadField(myID) {
	if (document.getElementById('u' + myID) != "")
	addUploadField(myID + 1);
	else
	RemoveUploadField(myID + 1);
	}

	function RemoveUploadField(number) {
	document.getElementById('u'+ number).style.display = "none";
	}

	function addUploadField(number) {

	if (document.getElementById('u' + number)) {
	document.getElementById('u'+ number).style.display = "block";
	}
	else {
	label = document.createElement('label');
	label.textContent = "מסמך "+ number +": ";

	input = document.createElement('input');
	input.type = 'file';
	input.id = "upload"+ number;
	input.onchange = function() {
	showNextUploadField(number);
	}

	p = document.createElement('p');
	p.id = 'u'+ number;

	p.appendChild(label);
	p.appendChild(input);

	document.getElementById('uploads').appendChild(p);
	}
	}

	function addRecipient(myID) {
	nextID = myID + 1;
	if (document.getElementById('r' + myID == "")) {
	if (document.getElementById('r' + nextID))
	document.getElementById('r' + nextID).style.display = none;
	}
	else {
	if (document.getElementById('r' + nextID))
	document.getElementById('r'+ nextId).style.display = "block";
	else {
	node = document.createElement ("input");
	node.id = 'r'+ nextID;
	node.type="text";
	node.placeholder = "נמען "+ nextID;
	node.onchange = function() { addRecipient(nextID); }

	document.getElementById("recipients").appendChild(node);
	}
	}
	}
	</script>
	</head>
	<body>
	<h1>FreeFax.co.il refreshed fax submission form proposal</h1>
	<p>Gist URL: <a href="https://gist.github.com/3486978">https://gist.github.com/3486978</a></p>

	<form dir="rtl">
	<fieldset id="uploads">
	<legend>צירוף קבצים</legend>
	<p>ניתן לצרף עד ארבעה מסמכים לכל פקס</p>
	<p id="u1">
	<label for="upload1">מסמך 1:</label>
	<input id="upload1" type="file" onChange="showNextUploadField(1)" />
	</fieldset>
	<fieldset id="recipients">
	<legend>נמענים</legend>
	<input type="text" placeholder="נמען 1" onchange="addRecipient(1)"
	/></fieldset>
	<fieldset>
	<legend>פרטי השולח</legend>
	<p>
	<label for="subject">תיאור הפקס (לא חובה):</label>
	<input id="subject" type="text" />
	</p>
	<p>
	<label for="email">כתובת דואר אלקטרוני למשלוח אישור מסירה:</label>
	<input id="email" type="text" type="text" required="required" />
	</p>
	</fieldset>
	<fieldset>
	<legend>מועד שליחה</legend>
	<input type="radio" name="time" value="now" checked="checked">עכשיו</input>
	<input type="radio" name="time" value="evening">בערב</input>
	<input type="radio" name="time" value="weekend">בסוף השבוע</input>
	<ul>
	<li>באפשרותך לשלוח עוד 5 מסמכים במשך שעות היום.
	<li>באפשרותך לשלוח עוד 40 מסמכים בשעות הערב והלילה.
	<li>באפשרותך לשלוח עוד 500 מסמכים במהלך סוף השבוע.
	<li>מכסת המסמכים הנה אישית ומתמלאת מחדש מידי יום.
	</ul>
	</fieldset>
	<label for="tos">אישור תקנון:</label>
	<input type="checkbox" id="tos" required="required">קראתי את התקנון ואני מסכים/מסכימה לתוכנו.</input>
	<p>פקס שישלח עכשיו צפוי להמתין כ־2 דקות.</p>
	<p>(פקס דחוף? שילחו אותו מיידית בשירות העיסקי שלנו!)</p>
	<input type="submit" value="שליחת פקס!" />
	</form>
	</body>
	</html>