การเคลียค่าใน text input

[poloh]

ตกลงว่าผมแก่กว่าจริงๆใช่ไหมครับเนี่ย

ไว้ตอนเย็นๆ เดี๋ยวผมทำตัวอย่างคร่าวๆให้ละกันครับ

อีกอย่างนึง ผมอธิบายใครไม่ค่อยเป็นซะด้วยสิ
อธิบายทีไร คนก็งงกันซะทุกทีเลย

[iannnnn]

ขอบคุณครับเด็นเด้

[sarina]

  ขอบคุณค่ะ

[sarina]

   มึนวันละนิดจิตแจ่มใส

ตอนนี้ลองทำอยู่ค่ะ  มันติดนู่ติดนี่บ้างไม่ออกเมือนที่ต้องการซักที
ยังไงก้พยายามอยู่ค่ะ  ...และรอคำแนะนำของพี่ๆเสมอนะค่ะ...

[ej_sing]

สถานการณ์ล่าสุดเป็นยังไงบ้างครับ 

[poloh]

  เมื่อคืน มีคนชวนไปเที่ยวกระทันหัน เลยไม่ได้มาโพสตามที่บอกเลย
ขอโทษด้วยครับ

----------------------------------------------------------------------------------
อธิบายเป็นขั้นๆเลยละกัน

ก็ขั้นแรก ให้เราสร้างตัวแปร global ไว้ที่ _root ก่อน
เพื่อไว้เก็บค่าว่า ณ ตอนนี้เราเลือกตัวไหนเป็นตัวสุดท้าย
(ทั้งโปรแกรมจะมีตัวเดียว)

ต่อมาก็ทำการสร้าง MovieClip ที่ไว้ให้เลือกออกมามากมาย
ให้เซตค่า และชื่อเป็นเลขที่อิงกันง่าย
(ในตัวอย่าง ถ้าเป็นตัวแรก จะเซตเป็น mc_1 และเซตค่าของมันเท่ากับ 1)

ในตอนนี้ โค้ดใน frame แรก ก็จะมีลักษณะดังนี้

โค้ด เลือกทั้งหมด ขยายเนื้อหา

_root.selVal = 0;
mc_1.thisval = 1;
mc_2.thisval = 2;
mc_3.thisval = 3;
mc_4.thisval = 4;
mc_5.thisval = 5;
mc_6.thisval = 6;
mc_7.thisval = 7;
mc_8.thisval = 8;

แต่จะเห็นว่า เราสามารถใช้ for เพื่อลดรูปได้
ก็จะได้เป็น

โค้ด เลือกทั้งหมด ขยายเนื้อหา

_root.selVal = 0;
var i:Number = 0;
for(i=1;i<=8;i++){
_root["mc_"+i].thisval = i;
}

ต่อมา เราจะเขียน event ให้กับปุ่มทั้ง 8 ก็เขียนใน loop for ได้เลย

โค้ด เลือกทั้งหมด ขยายเนื้อหา

_root.selVal = 0;
for (var i = 1; i<=8; i++) {
_root["mc_"+i].thisval = i;
_root["mc_"+i].onRelease = function(){
_root.selVal = this.thisval;
}
}
** หมายเหตุ จากตัวอย่าง ผมจะใช้ this.thisval เพื่อหมายถึงค่าของตัวที่เลือก เพื่อเอาไปใส่ค่าว่าตัวไหนเป็นตัวที่ถูกเลือกล่าสุด(_root.selVal)
นี่ก็เป็นตัวอย่างคร่าวๆ ในการตรวจสอบค่าที่เราเลือกไป
http://img2.f0nt.com/flash/dcc4f6b7aeda19459e50710f8047f1f5.swf


แต่ไหนๆ ก็ไหนๆแล้ว ก็มาทำต่อให้ดูเป็นรูปเป็นร่างขึ้นอีกนิด
เราจะให้ตัวที่เราเลือก ทำการแสดงผล ไม่เหมือนกับตัวอื่น
(เพิ่มอีกแค่บรรทัดเดียวใน frame แต่ไปเพิ่ม motion tween กับ stop() ใน mc อีกนิดหน่อย)

โค้ด เลือกทั้งหมด ขยายเนื้อหา

_root.selVal = 0;
for (var i = 1; i<=8; i++) {
_root["mc_"+i].thisval = i;
_root["mc_"+i].onRelease = function(){
_root.selVal = this.thisval;
this.gotoAndPlay(2);
}
}

http://img2.f0nt.com/flash/820c34aa140f3e85de5ab9cfbddaed32.swf


แต่จากตัวอย่างนี้ มันก็ยังไม่สมบูรณ์อยู่ดี
คือถ้าเราเลือก 1 แล้วไปเลือก 2 ตัวที่ 1 มันก็ยังแสดงแบบเก่าอยู่
เราก็ต้องมาคิดกันต่อว่า ถ้าเลือก 2 แล้ว จะต้องให้ตัว 1 มันกลับไปอยู่ที่เดิมก่อน
แล้วถ้าเลือกตัวที่ 4 ก็ต้องให้ตัวที่ 2 กลับไปเหมือนเดิมก่อน

แล้วเราจะเขียนโค้ดยังไงดีล่ะ

คำตอบก็คือ เราก็เอาค่า _root.selVal มาใช้ ก่อนที่เราจะเซตค่าใหม่ให้กับมัน

โค้ด เลือกทั้งหมด ขยายเนื้อหา

var selVal = 0;
for (var i = 1; i<=8; i++) {
_root["mc_"+i].thisval = i;
_root["mc_"+i].onRelease = function(){
_root["mc_" + _root.selVal].gotoAndPlay(11);
_root.selVal = this.thisval;
this.gotoAndPlay(2);
}
}
** หมายเหตุ ในตัวอย่าง ผมได้เซตให้เล่น motion ของตัว movie จาก frame ที่ 11 จนไปถึง 1 เพื่อหยุดกลับไปจุดเดิม
ถ้างานที่จะทำ ไม่มีเล่น motion ก็สามารถสั่ง gotoAndStop(1) ได้เลย

http://img2.f0nt.com/flash/c62c577b323aadbc0765e582c6872300.swf


ใครมีอะไรจะเสริม เสริมได้นะครับ
หรือถ้าตรงไหนมันงงๆ ใครเข้าใจ รบกวนฝากแปลด้วยน่อ

ปล. อันนี้งงครับพี่??

ขอบคุณครับเด็นเด้

[นายโอ้เอ้]

ขอบคุณแทนเลยครับ 
กำลังจะหาอะไรเล่นพอดี เห็นอย่างนี้ได้ไอเดีย(ไปดองไว้)พอดี

[sarina]

 :46:ขอบคุณค่ะ

ตอนนี้ยังติดที่ จะไม่ให้มันแสดงกรอบกับ tool อ่ะค่ะ  
ทำตามที่แนะนำมาแล้ว   และลองขุดกระทู้เก่าๆมาลองทำตามแล้ว  แต่ก็เอ๋ออ่ะค่ะ (แต่สงสัย..ตัวเองเอ๋อมากกว่า)

        เลยต้องมาทำขยายสเกลไปก่อนโอเคป่าวค่ะ   ถ้าว่างลองเอาไฟล์ไปดูหน่อยได้ป่าวค่ะ
ไม่รู้เมือนกันมันรู้สึกว่าตัวเองโง่แปลกๆ  

การแสดงผลของ MC
- เมื่อมีการเปลี่ยนแปลง text และไม่ใช่ค่าว่างก็จะแสดงข้อความที่พิมไป(ส่วนกรอบและ tool จะแสดงเมื่อเราคลิ๊กบนข้อความ)
- เมื่อคลิกเมาส์คลิกบนตัววัตถุ(ข้อความ)    ก็จะแสดงกรอบและ tool ออกมา  พร้อมกับ focus ไปยัง text ในช่องของมัน
- สามารถ select วัตถุได้ครั้งละ 1 ตัวเท่านั้น  เมื่อเปลี่ยนวัตถุอันเก่าก็จะ unselect (โดยวัตถุที่ถูกเลือกจะแสดงกรอบและ tool  )
-เมื่อคลิ๊กที่ว่างหรือคลิ๊กที่ input text ก็จะ unselect วัตถุ ทั้งกรอบและ tool จะไม่แสดง  แสดงเฉพาะข้อความ

** แล้วที่เป็นปัญหาตอนนี้คือ visible กรอบและ tool       อีกอย่างพอย้าย tool และกรอบไปอยู่อีกเฟรมโดยใช้ gotoAndPlay และ gotoAndStop
ก็ขึ้นเอ๋อไปหมดเลย  

ตัวอย่างเว็บค่ะ  เลือกที่ text นะค่ะ
http://www.printenator.com/index.php?page=shop.product_details&flypage=flypage-ask.tpl&product_id=30&category_id=13&option=com_virtuemart&Itemid=66

ตอนนี้รู้สึกว่ามึนและโง่..จิงๆ    

นี่คือความคืบหน้าค่ะ  

http://img2.f0nt.com/flash/2eec29044664884220d4a261259194f3.swf

***ช่วยเอาไฟล์ไปดู ( :02:แก้) หน่อยนะค่ะ และขอคำอธิบายถือว่าเอาบุญกับกบน้อยตาแดงๆ (อดนอน)

.............................................................................ขอบคุณค่ะ

[poloh]

ลองนั่งเค้นความคิดดูสักวัน สองวันก่อนดีไหมครับ ?
บางทีเราอาจจะหาคำตอบขึ้นมาเองก็ได้ เพราะตอนนี้เหมือนกับว่า ยังเรียงลำดับไม่ถูกอยู่มากกว่า
ส่วนโค้ดหลักๆ ก็ได้เรียบร้อยหมดแล้ว
(คิดว่า ไม่น่าใช้คำสั่งมากกว่า ที่คุณ sarina เขียนถึงในตอนนี้สักเท่าไร)

ถ้าคิดได้เอง มันจะเป็นอะไรที่ติดตัวเรามากกว่าที่คนอื่นจะมาบอกให้นะครับ

แต่ถ้าไม่อยากคิด หรือคิดไม่ออกจริงๆ ไว้ว่างๆผมจะเขียนไว้ให้ละกันครับ

ผมเชื่อว่าคุณทำได้จริงๆนะ แค่อาจจะต้องใช้เวลาสักเล็กน้อยเท่านั้นเอง ไม่งั้น คุณคงไม่สามารถเขียนโค้ดมาถึงตรงนี้ได้หรอก

[sarina]

  จะพยายามต่อไปค่ะ  พร้อมรับคำแนะนำจากพี่ๆเสมอค่ะ 

[iannnnn]

นี่ไงครับ เด็นเด้

พระเจ้าจะช่วยเหลือ ผู้ที่ช่วยเหลือตนเองครับ

แหม ทำยังกะไม่เคยอ่านดราก้อนบอล

[poloh]

เกิดทันครับผม
แต่ผมยังไม่ถึงขั้นพระเจ้านะครับ
(ใน thaiflashdev ผมยังเป็นเด็กอ่อนอยู่เลย)

ประโยคที่ว่า เป็นประโยคที่ผมชอบมากเท่านั้นเอง
เลยเอามาบอกต่อ
อีกอย่าง ผมอยากช่วยคนที่เขาพยายามแล้ว มากกว่านั่งรอคำตอบเพียงอย่างเดียวน่ะครับเลยพิมพ์ไป

[sarina]

  ตอนนี้กำลังทำอยู่ค่ะ  สู้ๆ

[sarina]

  ตอนนี้ทำ select ได้แล้วค่ะ(ขอบคุณค่ะ)   แต่มีปัญหาที่เจอใหม่คือปุ่มต่างๆใช้ไม่ได้เลย
ทั้งปุ่ม ลบ ขยายสเกล แล้วก็แดรค +ดร็อป  มันต้องเขียนอะไรเพิ่มป่าวค่ะ (ที่เฟรม 2 ป่าวค่ะ  )

**เพราะลองลบโคดที่มันให้ select ออก แล้วย้าย ปุ่มต่างๆกลับมาเฟรม 1 มันกลับใช้ได้ 
.....................งมต่อไปทาเคชิ  สู้ๆ 

[poloh]

  ยินดีด้วยครับ
เอา swf ที่ทำได้ตอนนี้มาแปะไว้หน่อยครับ จะได้ดูออกว่าได้ถึงไหนแล้ว

ส่วนโค้ดที่ว่า ของพวกปุ่มต่างๆ ลองเอามาแปะดูที่ frame ที่ 2 ดูก็ได้ครับ จะได้เห็นผลลัพธ์ไป