โปรแกรมมั่ว พ่อลูกอ่อน
ทำตัวอักษรกระพริบใน IE

วันก่อนเจอ requirement ของ user ให้ทำตัวเลขกระพริบในหน้า web ที่เขียนด้วย asp classic ครับ ทีแรกนึกว่าไม่ยากเพราะแค่ใส่ Blink Tag แค่นี้เอง แต่พอลองดู อ้าว! IE มันไม่ support blink tag นี่นา

ก็เลยต้องแก้ปัญหาด้วยการเขียน javascript เองครับ โค้ดก็มีนิดเดียว


<script type="text/javascript">
function assignBlink(el) {
el.style.visibility = (el.style.visibility== "visible") ? "hidden": "visible";
el.style.color = (el.style.color =="red")?"pink":"red";
}

setInterval("assignBlink(document.getElementById('txtBlink'))",500);


อ้อ ผมเอาโค้ดนี้ใส่ไว้ด้านล่างสุดครับ เพราะต้องให้ browser เจอ Element ที่ต้องการทำ Blink ก่อนที่จะสั่ง setInterval ครับ

พอลองรันดูผลก็โอเคนะครับ มันกระพริบได้ตามต้องการ แต่ว่าไอ้หน้านี้ user ดันต้อง print ออกมาด้วยสิ ดังนั้นเวลาสั่ง print แล้วบางทีเจอตอนที่ Element มันโดน hidden นี่ดิ มันเลยไม่แสดงในเอกสารที่ print ออกมา เลยต้องมาแก้ใหม่ครับ แทนที่จะทำการ set visibility style ก็เปลี่ยนมาทำแบบนี้แทนครับ


//el.style.visibility = (el.style.visibility == "visible") ? "hidden": "visible";
el.style.color = (el.style.color =="red")?"pink":"red";


ไป comment โค้ดเดิม แล้วแก้ให้มันเป็นการเปลี่ยนสีของ fore-color แทน มันเลยสลับกันระหว่างแดงกับชมพู ตอนสั่ง print ออกมาก็เห็นทั้งคู่ครับ โอเคเรียบร้อยเกือบไปแล้ว

ปล. พอกลับมาแก้ไข ASP Classic นี่มันงงๆครับ เพราะจับแต่ .Net มาตลอด เคยเขียน ASP Classic นิดหน่อยแต่มันประมาณ 8 ปีมาแล้วครับ


Create Date : 22 มีนาคม 2551
Last Update : 26 มีนาคม 2551 23:31:24 น. 2 comments
Counter : 1488 Pageviews.

 
เก่งนะคะ มีงานประจำทำหรือเปล่าคะเนี่ย


โดย: io IP: 61.47.5.27 วันที่: 16 เมษายน 2551 เวลา:16:42:26 น.  

 
เก่ง จริงๆๆ น้านี้

สงสัย ต้องไปให้รางวัล สะแล้ว

อิอิ ^^


โดย: มุย มุ๋ย IP: 58.137.100.146 วันที่: 17 พฤศจิกายน 2552 เวลา:13:29:44 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

นายจวบ
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 2 คน [?]




โปรแกรมมั่ว พ่อลูกอ่อน
Group Blog
 
<<
มีนาคม 2551
 
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
 
22 มีนาคม 2551
 
All Blogs
 
Friends' blogs
[Add นายจวบ's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.