Category Archives: Web development

script defer, async

วันนี้นั่งอ่าน CSS อยู่ก็เจอเข้ากับหัวข้อที่น่าสนใจของ HTML ที่เกี่ยวกับ tag ที่มีชื่อว่า script ใช่ครับมันคือ tag ที่เราใช้ในการโหลด javascript

อย่างในกรณี jquery หน้าตาประมาณนี้

<script src="jquery/3.2.1/jquery.min.js"></script>

ทีนี้สมมติว่าเราต้องการให้เวลาเอาเมาส์ไป hover บน div ก้อนนึงแล้ว alert ข้อความว่า mouseover แล้วเราเขียนเป็น javascript ไฟล์นึงขึ้นมามีโค้ดแบบนี้ (ชื่อว่า script.js)

$('div').on("mouseover", function(){
    alert("mouseover");
});

Continue reading

JDBC Pool กับ Tomcat

1. เพิ่มการตั้งค่าใน web.xml (WebContent/WEB-INF)
ระบุชื่อ datasource ด้วย <res-ref-name> เช่น สร้าง datasource ชื่อ jdbc/TestDB

<resource-ref>
     <description>DB Connection</description>
     <res-ref-name>jdbc/TestDB</res-ref-name>
     <res-type>javax.sql.DataSource</res-type>
     <res-auth>Container</res-auth>
</resource-ref>

Continue reading

Fixed width, liquid และ elastic layout

วันนี้เรามารู้จักการจัดเลเอาท์หน้าเว็บแบบต่าง ๆ กันดีกว่า จะได้เอามาปรับใช้กับความต้องการของเราได้ ในการจัดเลเอาท์ที่นิยมกันส่วนใหญ่จะมี การจัดแบบ Fixed width, การจัดแบบ Liquid และการจัดแบบ Elastic ซึ่งจะมีความแตกต่างกันไปตามนี้

Continue reading

bold, italic, strong and em

ผมเชื่อว่าหลาย ๆ คนที่เขียนเว็บคงจะต้องสงสัย และอาจจะยังใช้ tag <b> กับ <strong> หรือ <i> กับ <em> ปน ๆ กันอยู่ เพราะว่าหน้าตาที่ได้ออกมา <b> กับ <strong> นั้นได้ตัวเข้มตัวหนาเหมือนกัน ส่วน <i> กับ <em> ก็ดันได้เป็นตัวเอียงเหมือนกัน

Continue reading