|
| 1 | 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | |
|
|
|
|
|
|
|
การทำให้รูปภาพสามารถย้ายตำแหน่งได้
ปกติรูปที่อยู่ในเว็บ จะไม่สามารถเลื่อนตำแหน่งได้โดยการคลิกเมาส์แล้วลากไปไหนมาไหน ( drag ) แต่ที่จะพูดถึงในตอนนี้ เป็นการทำอย่างนั้นครับ
ผมไปได้ javascript ตัวนี้มาจากเว็บ //www.walterzorn.com/dragdrop/dragdrop_e.htm
แล้วขั้นตอนการทำก็มีดังนี้ 1. ตั้งชื่อให้กับรูปที่เราจะให้มันเกิดการลากได้ โดยใส่ name เข้าไปในรูป เช่น <img name="name1" src="อะไรสักอย่าง.jpg" width="240" height="135">
2. เราเอา script จากในเว็บ ไปไว้ที่ไหนซักที่แล้วก็เรียกเอาดังนี้
<script type="text/javascript" src="//ที่เก็บScript/wz_dragdrop.js"></script>
จากนั้นเราก็ใส่ code นี้ลงไป <script type="text/javascript"> <!--
SET_DHTML("name1", "name2", "anotherLayer", "lastImage");
//-->
ซึ่งชื่อในวงเล็บ คือชื่อของรูปที่เราต้องการให้มีการ drag and drop ได้ และที่สำคัญอีกอย่างก็คือ เราต้องใส่ code javascript ลงไปหลังจากรูปที่เราตั้งชื่อเอาไว้ ไม่งั้น javascript มันจะ error ครับ
สำหรับเว็บทั่วไป ใส่ได้เลย สำหรับ bloggang ต้องทำให้ javascript มันเป็นบรรทัดเดียว ไม่งั้นมันจะไม่ทำงานครับ
เพียงเท่านี้ล่ะครับ รูปของเรา ก็สามารถ drag ได้แล้ว .. ง่ายดีเนอะ ที่สำคัญคือ ใช้ได้กับทุก browser ด้วยล่ะครับ
นี่คือตัวอย่างของรูปที่ผมทำครับ ... ลองลากมันดูสิครับ .. โว้ววววว

ผมหวังว่าคงเป็นไอเดียในการนำไปประยุกต์ใช้งานกันได้ง่ายๆ นะครับ
ปล.เพิ่มเติม ถ้าใน IE รูปมันไม่ขึ้น ก็คลิกที่ Link เพื่อดูตัวอย่างนะครับ เป็น Code เดียวกัน แต่ที่ bloggang ไม่ขึ้น ผมล่ะงงจริงๆ เลย แหะ แหะ แหะ คลิกเพื่อดูตัวอย่างครับ
Create Date : 18 กรกฎาคม 2548 |
Last Update : 18 กรกฎาคม 2548 0:57:06 น. |
|
37 comments
|
Counter : 3488 Pageviews. |
 |
|
|
โดย: pixp วันที่: 18 กรกฎาคม 2548 เวลา:0:30:35 น. |
|
|
|
โดย: 5150_b วันที่: 18 กรกฎาคม 2548 เวลา:0:33:35 น. |
|
|
|
โดย: panumas05 วันที่: 18 กรกฎาคม 2548 เวลา:0:51:43 น. |
|
|
|
โดย: นู๋เองง่ะ วันที่: 18 กรกฎาคม 2548 เวลา:0:56:28 น. |
|
|
|
โดย: zaesun วันที่: 18 กรกฎาคม 2548 เวลา:0:58:26 น. |
|
|
|
โดย: หมื่นทิพ TRAVOLTA (เทพบุตรตบะแตก!! ) วันที่: 18 กรกฎาคม 2548 เวลา:1:31:47 น. |
|
|
|
โดย: prncess วันที่: 18 กรกฎาคม 2548 เวลา:8:28:18 น. |
|
|
|
โดย: เครา IP: 61.91.145.244 วันที่: 18 กรกฎาคม 2548 เวลา:21:07:35 น. |
|
|
|
โดย: Gryffin วันที่: 20 กรกฎาคม 2548 เวลา:19:45:45 น. |
|
|
|
โดย: เอ็นสี่ IP: 61.90.104.32 วันที่: 21 กรกฎาคม 2548 เวลา:10:29:13 น. |
|
|
|
โดย: eq0 IP: 202.44.14.194 วันที่: 22 กรกฎาคม 2548 เวลา:17:17:04 น. |
|
|
|
โดย: zmen วันที่: 22 กรกฎาคม 2548 เวลา:23:08:37 น. |
|
|
|
โดย: โอว IP: 203.156.67.113 วันที่: 23 กรกฎาคม 2548 เวลา:20:47:05 น. |
|
|
|
โดย: **mp5** วันที่: 26 กรกฎาคม 2548 เวลา:17:22:57 น. |
|
|
|
โดย: หนี่หนีหนี้ วันที่: 26 กรกฎาคม 2548 เวลา:21:52:32 น. |
|
|
|
โดย: Oakyman วันที่: 29 กรกฎาคม 2548 เวลา:8:07:07 น. |
|
|
|
โดย: *-* (Rasia ) วันที่: 3 สิงหาคม 2548 เวลา:2:46:53 น. |
|
|
|
โดย: yyswim วันที่: 11 สิงหาคม 2548 เวลา:16:04:20 น. |
|
|
|
โดย: TIS Marketing (tismarketing ) วันที่: 12 กันยายน 2548 เวลา:20:09:59 น. |
|
|
|
โดย: สมชาย เวียงกลาง IP: 58.147.5.56 วันที่: 2 มิถุนายน 2549 เวลา:8:11:53 น. |
|
|
|
โดย: resdrrf IP: 61.7.233.73 วันที่: 5 มิถุนายน 2549 เวลา:9:48:34 น. |
|
|
|
โดย: โชกุน IP: 203.170.228.177 วันที่: 16 มิถุนายน 2549 เวลา:3:40:33 น. |
|
|
|
โดย: สาวิตรี อัดนิมาตร IP: 203.151.140.117 วันที่: 17 มิถุนายน 2549 เวลา:16:45:20 น. |
|
|
|
โดย: min IP: 125.25.11.136 วันที่: 24 มิถุนายน 2549 เวลา:16:40:24 น. |
|
|
|
โดย: peanut_can (peanut_can ) วันที่: 23 สิงหาคม 2549 เวลา:14:52:29 น. |
|
|
|
|
|
|
|
Location :
กรุงเทพ Thailand
[ดู Profile ทั้งหมด]
|
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 4 คน [?]

|
มีคนถามมาเยอะ ว่าชื่อผมแปลว่าอะไร บอกง่ายๆ ว่ามาจากฟุตบอลครับ "กึ่งยิงกึ่งผ่าน" เป็นการส่งลูกไปที่
หน้าประตูฝ่ายตรงข้าม โดยผู้เล่นที่เลี้ยงลูกมาจากทางด้านข้างของสนาม พอถึงจังหวะ ก็ผ่านลูกมาให้เพื่อนที่วิ่งมารออยู่หน้าประตู .... ต่าแว่!!
... แต่ว่า!!! ... ลูกมันเลยเพื่อนไป แต่ก็ไม่ถึงประตู เหมือนจะเป็นการยิงประตูก็ไม่ใช่ จะส่งให้เพื่อนก็ไม่ใช่
นี่จึงเป็นที่มาของคำว่า "กึ่งยิงกึ่งผ่าน" ครับ
ผมไม่ได้คิดเองแต่อย่างใด แต่เอามาจากการดูฟุตบอลครับ
ปล. ชื่อผมนี่บ่งบอกเลยว่า "ฟุตบอล" แต่ผมไม่ได้เล่นห้องศุภฯ นะครับ .. แหะ แหะ แหะ
|
|
|
|
|
|
|