ตั้งเป็นหน้าแรกเพิ่มเข้ารายการโปรด
ปรับขนาด

Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก
ค้นหา
คำค้นยอดนิยม: ภาษาไทย discuz
Discuz Thai»เว็บบอร์ด › Discuz! Board › Discuz7.2 Addon Mod Hack › Discuz6+ Addon/Mod/Hack › Popup Chat For Shoutbox
Discuz! X2.5 Official VersionDiscuz X2.5 Thai Mr.JakVDO อัพเกรดดิสคัส 2.5
กลับไป ตั้งกระทู้ใหม่
ดู: 2890|ตอบกลับ: 3

[A/M/H6.1] Popup Chat For Shoutbox

[คัดลอกลิงก์]
acaz

83

กระทู้

8

ติดตาม

5018

เครดิต

ผู้จัดการกระดาน

ทำดีเพื่อแผ่นดิน

Rank: 9Rank: 9Rank: 9

สิทธิ์ในการอ่าน
200
UID
1
เครดิต
5018
จิตพิศัย
5018
Money
26596
Gold
6307
โพสต์
4517
กระทู้
83
ลงทะเบียนเมื่อ
2007-10-2
ลงชื่อเข้าใช้ล่าสุด
2012-5-24
โพสต์เมื่อ 2008-7-5 21:14:02 |ดูโพสต์ทั้งหมด
โฮสสำหรับดิสคัสโดยเฉพาะ
เป็นการสร้างหน้าต่าง Chat ขึ้นมาต่างหากหนึ่งหน้าเพื่อให้การสนทนาเป็นไปอย่างต่อเนื่อง
แต่ความจริงเนตที่ บ. ผมช้า
แล้วผมเข้าเวบจะติดหน้า shoutbox เลยคิดทำขึ้นมาเท่านั้นเอง

ต้องติดตั้ง Shoutbox อยู่ก่อนแล้วนะครับ

1. เปิดไฟลล์ shoutbox.php
ค้นหา

  2. include template('shoutbox_index');
คัดลอกไปที่คลิปบอร์ด
แก้ไขเป็น

  2. include template('shoutbox_popup');
คัดลอกไปที่คลิปบอร์ด
2. แล้วทำการ save as เป็นชื่อ shoutbox_popup.php

3. ไปที่สกินที่คุณใช้งานเปิดไฟลล์ shoutbox_index.htm แล้วทำการ save as เป็นชื่อ shoutbox_popup.htm

4. นำโค๊ดนี้ไปวางที่ shoutbox_popup.htm
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=$charset" />
  5. <title>$navtitle $bbname $seotitle - Powered by Discuz!</title>
  6. $seohead
  7. <meta name="keywords" content="{$metakeywords}$seokeywords" />
  8. <meta name="description" content="$metadescription $bbname $seodescription - Discuz! Board" />
  9. <meta name="generator" content="Discuz! $version" />
  10. <meta name="author" content="Discuz! Team and Comsenz UI Team" />
  11. <meta name="copyright" content="2001-2008 Comsenz Inc." />
  12. <meta name="MSSmartTagsPreventParsing" content="True" />
  13. <meta http-equiv="MSThemeCompatible" content="Yes" />
  14. <link rel="archives" title="$bbname" href="{$boardurl}archiver/" />
  15. $rsshead
  16. $extrahead
  17. <!--{if CURSCRIPT == 'viewthread'}-->
  18.         <link rel="stylesheet" type="text/css" href="forumdata/cache/style_{STYLEID}_viewthread.css" />
  19.         <!--{if $thread['special']}-->
  20.                 <link rel="stylesheet" type="text/css" href="forumdata/cache/style_{STYLEID}_special.css" />
  21.         <!--{/if}-->
  22. <!--{elseif CURSCRIPT == 'post'}-->
  23.         <link rel="stylesheet" type="text/css" href="forumdata/cache/style_{STYLEID}_editor.css" />
  24. <!--{/if}-->
  25. <link rel="stylesheet" type="text/css" href="forumdata/cache/style_{STYLEID}_common.css" />
  26. <script type="text/javascript">
  27.         var discuz_uid = $discuz_uid;var IMGDIR = '{IMGDIR}';var attackevasive = '$attackevasive';var gid = 0;var STYLEID = '{STYLEID}';
  28.         <!--{if in_array(CURSCRIPT, array('viewthread', 'forumdisplay'))}-->gid = parseInt('$thisgid');<!--{elseif CURSCRIPT == 'index'}-->gid = parseInt('$gid');<!--{/if}-->var fid = parseInt('$fid');var tid = parseInt('$tid');
  29. </script>
  30. <script type="text/javascript" src="include/javascript/common.js"></script>
  31. </head>
  32. <body>
  33. <!--Shoutbox by ROA-->
  34. <script type="text/javascript" src="include/javascript/prototype.js"></script>
  35. <script type="text/javascript" src="include/javascript/shoutbox.js"></script>
  36. <script type="text/javascript" src="include/javascript/menu.js"></script>
  37. <style type="text/css">
  38. <!--

  40. .shout-button {
  41.         font-size: 11px;
  42.         line-height: 1em;
  43.         display: inline;
  44.         overflow: visible;
  45.         padding: 3px 5px 2px;
  46.         border: 1px solid #CAD9EA;
  47.         background: #FFF;
  48.         cursor: pointer;
  49.         margin-left: 2px;
  50. }
  51. .shout-announce {
  52.         font-size: 12px / 2;
  53.         border: 1px solid #EDEDCE;
  54.         background: #FFFFF2 url(images/default/notice.gif) no-repeat 1em 0.7em;
  55.         padding: 0.5em 1em 0.5em 2.5em;
  56.         margin-bottom: 5px;
  57.         color: #090;
  58. }
  59. .shout-error {
  60.         padding: 4px;
  61.         background-color: #FCC;
  62.         border: 1px solid #C00;
  63.         color: #C00;
  64. }
  65. .shout-membes {
  66.         border-left:1px solid #CAD9EA; background: #FFF url("images/default/portalbox_bg.gif");
  67.         border-bottom: 1px solid #CAD9EA; background: #FFF url("images/default/portalbox_bg.gif");
  68.         background-repeat: repeat-x;
  69. }
  70. -->
  71. </style>
  72. <table border="0" width="790" height="100">
  73.         <tr align="canter">
  74.                 <td  valign="top">
  75. <div class="mainbox">
  76.         <h3>$shout['title']</h3>
  77.         <table summary="shoutbox" cellpadding='0' cellspacing='0'>
  78.                 <thead class="category">
  79.                  <tr>
  80.                         <th width="80%">Latest Shouts</th>
  81.                         <th width="20%"> Members (<span id="shout_members_total">0</span> Viewing)</th>
  82.                  </tr>
  83.                 </thead>
  84.                 <tr>
  85.                         <td align="left" style="border-bottom: 1px solid #9DB3C5;" valign="top">
  86.                                 <div class="shout-announce">กรุณาสนทนาด้วยคำที่สุภาพนะครับ</div>
  87.                                 <div style="position:relative">
  88.                                 <div id="shout_msg" class="popupmenu_popup" style="height:100px;overflow:auto;"></div>
  89.                                 <div id="shout_reloading" style="position:absolute;top:5px;right:18px;display:none"><img src="{IMGDIR}/loading.gif" border="0" alt="Refreshing..." /></div></div>                               
  90.                         </td>
  91.                         <td align="left" class="shout-membes" valign="top">
  92.                                 <div id="shout_members"></div>
  93.                         </td>
  94.                 </tr>
  95.                 <tr>
  96.                         <td>
  97.                                 <select id="req_color">
  98.                                         <option value='default' selected="selected">Skin Default</option>
  99.                                         <option value="#000000" style="background-color: #000000">Black</option>
  100.                                         <option value="#a0522d" style="background-color: #a0522d">Sienna</option>               
  101.                                         <option value="#556b2f" style="background-color: #556b2f">DarkOliveGreen</option>
  102.                                         <option value="#006400" style="background-color: #006400">DarkGreen</option>
  103.                                         <option value="#483d8b" style="background-color: #483d8b">DarkSlateBlue</option>
  104.                                         <option value="#000080" style="background-color: #000080">Navy</option>
  105.                                         <option value="#4b0082" style="background-color: #4b0082">Indigo</option>
  106.                                         <option value="#2f4f4f" style="background-color: #2f4f4f">DarkSlateGray</option>
  107.                                         <option value="#8b0000" style="background-color: #8b0000">DarkRed</option>
  108.                                         <option value="#ff8c00" style="background-color: #ff8c00">DarkOrange</option>
  109.                                         <option value="#808000" style="background-color: #808000">Olive</option>
  110.                                         <option value="#008000" style="background-color: #008000">Green</option>
  111.                                         <option value="#008080" style="background-color: #008080">Teal</option>
  112.                                         <option value="#0000ff" style="background-color: #0000ff">Blue</option>
  113.                                         <option value="#708090" style="background-color: #708090">SlateGray</option>
  114.                                         <option value="#696969" style="background-color: #696969">DimGray</option>
  115.                                         <option value="#ff0000" style="background-color: #ff0000">Red</option>
  116.                                         <option value="#f4a460" style="background-color: #f4a460">SandyBrown</option>
  117.                                         <option value="#9acd32" style="background-color: #9acd32">YellowGreen</option>
  118.                                         <option value="#2e8b57" style="background-color: #2e8b57">SeaGreen</option>
  119.                                         <option value="#48d1cc" style="background-color: #48d1cc">MediumTurquoise</option>
  120.                                         <option value="#4169e1" style="background-color: #4169e1">RoyalBlue</option>
  121.                                         <option value="#800080" style="background-color: #800080">Purple</option>
  122.                                         <option value="#808080" style="background-color: #808080">Gray</option>
  123.                                         <option value="#ff00ff" style="background-color: #ff00ff">Magenta</option>
  124.                                         <option value="#ffa500" style="background-color: #ffa500">Orange</option>
  125.                                         <option value="#ffff00" style="background-color: #ffff00">Yellow</option>
  126.                                         <option value="#00ff00" style="background-color: #00ff00">Lime</option>
  127.                                         <option value="#00ffff" style="background-color: #00ffff">Cyan</option>
  128.                                         <option value="#00bfff'" style="background-color: #00bfff">DeepSkyBlue</option>
  129.                                         <option value="#9932cc" style="background-color: #9932cc">DarkOrchid</option>
  130.                                         <option value="#c0c0c0" style="background-color: #c0c0c0">Silver</option>
  131.                                         <option value="#ffc0cb" style="background-color: #ffc0cb">Pink</option>
  132.                                         <option value="#f5deb3'" style="background-color: #f5deb3">Wheat</option>
  133.                                         <option value="#fffacd" style="background-color: #fffacd">LemonChiffon</option>
  134.                                         <option value="#98fb98" style="background-color: #98fb98">PaleGreen</option>
  135.                                         <option value="#afeeee" style="background-color: #afeeee">PaleTurquoise</option>
  136.                                         <option value="#add8e6" style="background-color: #add8e6">LightBlue</option>
  137.                                         <option value="#dda0dd" style="background-color: #dda0dd">Plum</option>
  138.                                 </select>
  139.                                 <input id="req_message" name="req_message" type="text" size="30" value="" onKeydown="shout_keydown(event)"/>
  140.                                 <button class="shout-button" onclick="send_message();">Shout Now</button>
  141.                                 <button class="shout-button" onclick="shout_clear()">Clear</button>
  142.                                 <button class="shout-button" onclick="shout_refresh()">Refresh</button>
  143.                                 <button class="shout-button" id="smilies" onclick="shout_smilies()">Smilies</button>
  144.                                 <button class="shout-button" onclick="window.open(this.href='faq.php?action=message&id=18'); return false;">DZ! Codes</button>
  145.                                 <div id="smilieslist" class="popupmenu_popup" style="position:absolute; padding:1px; display: none; width:183px;height:auto;"></div>
  146.                         </td>
  147.                 </tr>
  148.         </div>
  149.         </table>
  150.         <script language="javascript">
  151.         <!--
  152.         $('req_message').focus();
  153.         // -->
  154.         </script>
  155. </div>
  156. <div id="popup_shoutbox"></div>

  158. <script language="javascript">
  159.         var LastMsg = '';
  160.         var RefreshTime = $shout['refresh'];
  161.         get_members();
  162.         get_messages();
  163.         checker = new PeriodicalExecuter(get_messages, RefreshTime);
  164. </script>
  165. </td>
  166.         </tr>
  167. </table>
  168. </body></html>
คัดลอกไปที่คลิปบอร์ด
แล้วบันทึกครับ

5. เปิดไฟลล์ header.htm
ค้นหา
  1. <li<!--{if $BASESCRIPT == 'faq.php'}--> class="current"<!--{/if}-->><a href="faq.php">{lang faq}</a></li>
คัดลอกไปที่คลิปบอร์ด
แล้วเพิ่มโค๊ดนี้ต่อลงไป

  2. <li><a href="#" onclick="javascript:window.open('shoutbox_popup.php','','height=285,width=790,top=50,left=50,resizable=no,scrollbars=no');">Popup Chat</a></li>
คัดลอกไปที่คลิปบอร์ด
บันทึก และ อัพเดทแคช
หลังจากนั้นหน้ากระดานจะเอา shoutbox ออกหรือเอาไว้เหมือนเดิมก็ได้ไม่มีผล(มั้ง)ครับ
เรียบร้อยครับ :)
สั่งซื้อ เสื้อยืดดิสคัสไทย
Tools 1.8M for Discuz!X 20110624 Thai เข้า admin ไม่ได้ลองดู
Tools Discuz!X1.X 20101124 1.5.5M Thai เข้า admin ไม่ได้ลองดู
ไม่ต้องอัพ ไม่ต้องโหลด ไม่ต้อง CHMOD777 แค่คลิ๊กก็ติดตั้ง Discuz! Board ได้แล้ว DiscuzHost.com
ตอบกลับ

รายงาน

Uthen

0

กระทู้

0

ติดตาม

28

เครดิต

Newbie

Rank: 1

สิทธิ์ในการอ่าน
10
UID
346
เครดิต
28
จิตพิศัย
28
Money
0
Gold
0
โพสต์
230
กระทู้
0
ลงทะเบียนเมื่อ
2007-12-3
ลงชื่อเข้าใช้ล่าสุด
2012-5-21
โพสต์เมื่อ 2008-7-5 22:45:55 |ดูโพสต์ทั้งหมด
เจ๋งไปเลยครับ...  ขออนุญาตเอาโค๊ดนี้ไปแปลงใช้กับระบบแชตอื่นๆนะครับ พอดีผมเอา AJAX Chat มาติดตั้งเข้าไว้แล้ว แต่หาวิธีทำเมนูป๊อบอัพไม่ได้.. ทีนี้ใช้ได้แล้วครับ...   ขอบคุณครับผม..

<!--{if $discuz_uid}-->
<li><a href="#" onclick="javascript:window.open('http://www.DomainXX.com/chat/','','height=800,width=790,top=50,left=50,resizable=no,scrollbars=no');">ChatRoom</a></li><!--{/if}-->
Discuz Host ย้ายข้อมูลให้ไม่ต้องกลัวพัง
ตอบกลับ

รายงาน

mza

7

กระทู้

0

ติดตาม

737

เครดิต

Conqueror

วู๊บนึงในคืนเหงา...

Rank: 3Rank: 3

สิทธิ์ในการอ่าน
30
UID
15
เครดิต
737
จิตพิศัย
737
Money
237
Gold
5
โพสต์
445
กระทู้
7
ลงทะเบียนเมื่อ
2007-10-4
ลงชื่อเข้าใช้ล่าสุด
2012-3-7

Medal No.5 Medal No.3 Medal No.4 Medal No.1 Medal No.2

โพสต์เมื่อ 2008-7-16 16:30:05 |ดูโพสต์ทั้งหมด
โฮสสำหรับดิสคัสโดยเฉพาะ
แล๋มๆๆๆ เยี่ยม~(6)~ ~(6)~ ~(6)~

StatUboN™
ต้องดาวน์โหลด อัพโหลด CHMOD777 เบื่อมั้ย คลิ๊ก DiscuzHost.com ระบบติดตั้งอัตโนมัติ!!!!!
ตอบกลับ

รายงาน

paknampho

0

กระทู้

0

ติดตาม

0

เครดิต

Newbie

Rank: 1

สิทธิ์ในการอ่าน
10
UID
2266
เครดิต
0
จิตพิศัย
0
Money
114
Gold
0
โพสต์
63
กระทู้
0
ลงทะเบียนเมื่อ
2008-4-24
ลงชื่อเข้าใช้ล่าสุด
2009-10-17
โพสต์เมื่อ 2008-8-11 20:53:44 |ดูโพสต์ทั้งหมด
ผมลงแล้ว error แบบนี้อะคับ

Warning: include(/home/www/virtual/narai68.com/htdocs/webboard/./forumdata/templates/1_shoutbox_popup.tpl.php) [function.include]: failed to open stream: No such file or directory in /home/www/virtual/narai68.com/htdocs/webboard/shoutbox_popup.php on line 162

Warning: include() [function.include]: Failed opening '/home/www/virtual/narai68.com/htdocs/webboard/./forumdata/templates/1_shoutbox_popup.tpl.php' for inclusion (include_path='.:/usr/share/php:/usr/share/pear') in /home/www/virtual/narai68.com/htdocs/webboard/shoutbox_popup.php on line 162

version 6.0 premod อ่ะคับ
ไม่ต้องอัพ ไม่ต้องโหลด ไม่ต้อง CHMOD777 แค่คลิ๊กก็ติดตั้ง Discuz! Board ได้แล้ว DiscuzHost.com
ตอบกลับ

รายงาน

กลับไป ตั้งกระทู้ใหม่
โหมดขั้นสูง
B Color Image Link Quote Code Smilies
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

โทรศัพท์มือถือ|รูปแบบข้อความล้วน|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2012-5-24 14:55 , Processed in 0.110503 second(s), 7 queries , Memcache On.

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

ขึ้นไปด้านบน