เมือมีผู้ใช้กรอกจำนวนตรงนี้
popup ก็จะเข้าข้อมูลในช่องนั้นออกมาแสดง
อันดับแรกให้เราไปสร้าง id ในช่อง input ก่อน
โค้ด: เลือกทั้งหมด
<input type="text" class="quantity-input js-recalculate" value="1" id="nuberproduct" onchange="setQtyProduct()">
จากนั้นเราก็จะมาเขียน function แบบนี้
โค้ด: เลือกทั้งหมด
<?php
$document = JFactory::getDocument();
$document->addScriptDeclaration('
function setQtyProduct(){
var qty=document.getElementById("nuberproduct").value;
document.getElementById("shownuberproduct").innerHTML=qty;
}')
?>
ต่อมาเราก็จะนำ id ที่ชือว่า shownuberproduct ออกไปแสดงแบบนี้
โค้ด: เลือกทั้งหมด
<div>
<span>Quantity :
<div id="shownuberproduct">1</div>
</span>
</div>
เป็นอย่างไรกันบ้างครับสำหรับวิธีการทำให้แสดงตัวเลขที่ผู้ใช้กรอกที่หน้า popup โดยใช้ JavaScript ใน joomla ไม่ยากใช้ไหมล่ะครับถ้าใครที่ไม่ได้ใช้ joomla พัฒนาเว็บไซต์ก็สามารถนำโค้ดนี้ไปประยุกใช้ได้นะครับเพราะว่ามันต่างกันแค่ตอนเรียกใช้ JavaScript เท่านั้นเองก็หวังว่าทุกท่านี่เข้ามาอ่านบทความนี้จะได้รับความรู้กันไปไม่มากก็น้อยนะครับ