Dec. 29, 2008
<html>
<head>
<style type="text/css">
<!--
@media print {
div.page {
height: 100%;
margin: 0px 0px 0px 0px;
}
}
-->
</style>
</head>
<body>
<div class = "page">aa</div>
<div class = "page">bb</div>
</body>
</html>
จากตัวอย่างจะเห็นว่า ใน CSS มีการเรียกใช้ Media Print คือการสั่งให้จัดการกับสื่อหรือ output ที่เป็น Printer
ซึ่งเรากำหนดให้มีผลกับช่วง tag <div> เมื่อคุณลองสั่งรัน Script แล้วสั่งพิมพ์ออกมา ก็จะเห็นว่า Printer
จะพิมพ์ออกมา 2 หน้า โดยหน้าแรกจะเป็น aa หน้า 2 จะเป็น bb
อ้างอิงจาก www.siamdev.com
TAGS :
css print หน้า เทคนิค Sep. 11, 2008
header('Content-type: application/javascript');
<script src="phpjava.php" type="text/javascript"></script>
header('Content-type: text/css');
<link href="phpcss.php" rel="stylesheet" type="text/css" /> TAGS :
css javascript content type stylesheet เทคนิค Aug. 31, 2008
เท่าที่อ่านดูรู้สึกว่า jQuery นอกจากจะต้อง include jquery.js จาก website www.jquery.com แล้ว
จะต้องเขียนคำสั่งต่าง ๆ ภายใต้คำสั่ง $(document).ready ด้วยนะ ไม่งั้นคำสั่งของ jQuery จะไม่ทำงานจ้า
<script type="text/javascript">
$(document).ready(function() {
...
...
});
</script>
หรือใช้รูปย่อ
<script type="text/javascript">
$(function() {
...
...
});
</script>
TAGS :
jquery start document ready Aug. 31, 2008
ตอนนี้ผมรู้สึกว่าอยากจะเพิ่มเทคนิคในการเขียนเวปไซด์
ให้มันมีการเคลื่อนไหวมากกว่านี้
ผมจึงได้ไปหาเทคนิคต่าง ๆ ในอินเตอร์เนต จึงได้ค้นพบว่ามีอยู่ 3 ค่าย เด่น ๆ
1. protoType
2. Ext
3. jQuery
ผมจึงตัดสินว่าจะลองใช้ jQuery ดูก่อน เนื่องจากมี Plugin เยอะ (ดูจากเวปไซด์ jQuery แหะ ๆ)
ไว้จะเขียนอะไรต่าง ๆ ที่ผมเจอใน jQuery ให้อ่านกันล่ะกัน
TAGS :
protoType ext jquery เลือก 
สั่งพิมพ์เอกสารเป็นหน้าๆ โดยใช้ CSS ควบคุม