[Javascript]ทำ Content ใน hi5 แบบแถวเดียว

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

ninranam

4 มีนาคม พ.ศ. 2551, 16:05:14
ปกติมันก็มีวิธีทำอะนะครับ ให้แสดงแบบแถวนึงยาว แถวนึงสั้น (แบบ 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>

josephanorias

4 มีนาคม พ.ศ. 2551, 17:51:42
มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ

Thunderbird

4 มีนาคม พ.ศ. 2551, 18:15:59
มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ

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

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

manasak36

4 มีนาคม พ.ศ. 2551, 22:43:42
โห้ เทพมากๆๆ 555+ อยากได้ ขอได้ไหมเนี้ย น่าจะได้เพราะเอามาแจก ขอบคุณครับบ

fake

5 มีนาคม พ.ศ. 2551, 00:04:57
พึ่งลองมา

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

beandnam

5 มีนาคม พ.ศ. 2551, 04:54:32
ทำไม่ได้สอนหน่อยครับ

ninranam

5 มีนาคม พ.ศ. 2551, 09:21:20
มันคืออะไรอ่ะ งง ขอคำอธิบายเพิ่มเติมหน่อยครับ

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

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

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

gundamzero

6 มีนาคม พ.ศ. 2551, 11:08:43
ทำไม่เปง ทำไงอ่า อธิ บาย ละเอียด หน่อยจิคร๊าบ เอิ๊ก ๆ

Thunderbird

6 มีนาคม พ.ศ. 2551, 12:10:57
ทำไม่เปง ทำไงอ่า อธิ บาย ละเอียด หน่อยจิคร๊าบ เอิ๊ก ๆ

ลองไปอ่านนี่งับผม วิธีใส่ Javascript ใน hi5

gundamzero

6 มีนาคม พ.ศ. 2551, 12:26:07
ผม อ่ะ ใส่ เป็น แต่ว่า มันใส่แล้วมั่วไปหมดเรยละ

ผมละงง

ninranam

6 มีนาคม พ.ศ. 2551, 12:36:27
ผม อ่ะ ใส่ เป็น แต่ว่า มันใส่แล้วมั่วไปหมดเรยละ

ผมละงง

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

gundamzero

7 มีนาคม พ.ศ. 2551, 15:00:34
ผมใส่ได้และ แต่ว่ามันไม่ย่ออ่าน้า....

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

ผมสมองมิ์ดีอ่าน้า.. ^^

komzaonline

12 มีนาคม พ.ศ. 2551, 13:27:17
ทำไมของเรามันไม่เป็นแถวเดียวสักทีอ่ะ - -*

a-fewz

14 มีนาคม พ.ศ. 2551, 13:07:47
อยาก จะบอกว่า


ใช้ ไม่ไดสักกะอันเรย ค่ะ

DK.MAC

16 มีนาคม พ.ศ. 2551, 09:26:07
Javascript hi5 แบบแถวเดียว มันใช้กับ Javascript ข้อความต้อนรับไม่ได้อ่ะครับ T_T