สอบถาม js ถ้าจะแสดงข้อความต้องเขียนต่อ string อย่างไร

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 658
Joined: 22/12/2020 10:09 am

สอบถาม js ถ้าจะแสดงข้อความต้องเขียนต่อ string อย่างไร

Post by eange08 »

javascript ถ้าต้องการแสดงชื่อไฟล์หรือข้อความแบบในรูปจะต้องเขียนให้ต่อ string แบบในภาพอย่างไรบ้างค่ะ
ตัวหนังสือสีแดงที่ต้องการให้แสดง
screenshot-bpconcjcammlapcogcnnelfmaeghhagj-2020.12.30-15_36_44.png
screenshot-bpconcjcammlapcogcnnelfmaeghhagj-2020.12.30-15_36_44.png (20.31 KiB) Viewed 384 times
code ที่แสดงในส่วนของ list

Code: Select all

add: function (e, data) { 
 	var before_size=formatFileSize(data.files[0].size);
	var before_file_name=data.files[0].name;
	if (!data.files[0].name.match(/.(jpg|jpeg|png|webp,png)$/i)){
		var checktype='N';
	}else{
		var checktype='Y';
	}
    
            var tpl = $('<li class="working"><input type="text" value="0" data-width="48" data-height="48"'+
                ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#fff" /><p></p><span></span></li><input type="hidden" name="hdd_filenm_'+row+'" id="hdd_filenm_'+row+'" value="'+before_file_name+'"><input type="hidden" id="hdd_file_size_'+row+'" name="hdd_file_size_'+row+'">'); //แสดงตัว process วงกลม

            // แสดงชื่อไฟล์กับ file size
            tpl.find('p').text(data.files[0].name)
                 .append('<i>' + formatFileSize(data.files[0].size) + '</i>');
	    
            // Add the HTML to the UL element
            data.context = tpl.appendTo(ul);

            // Initialize the knob plugin
            tpl.find('input').knob();

            // Listen for clicks on the icons.png to remove
            tpl.find('span').click(function(){

                if(tpl.hasClass('working')){
                    jqXHR.abort();
                }

                tpl.fadeOut(function(){
                    tpl.remove();
                });

            });

            // Automatically upload the file once it is added to the queue
            var jqXHR = data.submit();
	    row=parseInt(row)+1;
        },
User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 27222
Joined: 22/09/2008 6:18 pm
Contact:

Re: สอบถาม js ถ้าจะแสดงข้อความต้องเขียนอย่างไร

Post by mindphp »

ตัวอย่างการเขียน update row ข้อมูลใน HTML หน้าหลัก
จากข้อมูลจาก Ajax ที่อัพโหลด ภาพ หรือไฟล์ ที่อัพขึ้นมาในบอร์ด

assets/javascript/plupload.js?assets_version=317
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 658
Joined: 22/12/2020 10:09 am

Re: สอบถาม js ถ้าจะแสดงข้อความต้องเขียนอย่างไร

Post by eange08 »

ตอนนี้เข้าใจและทำได้แล้วนะคะ โดยจะแบ่งเป็น 2 ส่วนคือ 1. แสดงหน้าจอ 2. ส่วนที่อ้างอิง id / input ข้อ 1
ไฟล์ script.js
ส่วนที่ 1 เป็นส่วนที่เราเห็นในหน้าจอ ใส่แท๊ก HTML แต่ใน div เราก็ใส่ id ไว้เราจะไปใช้กับส่วนที่ 2

Code: Select all

 var tpl = $('<li class="working"><input type="text" value="0" data-width="50" data-height="50"'+
                ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#fff" /><div class="row"><div class="col-md-4"><p></p></div><div class="col-md-4" id="aft"></div><div class="col-md-4"><span></span></div></div></li><input type="hidden" name="hdd_filenm_'+row+'" id="hdd_filenm_'+row+'" value="'+before_file_name+'"><input type="hidden" id="hdd_file_size_'+row+'" name="hdd_file_size_'+row+'">');
ส่วนที่ 2 ไฟล์

Code: Select all

// Append the file name and file size
            tpl.find('p').text(data.files[0].name)  //-----แสดงชื่อรูปที่ <div class="col-md-4"><p></p></div>
                 .append('<i>' + formatFileSize(data.files[0].size) + '</i>');   //-----แสดงขนาดไฟล์โดยจะสร้างแท๊ก <i></i>  อยู่ใน <div class="col-md-4"><p><i></i></p></div>
	
	    tpl.find('#aft').text(data.files[0].name)  //-----แสดงชื่อรูปที่ <div class="col-md-4" id="aft"></div>
               .append('<i>' + formatFileSize(data.files[0].size) + '</i>');  //-----แสดงขนาดไฟล์โดยจะสร้างแท๊ก <i></i>  อยู่ใน <div class="col-md-4" id="aft"><i></i></div>
	  
	
            // Add the HTML to the UL element
            data.context = tpl.appendTo(ul); //----คำสั่งไปแสดงบนหน้าจออีกที
ผลลัพท์ที่ได้
screenshot-localhost-2020.12.30-18_57_33.png
screenshot-localhost-2020.12.30-18_57_33.png (21.16 KiB) Viewed 369 times
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Programming - PHP”

Who is online

Users browsing this forum: No registered users and 14 guests