อยากทราบวฺิธีการทำปุ่มเพิ่มตัวเลย ครับ

[jamepiyawat]

พอดีว่าผมได้ทำช่องที่จะใส่ตัวเลขลงไปแล้วอย่ากให้มีปุ่มที่จะให้ผู้ใช้สามารถคลิกแล้วเปลี่ยนตัวเลขได้เลยแต่ผมลองทำปุ่มที่ว่าออกมาแล้วแต่ว่ากดไม่ได้เป็นเพราะอะไรเหรอ ครับ

Selection_999(874).png (11.48 KiB) Viewed 607 times

โค้ด

Code: Select all

<span class="quantity-text">Quantity</span>
                                        <span class="quantity-box">
                                            <input type="text" class="quantity-input js-recalculate" name="quantity[]" data-errstr="You can buy this product only in multiples of %s pieces!" value="1" init="1" step="1">
                                        </span>

                                        <span class="quantity-controls js-recalculate">
                                            <button type="button" class="quantity-controls quantity-plus"><i class="fa fa-angle-up"></i></button>
                                            <button type="button" class="quantity-controls quantity-minus"><i class="fa fa-angle-down"></i></button>
                                        </span>

[tsukasaz]

น่าจะต้องใช้ javascript ทำ ลองดูของต้นฉบับที่ทำได้ ว่าใช้ javascript อะไร หาจากชื่อ class ก็ได้ quantity-plus quantity-minus

[jamepiyawat]

ต้องหายังไงเหรอครับ

[tsukasaz]

หาไม่เจอก็เขียน javascript เพิ่มไปก็ได้ครับ

Code: Select all

jQuery(function($) {
	$('.quantity-plus, .quantity-minus').click(function() {
		let value = parseInt($('.quantity-input').val());
		let new_value = $(this).hasClass('quantity-plus') ? value + 1 : value - 1;
		$('.quantity-input').val(new_value < 1 ? 1 : new_value);
	});
});

[jamepiyawat]

เอาไปใสแล้วขึ้นว่า syntax error, unexpected '$', expecting variable (T_VARIABLE) ครับ

[tsukasaz]

อันนี้คือ javascript นะครับ ไม่ใช่ php ลองดูเรื่องการแทรก javascript หรือ css ใน joomla

[jamepiyawat]

ทำได้แล้วผมใส่แท็กผิดครับพอดีว่าไปใส่ในแท็ก php ครับ

[LEG]