shoutbox กล่องสำหรับร้องตะโกน 2
ok มาถึง shoutbox ตอนที่ 2 กัน หึหึ ว่าแต่ไม่เคยเขียนอะไรเกิน ตอนที่ 1 เลย นี้เป็นตอนที่ 2 แรกเลยนะเนี้ย 555+ ใครหลงมาอ่านถือว่าโชคดีนะ
ผมตอนนี้ผมจะพูดถึง source code ที่ใช้ใน ระบบนี้นะคับ ก็จะมีตัวหลัก ๆ ที่ใช้
php
ภาษาหลักในการพัฒนา
code igniter
ตัวนี้เป็น framework ที่ในใช้ในการสร้างระบบ
javascript,ajax, jquery
(ผีตัวเดียวกันแหละคับ javascript เป็นภาษา ajax เป็นเทคโนโลยี่ jquery เป็น framework )
อันนี้เอาไว้ให้ระบบมัน interactive กับ user (ตอบสนองต่อผู้ใช้ แบบว่า เค้าพิมพ์ตัวหนังสือมากกว่า 50 ตัวอักษร มันก็จะพิมพ์ไม่ได้ หรือมีข้อความบอกว่า พิมพ์ต่อไม่ได้แล้วนะ ข้อความยาวเกินไปแล้ว อะไรแบบนี้ หุหุ)
html
อ่ะแน่นอนล่ะ ทำเว็บมันไม่มี html จะออกมายังไง หึหึ
css
อันนี้ก็เอาไว้ ตกแต่งเว็บให้สวยงาม (รึเปล่า ลองดูกันเอาเองล่ะกัน อิอิ)
รูปภาพ
รูปภาพตกแต่งนิดๆหน่อย
หมดแล้วมั้ง
เด๋วไว้นึกออกอีกจะมาเพิ่มนะ เอิ๊ก ๆๆ
เอา code ใน view นะคับ เอามาให้ดูกันก่อน เด๋วตัว controller จะตามมาอีกที หุหุ
shoutbox_view.php
อันนี้ก็เป็น encode ภาษาไทย ใส่เข้าไป ไม่ใส่เด๋วออกมาเป็นภาษาต่างดาวอีก
<meta http-equiv="Content-Type" content="text/html; charset=windows-874"/>
อันนี้ก็เป็น css มัน include เข้ามา
<link type="text/css" rel="stylesheet" href="css/_hompy.css"/>
อันนี้ก็ javascript include jquery เข้ามาด้วย (แล้วจะได้ใช้ป่าวเนี้ย เด๋วนึกดูก่อน มันเหมือนว่าจะได้ใช้นะ แล้วใช้ตอนไหนหว่า ตอนนี้นึกไม่ออก เอิ๊ก ๆๆ เขียนโปรแกมนี้ ใช้ เซ้นล้วน ๆเลยนะเนี้ย อิอิ )
<script type="text/javascript" src="js/jquery.pack.js"></script>
<script type="text/javascript">
function check() {
var detail = document.getElementById("detail").value;
if (detail == "") {
alert("Please enter message");
return false;
}
}
function textCounter( field, countfield, maxlimit ) {
if ( field.value.length > maxlimit ) {
field.value = field.value.substring( 0, maxlimit );
return false;
}
}
}
</script>
เว็บฝากไพล์ http://www.upload.tc
