Zone-IT  โซนไอที : สังคมดีๆบนโลกออนไลน์

7 กันยายน พ.ศ. 2551, 07:21:20

"เวปนี้เป็นประโยชน์ต่อผู้อื่นเป็นอย่างมาก จึงอยากสนับสนุน" Bukloard
(หนึ่งในผู้ร่วมสมทบทุนจาก 60 ท่าน)

ยอดเงินคงเหลือ 8235.9 บาท

Skip to Contents

Search

ค้นหาเฉพาะ กระทู้นี้

ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น


Zone-IT โซนไอที : สังคมดีๆบนโลกออนไลน์ > IT Zone ! > Hi5 Zone!! (ผู้ดูแล: @ztjs, Mr.Tb.Fai)
หน้า: [1]   ลงล่าง
  พิมพ์  
ผู้เขียน หัวข้อ: [Javascript]ทำ Content ใน hi5 แบบแถวเดียว  (อ่าน 2505 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
@ztjs
สมาชิก V.I.P
นักศึกษา
*
ออฟไลน์ ออฟไลน์

กระทู้: 899
ID : 5091


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
22 วัน 3 ชั่วโมง 44 นาที

ระดับ : เซียน
ประสบการณ์ : 94%
ฮิวเลทแพ็คการ์ด 63%

เว็บไซต์ Awards
« เมื่อ: 4 มีนาคม พ.ศ. 2551, 16:05:14 »

ส่งข้อความส่วนตัวถึงเจ้าของกระทู้
ระบบส่งข้อความส่วนตัว ถึงเจ้าของกระทู้
สำหรับเพื่อส่งข้อความไปถึงเจ้าของกระทู้นี้
ในการแจ้งปัญหา กรณีที่เกิดปัญหากับเจ้าของกระทู้ หรือในกรณีที่ลิงค์ดาวน์โหลดเสียเท่านั้น

หากต้องการโพสต์ อื่นๆให้ตอบกลับในกระทู้นี้
หากเพียงต้องการแสดงความขอบคุณให้คลิกที่ปุ่ม Coolfirm! ด้านบนนี้

ตกลง :: ยกเลิก
Permalink: http://www.zone-it.com/31830

กระทู้นี้ถูกตั้งเมื่อวันที่  4  มีนาคม  พ.ศ. 2551, 16:05:14  ซึ่งมีอายุนานกว่า 30 วัน
ดังนั้นเราจึงได้ปิดการตอบในกระทู้นี้ (เพื่อป้องกันการขุดกระทู้ หรือ ปั่น)

คุณเห็นด้วยกับ "ระบบล็อคกระทู้ที่มีอายุเกิน 30 วัน" ของโซนไอที หรือไม่
ปกติมันก็มีวิธีทำอะนะครับ ให้แสดงแบบแถวนึงยาว แถวนึงสั้น (แบบ CSS) ... แต่บังเิอิญผมมันชอบอะไรแบบ เดี่ยว ๆ รักใครก็รักคนเดียว (เกี่ยวไหมเนี่ย 55 5+  new)
แต่วันนี้ผมมีวิธีมาเสนอโดยใช้ Javascript เนี่ยแหละทำให้มันหดลงเหลือแถวเดียวไปเล้ย !! วิธีการก็ง่าย ๆ ครับ แค่ใช้ Javascript อันนี้ (หวังว่าคงใส่กันเป็นนะ ปักหมุดตัวเบอเร้อ)

Content-Left before Content-Right
โค๊ด:
<script type="text/javascript">
window.onload = function(){
var cr = document.getElementById("col1");
var cl = document.getElementById("col2");
cr.parentNode.insertBefore (cl, cr);
}
</script>

Content-Right before Content-Left
โค๊ด:
<script type="text/javascript">
window.onload = function(){
var cr = document.getElementById("col2");
var cl = document.getElementById("col1");
cl.parentNode.insertBefore (cr, cl);
}
</script>

เพิ่มเติม: สำหรับใครที่ต้องการให้มันยาวเต็มหน้านะครับ ให้ใส่ CSS ด้านล่างนี้หลังจากใส่โค้ดด้านบนแล้วลงใน Lifestyle
Full width of Content
โค๊ด:
<style>
#col1, #col2{
width:956px;
}</style>



zxtn:), Mr.Tb.Fai, PEEP, ~LoKOnLinE~, C H € l2 l2 ¥, thesunr19, girapatk, Yayuijung, Arn.BoJae, zamanus, biblebenz, 3021
« แก้ไขครั้งสุดท้าย: 4 เมษายน พ.ศ. 2551, 11:42:11 โดย ซ.ว » บันทึกการเข้า

พระสังทำถัง
Power User
นักเรียนมัธยม
*
ออฟไลน์ ออฟไลน์

กระทู้: 272
ID : 7639


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
6 วัน 20 ชั่วโมง 17 นาที

ระดับ : 83
ประสบการณ์ : 48%
ฮิวเลทแพ็คการ์ด 36%
✩JOseph™✩


Awards
« ตอบกระทู้นี้ #1 เมื่อ: 4 มีนาคม พ.ศ. 2551, 17:51:42 »


มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ
 
บันทึกการเข้า
Mr.Tb.Fai
ฝายครับ..
สมาชิก V.I.P
นักศึกษา
*
ออฟไลน์ ออฟไลน์

กระทู้: 959
ID : 14144


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
12 วัน 15 ชั่วโมง 11 นาที

ระดับ : 91
ประสบการณ์ : 68%
ฮิวเลทแพ็คการ์ด 85%
ไม่ได้เก่งอะไร แต่แค่อยากแบ่งปัน


เว็บไซต์ Awards
« ตอบกระทู้นี้ #2 เมื่อ: 4 มีนาคม พ.ศ. 2551, 18:15:59 »


มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ

คือตัวพวก LifeStyle Comment หรือ Five จะหายไปครับ

แล้วจะมีเมนูเป็นแถบๆ มาให้เรากด พอกดเสดมันก้อจะโผล่ออกมาครับ
 
บันทึกการเข้า

หวัดดีครับคุณ ผู้เยี่ยมชม มาทักทายผมได้ใน ZF !! เลยนะครับ


<< ช่วยๆกันแปะที่ลายเซ็นหน่อยนะคร้าบบ ^^

โค๊ด:
[img]http://img90.imageshack.us/img90/130/barme2op0.gif[/img] << ช่วยๆกันแปะที่ลายเซ็นหน่อยนะครับหน่อยนะคร้าบบ ^^
จะบ้าและ
จะบ้าและ
นักเรียนมัธยม
***
ออฟไลน์ ออฟไลน์

กระทู้: 388
ID : 10416


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
6 วัน 4 ชั่วโมง 4 นาที

ระดับ : 85
ประสบการณ์ : 96%
ฮิวเลทแพ็คการ์ด 45%
Jampel2_l3anK KilL. ZombiE


เว็บไซต์ Awards
« ตอบกระทู้นี้ #3 เมื่อ: 4 มีนาคม พ.ศ. 2551, 22:43:42 »


โห้ เทพมากๆๆ 555+ อยากได้ ขอได้ไหมเนี้ย น่าจะได้เพราะเอามาแจก ขอบคุณครับบ
 
บันทึกการเข้า


กรุณาคลิกที่นี่ เพื่อแสดงข้อมูลที่ซ่อนอยู่
กี่โมงแล้ว...เนี้ย
กรุณาคลิกที่นี่ เพื่อแสดงข้อมูลที่ซ่อนอยู่<a href="http://www.layoutcodez.net/flashtoys/myclockguts7na.swf" target="_blank">http://www.layoutcodez.net/flashtoys/myclockguts7na.swf</a>
^0^
นักเรียนอนุบาล!!
*
ออฟไลน์ ออฟไลน์

กระทู้: 12
ID : 16666


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
1 วัน 19 ชั่วโมง 11 นาที

ระดับ : 6
ประสบการณ์ : 26%
ฮิวเลทแพ็คการ์ด 11%

Awards
« ตอบกระทู้นี้ #4 เมื่อ: 5 มีนาคม พ.ศ. 2551, 00:04:57 »


พึ่งลองมา

สวยมากเลยค่ะ จะไม่ต้องใช้โค้ดตำแหน่งจัด (ไม่ตรงกันซักกะที - -")
 
บันทึกการเข้า

beandnam
↓↓↓§§§↓↓↓
แฟนพันธุ์แท้ !!!
*****
ออฟไลน์ ออฟไลน์

กระทู้: 1,108
ID : 4439

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
9 วัน 5 ชั่วโมง 43 นาที

ระดับ : เซียน
ประสบการณ์ : 79%
ฮิวเลทแพ็คการ์ด 69%

Awards
« ตอบกระทู้นี้ #5 เมื่อ: 5 มีนาคม พ.ศ. 2551, 04:54:32 »


ทำไม่ได้สอนหน่อยครับ
 
บันทึกการเข้า

@ztjs
สมาชิก V.I.P
นักศึกษา
*
ออฟไลน์ ออฟไลน์

กระทู้: 899
ID : 5091


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
22 วัน 3 ชั่วโมง 44 นาที

ระดับ : เซียน
ประสบการณ์ : 94%
ฮิวเลทแพ็คการ์ด 63%

เว็บไซต์ Awards
« ตอบกระทู้นี้ #6 เมื่อ: 5 มีนาคม พ.ศ. 2551, 09:21:20 »


มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ

คือตัวพวก LifeStyle Comment หรือ Five จะหายไปครับ

แล้วจะมีเมนูเป็นแถบๆ มาให้เรากด พอกดเสดมันก้อจะโผล่ออกมาครับ

ผิดครับ ไม่หาย แค่รวมกันอยู่ตรงกลาง แค่นั้น - -
 
บันทึกการเข้า

gundamzero
GuNdAmZeRo
นักเรียนประถม
**
ออฟไลน์ ออฟไลน์

กระทู้: 18
ID : 24907

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
12 ชั่วโมง 41 นาที

ระดับ : 7
ประสบการณ์ : 2%
ฮิวเลทแพ็คการ์ด 18%
GuNdAmZeRo


เว็บไซต์ Awards
« ตอบกระทู้นี้ #7 เมื่อ: 6 มีนาคม พ.ศ. 2551, 11:08:43 »


ทำไม่เปง ทำไงอ่า อธิ บาย ละเอียด หน่อยจิคร๊าบ เอิ๊ก ๆ
 
บันทึกการเข้า

GuNdAmZeRo http://gundamzero.hi5.com แวะมาเยี่ยมกันได้น้า..

To LovE is to GivE
Mr.Tb.Fai
ฝายครับ..
สมาชิก V.I.P
นักศึกษา
*
ออฟไลน์ ออฟไลน์

กระทู้: 959
ID : 14144


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
12 วัน 15 ชั่วโมง 11 นาที

ระดับ : 91
ประสบการณ์ : 68%
ฮิวเลทแพ็คการ์ด 85%
ไม่ได้เก่งอะไร แต่แค่อยากแบ่งปัน


เว็บไซต์ Awards
« ตอบกระทู้นี้ #8 เมื่อ: 6 มีนาคม พ.ศ. 2551, 12:10:57 »


ทำไม่เปง ทำไงอ่า อธิ บาย ละเอียด หน่อยจิคร๊าบ เอิ๊ก ๆ

ลองไปอ่านนี่งับผม วิธีใส่ Javascript ใน hi5
 
« แก้ไขครั้งสุดท้าย: 6 มีนาคม พ.ศ. 2551, 12:11:26 โดย Thunderbird » บันทึกการเข้า

หวัดดีครับคุณ ผู้เยี่ยมชม มาทักทายผมได้ใน ZF !! เลยนะครับ


<< ช่วยๆกันแปะที่ลายเซ็นหน่อยนะคร้าบบ ^^

โค๊ด:
[img]http://img90.imageshack.us/img90/130/barme2op0.gif[/img] << ช่วยๆกันแปะที่ลายเซ็นหน่อยนะครับหน่อยนะคร้าบบ ^^
gundamzero
GuNdAmZeRo
นักเรียนประถม
**
ออฟไลน์ ออฟไลน์

กระทู้: 18
ID : 24907

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
12 ชั่วโมง 41 นาที

ระดับ : 7
ประสบการณ์ : 2%
ฮิวเลทแพ็คการ์ด 18%
GuNdAmZeRo


เว็บไซต์ Awards
« ตอบกระทู้นี้ #9 เมื่อ: 6 มีนาคม พ.ศ. 2551, 12:26:07 »


ผม อ่ะ ใส่ เป็น แต่ว่า มันใส่แล้วมั่วไปหมดเรยละ

ผมละงง
 
บันทึกการเข้า

GuNdAmZeRo http://gundamzero.hi5.com แวะมาเยี่ยมกันได้น้า..

To LovE is to GivE
@ztjs
สมาชิก V.I.P
นักศึกษา
*
ออฟไลน์ ออฟไลน์

กระทู้: 899
ID : 5091


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
22 วัน 3 ชั่วโมง 44 นาที

ระดับ : เซียน
ประสบการณ์ : 94%
ฮิวเลทแพ็คการ์ด 63%

เว็บไซต์ Awards
« ตอบกระทู้นี้ #10 เมื่อ: 6 มีนาคม พ.ศ. 2551, 12:36:27 »


ผม อ่ะ ใส่ เป็น แต่ว่า มันใส่แล้วมั่วไปหมดเรยละ

ผมละงง

อะนะ ก็อบไปหมดสามโค้ดยังไงก็เน่า ... ต้องเลือกว่าจะเอา content ไหน แล้วก็สคริปท์นี้เหมาะกับสกินที่ไม่ได้แต่งอะไรเลย
 
บันทึกการเข้า

gundamzero
GuNdAmZeRo
นักเรียนประถม
**
ออฟไลน์ ออฟไลน์

กระทู้: 18
ID : 24907

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
12 ชั่วโมง 41 นาที

ระดับ : 7
ประสบการณ์ : 2%
ฮิวเลทแพ็คการ์ด 18%
GuNdAmZeRo


เว็บไซต์ Awards
« ตอบกระทู้นี้ #11 เมื่อ: 7 มีนาคม พ.ศ. 2551, 15:00:34 »


ผมใส่ได้และ แต่ว่ามันไม่ย่ออ่าน้า....

ทำไง ช่วยบอกหน่อย ละเอียด ๆ

ผมสมองมิ์ดีอ่าน้า.. ^^
 
บันทึกการเข้า

GuNdAmZeRo http://gundamzero.hi5.com แวะมาเยี่ยมกันได้น้า..

To LovE is to GivE
komzaonline
นักเรียนอนุบาล!!
*
ออฟไลน์ ออฟไลน์

กระทู้: 6
ID : 26239

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
4 ชั่วโมง 19 นาที

ระดับ : 3
ประสบการณ์ : 58%
ฮิวเลทแพ็คการ์ด 10%

Awards
« ตอบกระทู้นี้ #12 เมื่อ: 12 มีนาคม พ.ศ. 2551, 13:27:17 »


ทำไมของเรามันไม่เป็นแถวเดียวสักทีอ่ะ - -*
 
บันทึกการเข้า
a-fewz
นักเรียนอนุบาล!!
*
ออฟไลน์ ออฟไลน์

กระทู้: 3
ID : 25291

  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
1 ชั่วโมง 15 นาที

ระดับ : 2
ประสบการณ์ : 49%
ฮิวเลทแพ็คการ์ด 7%

Awards
« ตอบกระทู้นี้ #13 เมื่อ: 14 มีนาคม พ.ศ. 2551, 13:07:47 »


อยาก จะบอกว่า


ใช้ ไม่ไดสักกะอันเรย ค่ะ
 
บันทึกการเข้า
DK.MAC
:•:ต่างใจเดียวกัน:•:
นักเรียนมัธยม
***
ออฟไลน์ ออฟไลน์

กระทู้: 106
ID : 24171


  ไปเม้นให้!!

รวมเวลาทั้งสิ้น
5 วัน 10 ชั่วโมง 28 นาที

ระดับ : 24
ประสบการณ์ : 6%
ฮิวเลทแพ็คการ์ด 42%
เหงามากมาย


เว็บไซต์ Awards
« ตอบกระทู้นี้ #14 เมื่อ: 16 มีนาคม พ.ศ. 2551, 09:26:07 »


Javascript hi5 แบบแถวเดียว มันใช้กับ Javascript ข้อความต้อนรับไม่ได้อ่ะครับ T_T
 
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

Creative Commons License

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

รูปแบบธีมของเว็บ อันได้แก่ชุดสี รูปภาพ และ โค้ดต่าง ๆ คุณสามารถนำไปประยุกต์ใช้ได้ เพราะเราเชื่อว่าแรงบันดาลใจอาจทำให้เกิดสิ่งใหม่ ๆ
แต่ทางเราขอสงวนเฉพาะสโลแกน ข้อความ และ รูปภาพ อันเป็นเอกลักษณ์ของเว็บไซต์ที่จะเป็นลิขสิทธิ์ของ โซน-ไอที.คอม


ติดต่อ-สอบถาม ผู้ดูแลเว็บ : admin@zone-it.com
Powered by MySQL Powered by PHP Powered by SMF 1.1.5 | SMF © 2006-2007, Simple Machines LLC | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!
หน้านี้ถูกสร้างขึ้นภายในเวลา 0.713 วินาที กับ 52 คำสั่ง