วิธีทำธีมเปลี่ยนตามชั่วโมงที่ตั้งไว้ แบบฝึกหัดที่ 4

วิธีทำธีมเปลี่ยนตามชั่วโมงที่ตั้งไว้ แบบฝึกหัดที่ 4

posted on 25 Jun 2007 12:55 by maroommatum in CSS

ได้อ่านแบบเรียนที่ 4 จากคุณ Oatato และทดลองทำ แต่.....แป้ว.... ทำไม่สำเร็จ.....

คุณอาจารย์ Oatato ให้เช็คโค้ดที่ลง แต่ไม่รู้ว่าทำผิดตรงไหน เลยทำอีกรอบ

โค้ดที่ต้องสลับตั้งชื่อว่า Red theme และ url ตามด้านล่างนี้

http://www.fileden.com/files/2007/6/15/1178926/Red%20theme.css

ให้เอาโค้ดนี้ไปแปะตามตัวอย่างที่คุณ oatato ให้ไว้ ทำแบบด้านล่างนี้

 function getCSS()
{ 
 today = new Date();
 hour = datetoday.getHours();
 url = "http://www.fileden.com/myfiles.php";

if (hour > 18)      
  display = http://www.fileden.com/files/2007/6/15/1178926/Red%20theme.css + "Red theme.css"; var css = '<';
 css+='link rel="stylesheet" href=' + display + ' \/';  
 css+='>';
 document.write(css);
}

getCSS();

โหลดไฟล์ จะได้ url ตามด้านล่างนี้ เพื่อไปทำสคริป

http://www.fileden.com/files/2007/6/15/1178926/Css%20retest.txt

ทำสคริป สำหรับไปแปะที่ลิงค์
<script language="javascript" src="http://www.fileden.com/files/
2007/6/15/1178926/Css%20retest.txt"></script>
จะไปลบโค้ดเดิมออกและแทนด้วยตัวนี้  เย็นวันนี้ตอนหกโมงเย็น คอยดูกันอีกรอบ

6 Comments

ขอบคุณสำหรับกำลังใจ และ เคล็ดลับดี ๆ นะคะ

อีกอย่าง.. ข้าน้อยต้องขอโทษท่านพี่เป็นอย่างสูง
ข้าน้อยมีตา หามีแววไม่..

ขอคาราวะท่านพี่อย่างเป็นทางการอีกครั้งเน้อ..

#1 By 1411 on 2007-06-25 13:18

แบบนี้ก็เรียกว่า เช้าธีม เย็นธีม สินะ

#2 By oam on 2007-06-25 14:32

มาแก้ให้ถูกต้องกันเถอะ

function getCSS()
{
today = new Date();
hour = datetoday.getHours();
url = 'http://www.fileden.com/files/2007/6/15/1178926/';

if (hour > 18)
display = 'Red%20theme.css';
var css = '<';
css+='link rel="stylesheet" href=' + url + display + ' \/';
css+='>';
document.write(css);
}
getCSS();

#3 By oatato on 2007-06-25 14:35

ไม่สำเร็จแก้หลายรอบแล้ว

#4 By ตุ้มเป๊ะ on 2007-06-25 20:35

แก้ไขแล้วตามด้านล่าง แต่ก้อไม่ทำงาน ไม่รู้จริงว่าตรงไหนผิด หรือว่าเซฟเป็นสกุล .txt แล้วไม่เวิร์ค แต่ fileden ก้อไม่รับไฟล์ .js อ่ะ

function getCSS()
{
today = new Date();
hour = datetoday.getHours();
url = "http://www.fileden.com/files/2007/6/15/1178926/";
if (hour > 18)
display = "Red%20theme.css";
else if (hour > 12)
display = "Pink%20theme.css";
else if (hour > 6)
display = "Light%20blue%20theme.css";
else if (hour > 0)
display = "Red%20theme.css";
else
display = "Light%20blue%20theme.css";
var css = '<';
css+='link rel="stylesheet" href=' + url + display + ' \/';
css+='>';
document.write(css);
}
getCSS();

#5 By ตุ้มเป๊ะ on 2007-06-25 21:00

หุหุ โพยมีแอบวางยาเอาไว้

ให้เปลี่ยนคำว่า datetoday ในบรรทัดที่ 3 เป็นคำว่า today เฉย ๆ ครับ

#6 By oatato on 2007-06-26 09:14