Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,229

HOME > PHP > PHP Forum > สอบถามวิธีปรับค่าตัวแปรในclassหน่อยครับ(อยากปรับสี)





 

สอบถามวิธีปรับค่าตัวแปรในclassหน่อยครับ(อยากปรับสี)

 



Topic : 132669



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์




<style>

.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
</style>
<div id="navbar">
<div class="dropdown">
<button id="menu1" class="dropbtn" onclick="dropdownmenu()" >Intro</button>
<div class="dropdown-content" id="myDropdown">
<a href="javascript:load_home()">Main</a>
<a href="javascript:loadpage(2)">About</a>
</div>
</div>

อยากทำฟังชั่นที่เปลี่ยนสีตรง .dropbtn { background-color: #3498DB;
ประมาณนี้ครับ

function changecolor(colorcode)
{
if(colorcode="1"){
document.getElementById("dropbtn").style.backgroundColor= "blue";}
else if(colorcode="2"){
document.getElementById("dropbtn").style.backgroundColor= "purple";}}

แต่ไม่รู้ว่าต้องเขียนแบบไหนถึงจะเปลี่ยนค่าตรง .dropbtn { background-colorได้



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-11-29 10:48:06 By : holyomega View : 117 Reply : 5
 

 

No. 1



โพสกระทู้ ( 349 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.btn {
    border: none;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}
.info {background-color: blue;} /*สีเดิม*/
.info:hover {background: purple;} /*สีที่ต้องการเปลี่ยน*/
</style>
</head>
<body>
<button class="btn info">Button</button>
</body>
</html>


แบบนี้หรือป่าวครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-29 15:32:06 By : nobetaking
 


 

No. 2



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์


ประมาณว่าอยากได้ให้ทำงานแบบ เมื่อทำการ select แล้วจะเปลี่ยนสีเมนู ตามที่selectนะครับ
ไม่ใช่ว่าอยากได้แบบที่มีให้เลือกแต่อยากให้เลือกได้ระหว่างใช้งานครับ
เช่น กดปุ่ม เรียกฟังค์ชั่น แล้วสีเมนูเปลี่ยนเป็นอีกสี
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-29 15:50:17 By : holyomega
 

 

No. 3



โพสกระทู้ ( 157 )
บทความ ( 0 )



สถานะออฟไลน์


เปลี่ยนจาก getElementById เป็น getElementsByClassName ครับ
ลองดู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-29 16:13:02 By : Jatmentz
 


 

No. 4



โพสกระทู้ ( 7,458 )
บทความ ( 1 )



สถานะออฟไลน์


กำหนด css classname ให้เท่ากับ จำนวน element ของสีที่ต้องการ
พอ select change ก็เอา value ไปกำหนด classname ให้กับ object
Code (PHP)
<style>
 .dropbtn .c1 { background-color: red; }
 .dropbtn .c2 { background-color: green; }
 .dropbtn .c3 { background-color: blue; }
</style>
<select onchange="$('.dropbtn').attr('class', 'dropbtn c'+this.value)">
<option value="1">red</option>
<option value="2">green</option>
<option value="3">blue</option>
</select>



ปล. ถ้าจะเปลี่ยน ตรง style sheet เลย จำเป็นต้องผ่าน คำสั่ง document write

เช่น document.write(`<style>.dropbtn{ background-color: red;}</style>`;
เพื่อให้มีการ อ่านค่า style sheet ใหม่ พอใช้ document write ก็จะไปทับ style sheet เก่า

แต่มันจะเปลี่ยน สี object ที่ทำไปแล้วหรือไม่ อันนี้ไม่แน่ใจ เพราะไม่เคยทำ
แต่เดาว่าไม่เปลี่ยน เพราะ object มันถูกสร้างไปแล้ว ต้อง rewrite object ใหม่ ถีงจะเปลี่ยนสี


ประวัติการแก้ไข
2018-11-29 18:00:05
2018-11-29 18:00:47
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-29 17:48:16 By : Chaidhanan
 


 

No. 5



โพสกระทู้ ( 13 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณทุกคำตอบครับ
ตอบความคิดเห็นที่ : 4 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-11-29 17:48:16
รายละเอียดของการตอบ ::
เหมือนมันไม่เปลี่ยนครับสงสัยต้อง หาวิธีเพิ่ม แต่พอมีแนวแล้วครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-30 11:10:03 By : holyomega
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามวิธีปรับค่าตัวแปรในclassหน่อยครับ(อยากปรับสี)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่