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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
ThaiSEOBoard.comพัฒนาเว็บไซต์Programming Chat บนเว็บแนว ๆ Facebook ลองดูกันครับ
« หน้าที่แล้ว ต่อไป »
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: Chat บนเว็บแนว ๆ Facebook ลองดูกันครับ  (อ่าน 8964 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
armddd
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« เมื่อ: 04 พฤษภาคม 2011, 16:57:06 »
ตอนแรกผมทำกะงง ๆ ตอนนี้เสร็จแล้วครับ

ประมาณนี่ครับ  แบบกดแล้วโชว์  กดอีกทีแล้วหาย



ลองดูตัวอย่างได้ที่เว็บ  http://www.iyatv.com/  

นี่ code

โค๊ด:
<style type="text/css">
.openchat{
BORDER-BOTTOM: #bbdb8e 1px solid;
BORDER-LEFT: #bbdb8e 1px solid;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 8px;
PADDING-RIGHT: 8px;
BACKGROUND: #447302;
COLOR: #fff; FONT-SIZE: 12px;
BORDER-TOP: #bbdb8e 1px solid;
BORDER-RIGHT: #bbdb8e 1px solid;
PADDING-TOP: 2px;font-weight:bold;
position:fixed;right:10px;bottom:1px;
}
</style>



<script type="text/javascript">
var status = "hidden";
var change = 1;
function chat()
{
if(status=="hidden" && change != 0 )
{
document.getElementById("chat").style.visibility="visible";
status = "visible";
change = 0;
 end;
}
if(status=="visible" && change != 1)
{
document.getElementById("chat").style.visibility="hidden";
status = "hidden";
change = 1;
 end;
}
}
document.write('<div id="chat" style="position:fixed;right:10px;bottom:25px; border:#bbdb8e 2px solid; visibility:hidden;z-index:100;" >');
document.write('<iframe src="........." width="450" height="521" scrolling="auto" frameborder="0" ></iframe></div>');
</script>


<div id="openchat" class="openchat" onclick="chat()">Chat มันส์</div>

ส่วนนี่สคริป Chat ครับ

ลิงค์ -->>>> hทีทีp://www.iyatv.com/free/yshout5.rar

เอาไปโมใช้กันตามสบายเลยนะครับ  wanwan003
« แก้ไขครั้งสุดท้าย: 05 พฤษภาคม 2011, 16:58:32 โดย armddd » บันทึกการเข้า
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 04 พฤษภาคม 2011, 17:54:36 »
ช่วยได้แค่นี้แหละครับ ผมไม่ค่อยเป็นอ่ะครับ แหะๆ
index.html
โค๊ด:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<div id="box">11111<br>22222<br>33333<br>
</div>
<input type="button" onclick="Hide()" value="Hide" />
<input type="button" onclick="show()" value="show" />
</body>
</html>

javascript.js
โค๊ด:
function Hide()
{
document.getElementById("box").style.visibility="hidden";
}
function show()
{
document.getElementById("box").style.visibility="visible";
}

 wanwan012
« แก้ไขครั้งสุดท้าย: 04 พฤษภาคม 2011, 18:16:33 โดย sornram9254 » บันทึกการเข้า
ieiq
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 94
ออฟไลน์ ออฟไลน์

กระทู้: 1,773



ดูรายละเอียด
« ตอบ #2 เมื่อ: 04 พฤษภาคม 2011, 18:04:55 »
ขอบคุณครบ
บันทึกการเข้า
ทำดีได้ดี เพราะทำด้วยใจ
armddd
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #3 เมื่อ: 04 พฤษภาคม 2011, 21:02:01 »
ทำได้แล้วครับ

แล้วจะทำยังไงให้ปุ่มมันติดอยู่ที่ status bar ตลอดครับ  เหมือนของ facebook ครับ



แบบนี้ครับ  wanwan017
บันทึกการเข้า
Pang25441
ก๊วนเสียว
*

พลังน้ำใจ: 31
ออฟไลน์ ออฟไลน์

กระทู้: 269



ดูรายละเอียด
« ตอบ #4 เมื่อ: 04 พฤษภาคม 2011, 23:08:08 »
css

position : fixed; <<ถ้าจำไม่ผิด
bottom: 0%;
left หรือ right แล้วแต่
บันทึกการเข้า
Click!!
ปรวชฺชานุปสฺสิสฺส นิจฺจํ อุชฺฌานสญฺญิโน
อาสวา ตสฺส วฑฺฒนฺติ อารา โส อาสวกฺขยา

คนที่เห็นแต่โทษผู้อื่น คอยแต่เพ่งโทษนั้น
อาสวะก็เพิ่มพูน เขายังไกลจากความสิ้นอาสวะ
[ขุ.ธ. ๒๕/๔๙]
baTygol
คนรักเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 105



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 04 พฤษภาคม 2011, 23:24:49 »
 :wanwan017:ตามมาเก็บความรู้ครับ
บันทึกการเข้า
หอพักโคราช อพาร์ทเมนท์ในโคราช
ที่นอนยางพารา จำหน่าย-ตัดที่นอน เตียงทุกชนิด
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 05 พฤษภาคม 2011, 08:09:29 »
โค๊ด:
http://www.thaicreate.com/php/forum/019883.html

อันนี้น่าจะ work กว่านะครับ ลองใหม่ดู

อ้างถึง
<script type="text/javascript">
   function toggle() {
      var ds = document.getElementById("display");
      if(ds.style.display == 'none')
         ds.style.display = 'block';
      else
         ds.style.display = 'none';
   }
</script>
<input type="button" name="btn" id="btn" value="Show" onclick='toggle()' />
<div id='display' style='display:none;'>dddddddddddddd</div>


 Tongue
ปล. ฝากติชมเว็บผมทีครับ ทำรอบนี้ตั้งใจสุดๆ เขียน css ทั้งวันทั้งคืนเลย  :'(
http://www.sornram9254.com/
บันทึกการเข้า
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 05 พฤษภาคม 2011, 09:28:49 »
มั่วมาให้ได้เท่านี้แหละครับ ที่เหลือก็ไปยำเองแล้วกันนะครับ ฮ่าๆๆ ๆ
โค๊ด:
<style type="text/css">
.button{
	height:25px;
	text-align:center;
}
.button, .content{
	cursor:pointer;
	background:#eee;
	float:right;
	position:fixed;
	border:1px solid #999;
	width:250px;
}
.main{
	float:right;
	width:250px;
	height:100%;
}
</style>

<script type="text/javascript">
	function toggle() {
		var ds = document.getElementById("display");
		if(ds.style.display == 'none')
			ds.style.display = 'block';
		else 
			ds.style.display = 'none';
}
</script>

<div class="main">
<div class="content">
<div id='display' style='display:none;'>
<!-- BEGIN DATA -->
0<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
<!-- END DATA -->
</div>
</div>
<div class="button" value="Show" onclick='toggle()'>
show
</div>
</div>
บันทึกการเข้า
armddd
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #8 เมื่อ: 05 พฤษภาคม 2011, 11:05:51 »
ขอบคุณมากครับ ได้แล้วคับตอนนี้

ระบบ Chat  ลองเข้าไปดูกันได้นะครับ  เว็บที่ ลายเซ็นต์    Embarrassed
บันทึกการเข้า
9inepiek
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,782



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 05 พฤษภาคม 2011, 11:11:05 »
อ้างจาก: armddd ที่ 05 พฤษภาคม 2011, 11:05:51
ขอบคุณมากครับ ได้แล้วคับตอนนี้

ระบบ Chat  ลองเข้าไปดูกันได้นะครับ  เว็บที่ ลายเซ็นต์    Embarrassed

แวะไปดูแล้วครับ

ทำยังไงหว่า
อยากทำบ้าง
555+
บันทึกการเข้า
รีวิวแอพพลิเคชั่น
บทความไอที
รีวิวแอพพลิเคชั่น
บทความไอที
รีวิวแอพพลิเคชั่น
bigbossbear
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 348
ออฟไลน์ ออฟไลน์

กระทู้: 4,764



ดูรายละเอียด
« ตอบ #10 เมื่อ: 05 พฤษภาคม 2011, 11:13:27 »
อ้างจาก: armddd ที่ 05 พฤษภาคม 2011, 11:05:51
ขอบคุณมากครับ ได้แล้วคับตอนนี้

ระบบ Chat  ลองเข้าไปดูกันได้นะครับ  เว็บที่ ลายเซ็นต์    Embarrassed

ป้าดๆๆ แจ่ม ทำยังไงเนี่ย อยากได้มั่ง  wanwan017
บันทึกการเข้า
★★ HOSTGATOR ลด 25%ทุกแพลน ใช้โค้ด 25offsavegator ด่วน!! คลิกเลย ★★
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 05 พฤษภาคม 2011, 11:16:22 »
ผมไปแกะมาเรียบร้อยและครับฮ่าๆๆ ๆ

โค๊ด:
<style type="text/css">
.openchat{
BORDER-BOTTOM: #bbdb8e 1px solid;
BORDER-LEFT: #bbdb8e 1px solid;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 8px;
PADDING-RIGHT: 8px;
BACKGROUND: #447302;
COLOR: #fff; FONT-SIZE: 12px;
BORDER-TOP: #bbdb8e 1px solid;
BORDER-RIGHT: #bbdb8e 1px solid;
PADDING-TOP: 2px;font-weight:bold;
position:fixed;right:10px;bottom:1px;
}
</style>



<script type="text/javascript">
var status = "hidden";
var change = 1;
function chat()
{
if(status=="hidden" && change != 0 )
{
document.getElementById("chat").style.visibility="visible";
status = "visible";
change = 0;
 end;
}
if(status=="visible" && change != 1)
{
document.getElementById("chat").style.visibility="hidden";
status = "hidden";
change = 1;
 end;
}
}
document.write('<div id="chat" style="position:fixed;right:10px;bottom:25px; border:#bbdb8e 2px solid; visibility:hidden;z-index:100;" >');
document.write('<iframe src="chat/example/dark.html" width="450" height="521" scrolling="auto" frameborder="0" ></iframe></div>');
</script>


<div id="openchat" class="openchat" onclick="chat()">Chat มันส์</div>

ปล. ไม่รู้ว่า จขกท จะว่าเปล่า แอบแกะโค้ดเขามาแจก  wanwan004
บันทึกการเข้า
armddd
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #12 เมื่อ: 05 พฤษภาคม 2011, 11:28:32 »
อ้างจาก: sornram9254 ที่ 05 พฤษภาคม 2011, 11:16:22
ผมไปแกะมาเรียบร้อยและครับฮ่าๆๆ ๆ

โค๊ด:
<style type="text/css">
.openchat{
BORDER-BOTTOM: #bbdb8e 1px solid;
BORDER-LEFT: #bbdb8e 1px solid;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 8px;
PADDING-RIGHT: 8px;
BACKGROUND: #447302;
COLOR: #fff; FONT-SIZE: 12px;
BORDER-TOP: #bbdb8e 1px solid;
BORDER-RIGHT: #bbdb8e 1px solid;
PADDING-TOP: 2px;font-weight:bold;
position:fixed;right:10px;bottom:1px;
}
</style>



<script type="text/javascript">
var status = "hidden";
var change = 1;
function chat()
{
if(status=="hidden" && change != 0 )
{
document.getElementById("chat").style.visibility="visible";
status = "visible";
change = 0;
 end;
}
if(status=="visible" && change != 1)
{
document.getElementById("chat").style.visibility="hidden";
status = "hidden";
change = 1;
 end;
}
}
document.write('<div id="chat" style="position:fixed;right:10px;bottom:25px; border:#bbdb8e 2px solid; visibility:hidden;z-index:100;" >');
document.write('<iframe src="chat/example/dark.html" width="450" height="521" scrolling="auto" frameborder="0" ></iframe></div>');
</script>


<div id="openchat" class="openchat" onclick="chat()">Chat มันส์</div>

ปล. ไม่รู้ว่า จขกท จะว่าเปล่า แอบแกะโค้ดเขามาแจก  wanwan004

ฮา ๆๆๆ รวดเร็วมากครับท่าน  แกะไงหว่าเร็วมาก มีโปรแกรมเหรอครับ  Tongue
บันทึกการเข้า
Pang25441
ก๊วนเสียว
*

พลังน้ำใจ: 31
ออฟไลน์ ออฟไลน์

กระทู้: 269



ดูรายละเอียด
« ตอบ #13 เมื่อ: 05 พฤษภาคม 2011, 11:29:48 »
 wanwan009 Big mini chat
(ใหญ่เกินกว่าจะเอาไปแอบไว้ตรงนั้น Tongue)

ว่าแล้วก็เอาไปทำบ้างดีกว่า (ทำห้องแชตไว้อยู่อันนึง)
เดียวจะทำเป็นเวอชั่น mini เสริม wanwan007
« แก้ไขครั้งสุดท้าย: 05 พฤษภาคม 2011, 11:31:35 โดย Pang25441 » บันทึกการเข้า
Click!!
ปรวชฺชานุปสฺสิสฺส นิจฺจํ อุชฺฌานสญฺญิโน
อาสวา ตสฺส วฑฺฒนฺติ อารา โส อาสวกฺขยา

คนที่เห็นแต่โทษผู้อื่น คอยแต่เพ่งโทษนั้น
อาสวะก็เพิ่มพูน เขายังไกลจากความสิ้นอาสวะ
[ขุ.ธ. ๒๕/๔๙]
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 05 พฤษภาคม 2011, 11:32:57 »
เปล่าครับ ผมก็ view source ไปเรื่อยๆ  อ้อ ผมแนะนำอย่างครับ เขียน css แบบรวบรัดไปเลยครับ ผมแก้มาให้บางส่วนแล้วครับ

อ้างถึง
<!-- CSS START -->
<style type="text/css">
.openchat{
   border:#bbdb8e 1px 1px 1px 1px solid;                   /* ความหมาย : TOP , Right , Bottom , Left  (ตามเข็มนาฬิกาครับ)    */
   padding:2px 8px 2px 8px;
   BACKGROUND:#447302;
   COLOR: #fff; FONT-SIZE: 12px;
   font-weight:bold;
   position:fixed;
   right:10px;
   bottom:1px;
}
</style>
<!-- END CSS -->

<!-- Javascript START -->
<script type="text/javascript">
   var status = "hidden";
   var change = 1;
   function chat()
   {
      if(status=="hidden" && change != 0 )
         {
            document.getElementById("chat").style.visibility="visible";
            status = "visible";
            change = 0;
            end;
         }
      if(status=="visible" && change != 1)
         {
            document.getElementById("chat").style.visibility="hidden";
            status = "hidden";
            change = 1;
            end;
         }
   }

document.write('<div id="chat" style="position:fixed;right:10px;bottom:25px; border:#bbdb8e 2px solid; visibility:hidden;z-index:100;" >');
document.write('<iframe src="chat/example/dark.html" width="450" height="521" scrolling="auto" frameborder="0" ></iframe></div>');
</script>
<!-- END Javascript -->

<div id="openchat" class="openchat" onclick="chat()">Chat มันส์</div>

ปล.  ผมเพิ่งหัด css น่ะครับ  Embarrassed
« แก้ไขครั้งสุดท้าย: 05 พฤษภาคม 2011, 11:34:30 โดย sornram9254 » บันทึกการเข้า
9inepiek
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,782



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 05 พฤษภาคม 2011, 11:59:39 »
เอาไปใช้ยังไงหรอครับ

ผมเอาไปใช้แล้ว พอคลิกแล้วมันขึ้นหน้า 404
เว็บตามลายเซ็นต์
ขอบคุณครับ
บันทึกการเข้า
รีวิวแอพพลิเคชั่น
บทความไอที
รีวิวแอพพลิเคชั่น
บทความไอที
รีวิวแอพพลิเคชั่น
sornram9254
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 81



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 05 พฤษภาคม 2011, 12:10:53 »
ถ้าไม่ได้เขียน css เองก็ปล่อยไปก็ได้ครับ เดี๋ยวไปแก้มันจะเละเปล่าๆ  Tongue
บันทึกการเข้า
armddd
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #17 เมื่อ: 05 พฤษภาคม 2011, 13:14:11 »
อ้างจาก: sornram9254 ที่ 05 พฤษภาคม 2011, 12:10:53
ถ้าไม่ได้เขียน css เองก็ปล่อยไปก็ได้ครับ เดี๋ยวไปแก้มันจะเละเปล่าๆ  Tongue

css กับ javascript นั้น ผมเขียนเองครับ
บันทึกการเข้า
mitigatez
คนรักเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 131



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 05 พฤษภาคม 2011, 13:50:46 »
เข้ามาแล้วได้ความรู้เลยยยยย
ขอบคุณมากครับ ^^
บันทึกการเข้า
relax เล่นเกมส์กัน all win marketing
popcorns
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 90
ออฟไลน์ ออฟไลน์

กระทู้: 2,350



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 05 พฤษภาคม 2011, 13:59:08 »
ผมขอสคริปหน้า chat บ้างได้ไหมครับ
บันทึกการเข้า
หน้า: [1] 2   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: