|
 |
| |
ถามเรื่องโค๊ด เลือกปุ่มอะค่ะ พอดีคิวรี่มาแล้วค่าไม่ออกมาอะค่ะ |
| |
 |
|
|
 |
 |
|
พอเขียนตาม ซอร์สโค๊ดอะค่ะ แต่พอเวลาจะเอามาใช้ มันออกแต่สีอะค่ะ
แต่พอกดปุ่มเลือกสี ค่าสีมันไม่ออกมาอะค่ะ ไม่ทราบว่า ทำผิดตรงไหนอะค่ะ
(โค๊ดอยู่ในหน้าเดียวกันหมดค่ะ)
รูปที่คิวรี่แล้วต้องออกแบบนี้อะค่ะ
อันนี้ที่ทำแล้วออกมาแบบนี้อะค่ะ
ตัวอย่างโค๊ด
ไฟล์ Javascript
<script type="text/javascript">
//ปุ่มเลือกสี
for (i = 0; i < 16; i++) {
var obj = document.getElementById("color" + i);
obj.onmouseover = function(){this.className = "hover"};
obj.onmouseout = function(){
if (this.id == document.getElementById("usercolor").innerHTML) this.className = "current";
else this.className = "button";
};
obj.onclick = function(){selectcolor(this.id)};
}
//เมื่อคลิกปุ่ม
function selectcolor (id) {
for (i = 0; i < 16; i++) {
document.getElementById("color" + i).className = "button";
};
if (!document.getElementById(id)) id = "color0";
document.getElementById("usercolor").innerHTML = document.getElementById(id).title;
document.getElementById(id).className = "current";
}
</script>
ไฟล์ CSS
<style>
ol.menu {
list-style-type:none;
display:table;
float:none;
margin:0 auto;
}
.menu li {
display:inline;
white-space:nowrap;
}
.menu span {
float:left;
display:table;
padding:2px;
cursor:pointer;
}
.button { /* ปุ่มเลือกสี ปกติ */
margin:1px;
}
.hover { /* ปุ่มเลือกสี เมื่อเมาส์อยู่บน */
background:#D3E4F5;
border:1px solid #167FB2;
margin:0;
}
.current { /* ปุ่มเลือกสี เมื่อเลือก */
background:#D3E4F5;
border:1px solid #167FB2;
margin:0;
}
</style>
<ol class="menu">
ไฟล์ PHP
<?
//กำหนดโค้ดสีที่ต้องการลงใน array
$color= array("black", "maroon", "#F60310", "#E76E14", "#E7C514", "#1DDC12", "olive", "#148CE7", "navy", "#6C1CEA", "fuchsia", "teal", "purple", "gray", "silver", "white");
for ($i = 0; $i < count($color); $i++) {
echo "<li><span id=\"color$i\" title=\"$color[$i]\" class=\"button\"><font class=\"btncolor\" style=\"background-color:$color[$i];color:$color[$i]\" >Yy</font></span></li>";
}
?>
</ol>
ตรงนี้คือส่วนแสดงค่าสีใช่มั้ยค่ะ ตรงนี้อะค่ะ ไม่ออกมาอะค่ะ
<input type="hidden" id="usercolor" name="usercolor" />
รบกวนด้วยนะค่ะ ขอบคุนค่ะ
Tag : - - - -
|
|
|
 |
 |
 |
 |
| Date :
2010-07-13 16:35:18 |
By :
kwangz_07 |
View :
904 |
Reply :
0 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 00
|
