Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > javaScript มีปัญหาในการเพิ่ม Element บน FireFox7 ส่วน IE8 ใช้ได้ปกติ

javaScript มีปัญหาในการเพิ่ม Element บน FireFox7 ส่วน IE8 ใช้ได้ปกติ

เริ่มหัวข้อใหม่

iieszz

โพสกระทู้ ( 1,127 )
บทความ ( 2 )

รบกวนท่านที่เก่ง javaScript ช่วยดูโค๊ดนี้ให้หน่อยครับ
ปัญหา คือ FireFox7 ไม่สามารถ เพิ่ม Element(ช่อง Browse..) ได้ ส่วน IE8 เพิ่มได้
Code

<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<script language="javascript">
function fncCreateElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');
myLine.value++;

// Create input text
var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"txtGalleryName"+myLine.value);
myElement1.setAttribute('id',"txt"+myLine.value);
mySpan.appendChild(myElement1);

// Create input file
var myElement2 = document.createElement('input');
myElement2.setAttribute('type',"file");
myElement2.setAttribute('name',"fileUpload"+myLine.value);
myElement2.setAttribute('id',"fil"+myLine.value);
mySpan.appendChild(myElement2);

// Create <br>
var myElement3 = document.createElement('<br>');
myElement3.setAttribute('id',"br"+myLine.value);
mySpan.appendChild(myElement3);
}

function fncDeleteElement(){

var mySpan = document.getElementById('mySpan');

var myLine = document.getElementById('hdnLine');

if(myLine.value > 1 )
{

// Remove input text
var deleteFile = document.getElementById("txt"+myLine.value);
mySpan.removeChild(deleteFile);

// Remove input file
var deleteFile = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteFile);

// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);

myLine.value--;
}
}
</script>
<body>
<form action="php_multiple_upload5.php" method="post" name="form1" enctype="multipart/form-data">
<input type="text" name="txtGalleryName1"><input type="file" name="fileUpload1">
<input name="btnCreate" type="button" value="+" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="-" onClick="JavaScript:fncDeleteElement();"><br>
<span id="mySpan"></span>
<input name="hdnLine" type="hidden" value="1">
<input name="btnSubmit" type="submit" value="Submit">
</form>
</body>
</html>

ผมนำตัวอย่างมาจาก
PHP MySQL Upload File to MySQL Database - Multiple Dynamic CreateElement Input File Upload

Tag : PHP, JavaScript

Date : 2011-10-15 11:50:47

By : iieszz

View : 1049

Reply : 6

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ลองดูตัวนี้ครับ ผมแก้ปัญหากับ Firefox / Chrome ให้แล้ว

Go to : createElement(select); สร้าง Element ของ Select Option พร้อมกับ ดึงข้อมูลจาก MySQL Database ครับ

Date : 2011-10-16 17:33:02

By : webmaster

No. 2

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

บทความนี้ครับ Go to : Ajax CreateElement

Date : 2011-10-16 17:33:30

By : webmaster

No. 3

iieszz

โพสกระทู้ ( 1,127 )
บทความ ( 2 )

ขอบคุณครับพี่วิน

ขอถามเพิ่มเติมอีกนิดน่ะครับ

ก่อนที่จะกดปุ่ม+ ถ้าจะให้ มีการสร้างแถวแรก ของการกรอกข้อมูลขึ้นมาก่อน 1 แถว

จะต้องเพิ่มโค๊ดตรงไหนครับ

Date : 2011-10-17 17:11:10

By : iieszz

No. 4

d-day

โพสกระทู้ ( 20 )
บทความ ( 0 )

ใช้ jquery ดีกว่านะคับ ตัวอย่างแบบข้างบนหาดูใน google ก็มีเยอะคับ...

Date : 2011-10-17 18:09:13

By : thaining

No. 5

iieszz

โพสกระทู้ ( 1,127 )
บทความ ( 2 )

ตอบความคิดเห็นที่ : 4 เขียนโดย : thaining เมื่อวันที่ 2011-10-17 18:09:13

รายละเอียดของการตอบ ::

jQuery พอมีตัวอย่างบ้างป่าวครับ

Date : 2011-10-18 10:16:10

By : iieszz

No. 6

peterXP

โพสกระทู้ ( 875 )
บทความ ( 1 )

ไว้เป็นทางเลือกนะครับ เผื่อสนใจ

http://www.websitethailand.biz/testzone/jquery/form.html

Date : 2011-10-18 10:20:25

By : peterxp

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : javaScript มีปัญหาในการเพิ่ม Element บน FireFox7 ส่วน IE8 ใช้ได้ปกติ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก