|
 |
|
การนำ CSS มาใช้งานใน OOP ต้องเรียกใช้ยังไงครับ.. กำลังหัดเขียน OOP อยากแต่ง Form ให้ดูดี |
|
 |
|
|
 |
 |
|
ไม่เห็นจะเกี่ยวกับ oop เลย นอกจากให้ javascript framework
|
 |
 |
 |
 |
Date :
2009-06-19 09:25:45 |
By :
mee079 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
กำหนดค่าให้กับ attribute class หรือ id ของ tag form แล้วก็กำหนดค่า css ที่ tag style ตามปกติครับ
<html>
<head>
<title>css and oop</title>
<meta http-equiv="Content-Type" content="text/html; charset=tis-620" />
<style>
.myform {padding:10px;background:lavender;}
.myform input {border:dashed green 2px;}
</style>
</head>
<body>
<?php
class Form
{
function begin($option){
$s='';
foreach($option as $k=>$v){
$s.=$k.'="'.htmlspecialchars($v).'"';
}
return "<form \"$s\">";
}
function end(){
return '</form>';
}
function input($type,$option){
$s='';
foreach($option as $k=>$v){
$s.=$k.'="'.htmlspecialchars($v).'"';
}
return "<input type=\"$type\" $s />";
}
}
$f = new Form();
echo $f->begin(array('action'=>'test.php','method'=>'post','class'=>'myform'));
echo $f->input('text',array('value'=>'','maxlength'=>'10'));
echo $f->end();
?>
</body>
</html>
|
 |
 |
 |
 |
Date :
2009-06-19 09:34:53 |
By :
num |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แก้ return "<form \"$s\">"; เป็น return "<form $s>"; แหะๆ
ผมก็ว่าไม่เกี่ยวครับ 
แต่สงสัยว่าหมายถึงแบบนี้ป่าว
|
 |
 |
 |
 |
Date :
2009-06-19 09:38:56 |
By :
num |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เจ๋งจังอยากทำได้อย่างงี้บ้าง กรณีที่มี Table เยอะคงงงจะำเริ่มยังไงดีนะ
|
 |
 |
 |
 |
Date :
2010-10-07 14:42:14 |
By :
ueng |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แล้ว asp เรียกยังไงค่ะ
|
 |
 |
 |
 |
Date :
2010-10-07 15:02:09 |
By :
ueng |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เฉพาะ asp.net นะ
ใน asp.net มี theme & skin ซึ่งเรียกได้ว่าเป็น css server side ซึ่งมีลูกเล่นมากกว่า css ธรรมดาที่ทำงานที่ client side
ส่วนการกำหนด css สามารถกำหนดได้โดยใช้ property style ของ control นั้นๆ ได้เลย เพราะ asp.net เป็น base on oop อยู่แล้ว
|
 |
 |
 |
 |
Date :
2010-10-07 15:19:57 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|