אהלן, אני צריך עזרה בסקריפט לאתר העלאות
אני צריך לעשות כפתור "הוסף קבצים" שכל פעם שלוחצים "הוסף" זה פותח עוד חלון של file
אני בקושי יודע js ולכן הצלחתי לעשות שזה פותח רק פעם אחת:

קוד PHP:

 function addfileup() {
     document.getElementById("upfile1").style.display = "inline";
 }
 function delfileup() {
  document.getElementById("upfile1").style.display = "none";
 } 


והקוד שנפתח:

קוד PHP:

 <DIV id="upfile1" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="45" /><input type="submit" value="הסר" onClick='delfileup()'><br /></Div>
<input type="submit" name="addone" value="הוסף קובץ" onClick='addfileup()' /> 


אין לי מושג איך לעשות שאם ממשיכים ללחוץ על הוסף קובץ זה ממשיך ליצור ככה 5 פעמים את הfile
וב5 אם ממשיכים להוסיף זה כותב alter של אי אפשר להוסיף יותר
הנה דוגמה למה שעשיתי:
http://upload.ben-il.com/index.php
הנה דוגמא למה שאני רוצה: תלחצו עוד קבצים
http://www.siz.co.il

אשמח אם מישהו יביא לי את הקוד המלא למה שאני רוצה, זה בכל אופן הקוד המלא שלי שאני צריך לשפר:

קוד PHP:

 <SCRIPT language="JavaScript1.2">
 function addfileup() {
     document.getElementById("upfile1").style.display = "inline";
 }
 function delfileup() {
  document.getElementById("upfile1").style.display = "none";
 }
</SCRIPT> 


והטופס:

קוד PHP:

 <form action="newfile.php" method="post" enctype="multipart/form-data">
<span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="50" /><br /> 
<DIV id="upfile1" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="45" /><input type="submit" value="הסר" onClick='delfileup()'><br /></Div>
<DIV id="upfile2" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="45" /><br /></Div>
<DIV id="upfile3" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="45" /><br /></Div>
<DIV id="upfile4" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="45" /><br /></Div>
<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
<input type="submit" name="check_if_press" value="העלה כעת"onClick='submitionClick()' /></form><input type="submit" name="addone" value="הוסף קובץ" onClick='addfileup()' /> 


תודה רבה מראש לעוזרים!

--- ! Area Close ! ---

תשנה את הפונקציות לזה:

קוד:

// outside the function:
var uploadsCount = 1;
function addfileup()
{
if (uploadsCount <= 5)
{
document.getElementById("upfile" + uploadsCount.toString()).style.display = "inline";   
   uploadsCount++;
}
else
   alert ("Too much uploads");
}
// same for delFileUp

זה יהיה אם אתה רוצה לעשות בגישה שלך.

יש גישה אחרת שאתה יכול כל פעם ליצור דרך JS אובייקט DIV חדש ואז לשייך אותו למסמך. אבל אני לא סגור על הדרך לעשות את זה, אז אני אשתוק

ועוד משהו - <script type="text/javascript">
אין סיבה ל JavaScript1.2. אני לא יודע אם הדפדפנים בכלל מתייחסים לזה

אממ תודה רבה עזרת מאוד זה עובד חלקית אבל יש כמה בעיות
לא עשית אז הכפתור "הסר" אז ניסיתי משהו בעצמי הנה:
הקוד:

קוד PHP:

 // outside the function:
var uploadsCount = 1;
function addfileup()
{
if (uploadsCount <= 5)
{
document.getElementById("upfile" + uploadsCount.toString()).style.display = "inline"; 
     uploadsCount++;
}
else
     alert ("Too much uploads");
}
// same for delFileUp
function delfileup1() {
    document.getElementById("upfile1").style.display = "none";
}
function delfileup2() {
    document.getElementById("upfile2").style.display = "none";
}
function delfileup3() {
    document.getElementById("upfile3").style.display = "none";
}
function delfileup4() {
    document.getElementById("upfile4").style.display = "none";
}
 
function delfileup5() {
    document.getElementById("upfile5").style.display = "none";
} 


הטופס:

קוד PHP:

 <form action="newfile.php" method="post" enctype="multipart/form-data">
<span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="50" /><br /> 
</form>
<DIV id="upfile1" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" size="45" /><input type="submit" value="הסר" onClick='delfileup1()'><br /></Div>
<DIV id="upfile2" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" size="45" /><input type="submit" value="הסר" onClick='delfileup2()'><br /></Div>
<DIV id="upfile3" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" size="45" /><input type="submit" value="הסר" onClick='delfileup3()'><br /></Div>
<DIV id="upfile4" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" size="45" /><input type="submit" value="הסר" onClick='delfileup4()'><br /></Div>
<DIV id="upfile5" style="display:none;" ><span class="uptexts">בחר קובץ: </span><input type="file" size="45" /><input type="submit" value="הסר" onClick='delfileup5()'><br /></Div>
<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
<input type="submit" name="check_if_press" value="העלה כעת"onClick='submitionClick()' /></form><input type="submit" name="addone" value="הוסף קובץ" onClick='addfileup()' /> 


והבעיה היא שזה אכן מסיר שלוחצים הסר אבל אחרי שמסירים את כל הdivs (ז"א שהופכים את כולם
לdisplay none אי אפשר להחזיר אותם שלוחצים על "הוסף קבצים" וחייבים ללחוץ רענן
בנוסף, גם אחרי שמוסיפים 5 ואחר כך מוחקים אותם (הופכים אותם לnone) ואחר כך מנסים להוסיף זה כותב שזה מלא
לינק לראות את הבעיות ישירות:
http://upload.ben-il.com/index.php

ושוב תודה!

--- ! Area Close ! ---

מסיבה בלתי מוסברת, היו לי 10 דקות פנויות אז עשיתי לך את זה:

קוד:

var open = 1;
var max = 5;
function addfileup()
{
if (open <= max)
{
oDiv = document.createElement("<div id=\"upfile" + open.toString() + "\">");
oDiv.style.display = 'inline';
oSpan = document.createElement("span");
oSpan.className = 'uptexts';
oSpan.innerText = 'בחר קובץ: ';
oInput = document.createElement("<input type=\"file\" size=\"45\" />");
oBtn = document.createElement("<input type=\"button\" value=\"הסר\" onclick=\"delfileup(" + open.toString() + ")\" />");
oSpan.appendChild(oInput);
oSpan.appendChild(oBtn);
oDiv.appendChild(oSpan);
document.getElementById('uploads').appendChild(oDi  v);
++open;
}
else alert("out of space");
}
function delfileup(id)
{
if (id < open) {
alert ("error?");
return;
}
 
curFile = document.getElementById('upfile' + id.toString());
document.getElementById('uploads').removeChild(cur  File);
++max;
}

אתה צריך למחוק את כל הUPLOADים שעשית שם ולשים במקום זה:

קוד:

 <div id="uploads"></div> 

לפני שאתה מגיב, לא יצא לי לנסות את זה בכלל ואין לי מושג אם זה עובד, אבל הרעיון אמור להיות ברור - אתה יוצר כל פעם שדה כזה דינמי ומוחק אותו כשאתה עושה הסר. אני נעזרתי בעזרה של MSDN באינטרנט (חפש למשל appendChild בגוגל).


אגב, בשיטה הקודמת, היית חייב לשנות את הvalue של הקובץ כדי שאם אתה מסיר אותו שהוא לא יעלה אותו עדיין

תודה רבה, אבל עדיין יש בעיה קלה=\
זה הקוד סקריפט שהבאת:

קוד PHP:

 var open = 1;
var max = 5;
function addfileup()
{
if (open <= max)
{
oDiv = document.createElement("<div id=\"upfile" + open.toString() + "\">");
oDiv.style.display = 'inline';
oSpan = document.createElement("span");
oSpan.className = 'uptexts';
oSpan.innerText = 'בחר קובץ: ';
oInput = document.createElement("<input type=\"file\" size=\"45\" />");
oBtn = document.createElement("<input type=\"button\" value=\"הסר\" onclick=\"delfileup(" + open.toString() + ")\" />");
oSpan.appendChild(oInput);
oSpan.appendChild(oBtn);
oDiv.appendChild(oSpan);
document.getElementById('uploads').appendChild(oDi   v);
++open;
}
else alert("out of space");
}
function delfileup(id)
{
if (id < open) {
alert ("error?");
return;
}
 
curFile = document.getElementById('upfile' + id.toString());
document.getElementById('uploads').removeChild(cur   File);
++max;
} 


זה הטופס:

קוד PHP:

 <form action="newfile.php" method="post" enctype="multipart/form-data">
<span class="uptexts">בחר קובץ: </span><input type="file" name="my_file" size="50" /><br /> 
</form>
<div id="uploads"></div>
<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
<input type="submit" name="check_if_press" value="העלה כעת"onClick='submitionClick()' /><input type="submit" name="addone" value="הוסף קובץ" onClick='addfileup()'> 


ומשום מה לא קורה כלום כאשר לוחצים הוסף קובץ
גם עכשיו כל הקוד js שלי בעמוד לא עובד.. אז מה הבעיה?
ותודה רבה שוב!

--- ! Area Close ! ---

הDIV שהוספת בשם uploads צריך להיות בתוך הFORM

חוץמזה, לא יצא לי לבדוק את הקוד שלי
יכול להיות שיש שם תקלה איפושהו
אם כל ה JS לא עובד, אז בטח חסר איזה נקודה פסיק או משהו..

הוספתי form ואיך הבדל=\
גם עברתי על הקוד ולא מצאתי איזה בעיית נקודה פסיק
וגם ככה אני לא ממש מבין בjs
אשמח אם תבדוק מה הבעיה.

--- ! Area Close ! ---

אוקיי. הנה זה בא.
אתה יכול לראות את התוצאה ב http://www.spunk.co.il/up/ אם אתה רוצה

קובץ ה HTML:

קוד:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>BB AA CC</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="upload.js"></script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<span class="uptexts">בחר קובץ: </span>
	<input type="file" name="my_file" size="50" /><br />
<div id="uploads"></div>
<input type="button" name="addone" value="הוסף קובץ" onclick="addfileup();" />  
</form>
</body>
</html>

קובץ ה JS:

קוד:

var open = 1;
var max = 5;

function addfileup()
{
	if (open <= max)
	{
		oDiv = document.createElement("div");
		oDiv.id = 'upfile' + open.toString();
		oDiv.style.display = 'inline';
		
		oSpan = document.createElement("span");
		oSpan.className = 'uptexts';
		oText = document.createTextNode('בחר קובץ: ');

		oInput = document.createElement("input");
		oInput.type = 'file';
		oInput.size = '45';
		
		oBtn = document.createElement("input");
		oBtn.type = 'button';
		oBtn.value = 'הסר';
		oBtn.upID = open;
		oBtn.onclick = function () {
			 delfileup(this.upID);
		}

		oSpan.appendChild(oText);
	    
		oSpan.appendChild(oInput);
		oSpan.appendChild(oBtn);
		oDiv.appendChild(oSpan);
		oDiv.appendChild(document.createElement("br"));
		
		document.getElementById('uploads').appendChild(oDi  v);
		++open;
	}
	else
		alert("out of space");
}

function delfileup(id)
{
	if (parseInt(id) == NaN)
		return;
		
	if (id > open) {
		alert ("error?");
		return;
	}

	 curFile = document.getElementById('upfile' + id.toString());
	 document.getElementById('uploads').removeChild(cur  File);
	 ++max;
}

זה אותו עקרון כמו מה שהדבקתי מקודם, רק שמקודם לא ידעתי שאסור לבנות אלמנט כמו HTML, אלא צריך לבנות אותו לפי attributes

אם משהו לא מובן, yoavmatchulsky@gmail.com

עריכה: יש רק איזה משהו עם העברית שקופצת לשמאל כשמוסיפים עוד אחד. צריך לשחק עם זה.

תודהההההההה רבהההההההההה על ההעזרהההההההההה וההשקעה מזמנך לעזור לי
זה עובד פרפקט! גם זה מותאם מצויין שהקבצים יהיו בתוך הטופס של העלה של הקובץ הראשי והסמיט
תודה רבה אחי אני מאוד מודה לך! המשך יום נפלא!

--- ! Area Close ! ---