คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ตอนที่ 108 : [code] ทำ link ให้เปิดในหน้าใหม่


     อัพเดท 9 ม.ค. 54
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: โค้ด, code, แต่งไอดี, ไอดี, แต่ง id, id, My.iD, My.iD2, ตกแต่ง, นิยาย
ผู้แต่ง : Caje ดูเน็ตเวิร์คอื่นๆ ของ Caje
My.iD: https://my.dek-d.com/Caje
< Review/Vote > Rating : 95% [ 233 mem(s) ]
This month views : 53 Overall : 219,527
4,449 Comment(s), [ แฟนพันธุ์แท้ 5113 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 108 : [code] ทำ link ให้เปิดในหน้าใหม่ , ผู้เข้าชมตอนนี้ : 13641 , โพส : 53 , Rating : 100% / 3 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด



ปกติแล้ว ถ้าเราทำ link ธรรมดาโดยปุ่ม DDlink ที่เด็กดีให้มา
พอมีคนมาครั้ง link นั้นไป จะเปิดอยู่ในหน้าต่างเดิม ซึ่ง link แบบนี้มีข้อเสียคือ ถ้าหากจะกลับไปอ่านหน้าเดิมต้องกดปุ่ม back ที่ browser
ทำให้บางที คนที่เข้ามาดูลืมไปว่า เคยเปิดหน้าของเราอยู่

ในตอนนี้ เราจะมาดูวิธีทำ link ให้เปิดในหน้าต่างใหม่เมื่อคลิกกันค่ะ

ตัวอย่าง link หน้าใหม่


Seek... Your DestinyThe Seekers
ร่วมด้วยช่วยกันเผยแพร่ความบ้าLet's use Firefox!

(ไม่ต้องอะไรมาก เอามาจากแบนเนอร์หน้าบทความนี่แหละ ^^
ลองคลิกทดสอบดูได้นะคะ)




มาดูโค้ดของ link โดยทั่วไปกันนะคะ
* ต้องคลิกปุ่มแทรกโค้ด HTML เพื่อดูโค้ด link ของเรา
* tag ของ link จะขึ้นต้นด้วย a (Anchor)

<a href = "http://url ปลายทาง">โค้ดข้อความ หรือรูปภาพที่เป็น link</a>



ถ้ามีอยู่แค่นี้ ปกติ link จะเดิมในหน้าเดิมค่ะ
อยากให้เปิดในหน้าใหม่ก็ต้องใส่โค้ดนี้เข้าไป

<a href = "http://url ปลายทาง" target = "_blank">โค้ดข้อความ หรือรูปภาพที่เป็น link</a>


เท่านี้ก็เรียบร้อยล่ะค่ะ

ลองเอาไปใช้ดูนะคะ ^^





Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 108 : [code] ทำ link ให้เปิดในหน้าใหม่ , ผู้เข้าชมตอนนี้ : 13641 , โพส : 53 , Rating : 100% / 3 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1 | 2 | 3
# 53 : ความคิดเห็นที่ 4440
Name : bitemextytrack < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ bitemextytrack [ IP : 202.28.46.117 ]
ส่งข้อความลับ
วันที่: 4 พฤษภาคม 2560 / 19:16
# 52 : ความคิดเห็นที่ 4439
Name : bitemextytrack < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ bitemextytrack [ IP : 202.28.46.117 ]
ส่งข้อความลับ
วันที่: 4 พฤษภาคม 2560 / 19:14
# 51 : ความคิดเห็นที่ 4438
Name : Tanoy(●ε●) < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Tanoy(●ε●) [ IP : 180.180.68.113 ]
ส่งข้อความลับ
วันที่: 1 พฤษภาคม 2560 / 13:45
# 50 : ความคิดเห็นที่ 4418
ขอบคุณมากค้า กำลังตามหาโค้ดแบบนี้อยู่พอดี 
PS.  ท้องทะเลที่ลึกล้ำและกว้างใหญ่ ยังต้องแพ้ใจคนที่สุดอนธการ
Name : ราศีตุลย์ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ราศีตุลย์ [ IP : 27.145.175.100 ]
ส่งข้อความลับ
วันที่: 1 สิงหาคม 2559 / 08:37
# 48 : ความคิดเห็นที่ 4412
Name : whitelava blue < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ whitelava blue [ IP : 27.130.81.49 ]
ส่งข้อความลับ
วันที่: 15 มิถุนายน 2559 / 21:20
# 47 : ความคิดเห็นที่ 4392

 target = "_blank">จิ้มงับบ


PS.  ขอบคุณที่เข้ามาใน My.id ของเรานะค้าาา รักนะยู้วววว
Name : Valeri < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Valeri [ IP : 1.2.240.248 ]
ส่งข้อความลับ
วันที่: 25 เมษายน 2559 / 17:16
# 46 : ความคิดเห็นที่ 4387
Name : Hanpark < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Hanpark [ IP : 14.207.1.159 ]
ส่งข้อความลับ
วันที่: 18 เมษายน 2559 / 14:35
# 45 : ความคิดเห็นที่ 4369
Name : ออร่าม้าน้ำ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ออร่าม้าน้ำ [ IP : 14.207.209.147 ]
ส่งข้อความลับ
วันที่: 16 ตุลาคม 2558 / 23:44
# 44 : ความคิดเห็นที่ 4348
ลองๆ ขอบคุณค่ะ

แก้ไขครั้งที่ 1 เมื่อ 27 มิถุนายน 2558 / 00:41
Name : pitcha0506 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ pitcha0506 [ IP : 223.204.169.136 ]
ส่งข้อความลับ
วันที่: 27 มิถุนายน 2558 / 00:40
# 43 : ความคิดเห็นที่ 4346
http://writer.dek-d.com/chicken--/story/view.php?id=1350933

PS.  ครุคริครุคริ
Name : marshmallow < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ marshmallow [ IP : 171.96.177.60 ]
ส่งข้อความลับ
วันที่: 11 มิถุนายน 2558 / 22:48
# 42 : ความคิดเห็นที่ 4345
http://writer.dek-d.com/chicken--/story/view.php?id=1350933

แก้ไขครั้งที่ 1 เมื่อ 11 มิถุนายน 2558 / 22:50

PS.  ครุคริครุคริ
Name : marshmallow < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ marshmallow [ IP : 171.96.177.60 ]
ส่งข้อความลับ
วันที่: 11 มิถุนายน 2558 / 22:47
# 41 : ความคิดเห็นที่ 4335
ขอบคุณครับ
PS.  We're like the blood in our viens. We must flow without stopping keep the oxygen moving and your mind working.
Name : The sun is going down. < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ The sun is going down. [ IP : 58.11.21.72 ]
ส่งข้อความลับ
วันที่: 27 เมษายน 2558 / 22:52
# 40 : ความคิดเห็นที่ 4334
Name : ชอบอากาเนะจังที่สุดเลย < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ชอบอากาเนะจังที่สุดเลย [ IP : 110.171.164.82 ]
ส่งข้อความลับ
วันที่: 26 เมษายน 2558 / 00:56
# 39 : ความคิดเห็นที่ 4316
Name : WindRaywinz < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ WindRaywinz [ IP : 171.96.244.71 ]
ส่งข้อความลับ
วันที่: 10 มีนาคม 2558 / 20:21
# 38 : ความคิดเห็นที่ 4315
Name : WindRaywinz < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ WindRaywinz [ IP : 171.96.244.71 ]
ส่งข้อความลับ
วันที่: 10 มีนาคม 2558 / 20:18
# 37 : ความคิดเห็นที่ 4297
ขอบคุณค่า

แก้ไขครั้งที่ 1 เมื่อ 1 พฤศจิกายน 2557 / 17:59
Name : SehunUU < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ SehunUU [ IP : 27.130.244.221 ]
ส่งข้อความลับ
วันที่: 1 พฤศจิกายน 2557 / 17:58
# 36 : ความคิดเห็นที่ 4259
ขอบคุณค่ะ
PS.  ประธาน ที่ Moe Army 「萌え アーミー」
Name : ドンマイ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ドンマイ [ IP : 115.87.160.30 ]
ส่งข้อความลับ
วันที่: 13 พฤษภาคม 2557 / 04:42
# 35 : ความคิดเห็นที่ 4126
ขอบคุณมากค่ะ
PS.  แต่งฟิค EXO #ผัวอาลู่เมียพี่หมินกิ๊กเฮียเงิงควบแขนอิเน่รวบมืออิหย๋อยนั่งเขินกับคยองซูฟัดแก้มซูโฮนั่งดูวูซูอาเทาเต้นเซ็กซี่กับจงอินแล้วนอนลูบผมอิเจิ้นต่อท่ายากกับน้องแบคก่อนจะนอนซบไหล่อี้ซิง
Name : patt-exo < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ patt-exo [ IP : 124.122.31.215 ]
ส่งข้อความลับ
วันที่: 5 พฤศจิกายน 2556 / 11:33
# 34 : ความคิดเห็นที่ 4090
ขอบคุณครับ
PS.  沃尔夫说受害者和前面的伤口? หมาป่าเอ่ย เจ้าพร้อมจะขย้ำเหยื่อที่อยู่ตรงหน้าหรือยัง?
Name : Wu Wifan ✖ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Wu Wifan ✖ [ IP : 118.174.76.229 ]
ส่งข้อความลับ
วันที่: 5 ตุลาคม 2556 / 18:40
# 33 : ความคิดเห็นที่ 4078
http://writer.dek-d.com/dek-d/writer/viewlongc.php?id=499460&chapter=108 กดๆ
PS.  เราเกิดมาเพื่อดูแลหัวใจอีกดวงนี่คือบรรชาของสรวงสวรรค์ เชื่อสิว่าสักวันคุณต้องเจอหัวใจดวงที่คุณต้องดูแลมัน...
Name : hashelnut < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ hashelnut [ IP : 110.49.249.230 ]
ส่งข้อความลับ
วันที่: 17 กันยายน 2556 / 20:03
# 32 : ความคิดเห็นที่ 4077
http://writer.dek-d.com/Caje/story/viewlongc.php?id=499460&chapter=108">ลองจิ้มตรงนี้เลยจิ้มเด้
PS.  เราเกิดมาเพื่อดูแลหัวใจอีกดวงนี่คือบรรชาของสรวงสวรรค์ เชื่อสิว่าสักวันคุณต้องเจอหัวใจดวงที่คุณต้องดูแลมัน...
Name : hashelnut < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ hashelnut [ IP : 110.49.249.230 ]
ส่งข้อความลับ
วันที่: 17 กันยายน 2556 / 19:59
# 31 : ความคิดเห็นที่ 3979
จิ้ม
PS.  Je t'amie. (ฉันรักเธอ)
Name : `mona-unnie. < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ `mona-unnie. [ IP : 171.6.70.217 ]
ส่งข้อความลับ
วันที่: 9 พฤษภาคม 2556 / 00:33
# 30 : ความคิดเห็นที่ 3961
ขอบคุณมากค่ะ
Name : GiftSwift < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ GiftSwift [ IP : 115.87.6.226 ]
ส่งข้อความลับ
วันที่: 3 พฤษภาคม 2556 / 16:38
# 29 : ความคิดเห็นที่ 3922
ขอบคุณครับ
Name : Cop Cup < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Cop Cup [ IP : 27.55.11.24 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2556 / 23:25
หน้าที่ 1 | 2 | 3
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android