Shoutbox 2.5.0 For 7.2

Thipsena

ทำไมของผมมันไม่โผล่หว่า

ตอนแรกผมก็เป็นเหมือนคุณเลยครับ ตอนแรกก็ งงๆ ก็ว่าทำทุกอย่างแล้วทำไมไม่เห็น มั่วไปมั่วมาก็เลยรู้ว่า 7.2 ต้องให้เราติ๊กด้วยว่าต้องการให้ปลั๊กอินแสดงรึป่าวครับ ดูตามภาพด้านล่างเลยนะครับ

theerawut

ตอนแรกผมก็เป็นเหมือนคุณเลยครับ ตอนแรกก็ งงๆ ก็ว่าท ...
ต้นฉบับโพสต์โดย Thipsena เมื่อ 2009-12-14 05:39

    ใช่ครับ

shazaba

ตอบกลับ 1# theerawut


    ลงแล้วติดตั้ง ทำมไม่เห็นมีให้ยอมรับเลยอ่ะ ทำไงอ่ะคับ

yo_sct

ช่วยแก้ตรงนี้หน่อยครับ เมื่อโพสต์ข้อความยาวๆแล้วมันไม่ขึ้นบันทัดใหม่ตามรูปเลยครับ
หน้าแรก

หน้าปลักอิน Shoutbox

MonkeyDoll

แสดงว่าโดยปกติ Discuz 7.2 ไม่มี Shoutbox มาให้ใช่ป่ะครับ

งั้นผมขอเอาไปลองหน่อยล่ะกันครับ

เมเจอ

ขอบคุณมากครับผม

mike_mch

Thank you very much.

I have modified a little so that I can achieve:
- each user can select one's own color on entries
- any entry triggers a sound, and users can select whether mute or not
- memorize the above settings
- change in a little user interface (both the 'editor' and the entries)

Demostration (need register):
http://exchristian.hk

Just to share all of you:
1. template/shoutbox.js:
- adding settings to cookies
below

1. var shoutbox_loaded = false;

คัดลอกไปที่คลิปบอร์ด

add:

1. function setCookie1(para, value)
   
2. {
   
3. var argv = setCookie1.arguments;
   
4. var argc = setCookie1.arguments.length;
   
5. var name = para+self.location.hostname.toString().replace(/\./g,"");
   
6. var expires = (argc > 2) ? argv[2] : null;
   
7. if(expires!=null)
   
8. {
   
9. var LargeExpDate = new Date ();
   
10. LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
    
11. }
    
12. document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
    
13. }
    
14. 
    
15. function getCookie1(para)
    
16. {
    
17. var Name = para+self.location.hostname.toString().replace(/\./g,"");
    
18. var search = Name + "=";
    
19. if(document.cookie.length > 0)
    
20. {
    
21. var offset = document.cookie.indexOf(search);
    
22. if(offset != -1)
    
23. {
    
24. offset += search.length;
    
25. var end = document.cookie.indexOf(";", offset);
    
26. if(end == -1) end = document.cookie.length;
    
27. return unescape(document.cookie.substring(offset, end));
    
28. }
    
29. else
    
30. return "";
    
31. }
    
32. }
    

คัดลอกไปที่คลิปบอร์ด

Below

1. this.temp_announcement = '';

คัดลอกไปที่คลิปบอร์ด

add:

1. if (getCookie1("sb") == "0")
   
2. this.shoutbox_sound = false;
   
3. else
   
4. this.shoutbox_sound = true;

คัดลอกไปที่คลิปบอร์ด

- entries appearance changing
change:

1. spn.style.color = 'gray';
   
2. spn.innerHTML = ' says ('+t+')';
   
3. 
   
4. spc.innerHTML = (skin=='default') ? ': '+s : ': <span style="color:'+skin+'">'+s+'</span>';
   
5. 
   
6. td.appendChild(anc);//username
   
7. td.appendChild(spn);//time
   
8. td.appendChild(spc);//content

คัดลอกไปที่คลิปบอร์ด

into:

1.   //spn.style.color = 'gray';
   
2.   spn.innerHTML = t;   
   
3.   spc.innerHTML = (skin=='default') ? ': '+s : ': <span style="color:'+skin+'">'+s+'</span>';
   
4.   
   
5.   td.appendChild(spn);//time
   
6.   td.appendChild(anc);//username
   
7.   td.appendChild(spc);//content

คัดลอกไปที่คลิปบอร์ด

- seems to be a bug, add support to descending order of entries
change:

1. if (shoutbox.shout_order == 'asc'){
   
2. if (is_ie){
   
3. o.innerHTML = div2.innerHTML+o.innerHTML;
   
4. }else{
   
5. o.insertBefore(div1, o.firstChild);
   
6. }
   
7. }

คัดลอกไปที่คลิปบอร์ด

into:

1. if (shoutbox.shout_order == 'asc'){
   
2. if (BROWSER.ie){
   
3. o.innerHTML += div2.innerHTML;
   
4. }else{
   
5. o.appendChild(div1);
   
6. }
   
7. }else{
   
8. if (BROWSER.ie){
   
9. o.innerHTML = div2.innerHTML+o.innerHTML;
   
10. }else{
    
11. o.insertBefore(div1, o.firstChild);
    
12. }
    
13. }

คัดลอกไปที่คลิปบอร์ด

- add sound support, I use pm_2.mp3, you can change it
below:

1. setTimeout('try{var div = document.getElementById("'+id+'"); div.style.backgroundColor = "'+orig_color+'";}catch(xx){}', (i+1)*time);

คัดลอกไปที่คลิปบอร์ด

add:

1. if (document.createElement && shoutbox.shoutbox_sound)
   
2. {
   
3.   var sbsound = document.getElementById('sbsoundnew');
   
4.   if (sbsound) {
   
5.    sbsound.innerHTML = null;
   
6.    document.body.removeChild(sbsound);
   
7.    sbsound = null;
   
8.   }
   
9.   var sbsound = document.createElement('span');
   
10.   sbsound.id = 'sbsoundnew';
    
11.   sbsound.name = 'sbsoundnew';
    
12.   document.body.appendChild(sbsound);
    
13.   sbsound.innerHTML = AC_FL_RunContent('id', 'sbsound', 'name', 'sbsound', 'width', '0', 'height', '0', 'src', 'images/sound/player.swf', 'FlashVars', 'sFile=images/sound/pm_2.mp3', 'menu', 'false',  'allowScriptAccess', 'sameDomain', 'swLiveConnect', 'true');
    
14. };

คัดลอกไปที่คลิปบอร์ด

- change appearance of entries
change:

1. var t = shoutbox.format_shout_time(d.getHours(), d.getMinutes());
   

คัดลอกไปที่คลิปบอร์ด

into:

1. var t = shoutbox.format_shout_time(d.getHours(), d.getMinutes())+' ';

คัดลอกไปที่คลิปบอร์ด

2. shoutbox.php
- change appearance of entries
change:

1. 's_date' => get_date('M. d, Y', $shouts['s_date']),

คัดลอกไปที่คลิปบอร์ด

into:

1. 's_date' => get_date('j/n', $shouts['s_date']),

คัดลอกไปที่คลิปบอร์ด

change:

1.    <td valign='top' style='border-style:none;height:auto;' nowrap="nowrap">
   
2.    " . (($d['s_uid'] != 0) ? ("<a href='space.php?action=viewpro&uid={$d['s_uid']}'><b>{$d['s_name']}</b></a>") : ("<b>{$d['s_name']}</b>")) . "
   
3.    says&nbsp;<span style='color:gray'>({$d['s_date']})</span>: {$d['s_message']}</td>

คัดลอกไปที่คลิปบอร์ด

into:

1.    <td valign='top' style='border-style:none;height:auto;'>
   
2.    {$d['s_date']} " . (($d['s_uid'] != 0) ? ("<a href='space.php?action=viewpro&uid={$d['s_uid']}'><b>{$d['s_name']}</b></a>") : ("<b>{$d['s_name']}</b>")) . ": {$d['s_message']}</td>

คัดลอกไปที่คลิปบอร์ด

3. template/shoutbox.htm
- change appearance of the "editor"
change:

1. .txtarea { width: 510px; height: 16px; }

คัดลอกไปที่คลิปบอร์ด

into:

1. .txtarea { width: 620px; height: 16px; }

คัดลอกไปที่คลิปบอร์ด

replace the whole block

1. <div class="editor_tb_shout">...</div>

คัดลอกไปที่คลิปบอร์ด

into:

1.     <div class="editor_tb_shout">
   
2.     <span class="right">
   
3.      <input class="txtarea" rows="5" cols="80" name="message" id="fastpostmessage" onKeyDown="seditor_ctlent(event, 'fastpostvalidate($(\'fastpostform\'))');">
   
4.      <span id="newspecialtmp"> <button id="shoutbox-submit-button" class="shoutbox-button">$shout_lang[shout_submit]</button>
   
5.     <button id="shoutbox-clear-button" class="shoutbox-button">$shout_lang[clear]</button>
   
6.     <button id="shoutbox-refresh-button" class="shoutbox-button">$shout_lang[refresh]</button>
   
7.     <select id="fastpostmessage-skin" onchange="if (this.selectedIndex > 0) setCookie1('sbcolor',this.value,7);this.style.backgroundColor=this.value;">
   
8.      <option value="default" selected="selected">&nbsp;</option>
   
9.      <option value="#000000" style="background-color: #000000">&nbsp;</option>
   
10.      <option value="#a0522d" style="background-color: #a0522d">&nbsp;</option>  
    
11.      <option value="#556b2f" style="background-color: #556b2f">&nbsp;</option>
    
12.      <option value="#006400" style="background-color: #006400">&nbsp;</option>
    
13.      <option value="#483d8b" style="background-color: #483d8b">&nbsp;</option>
    
14.      <option value="#000080" style="background-color: #000080">&nbsp;</option>
    
15.      <option value="#4b0082" style="background-color: #4b0082">&nbsp;</option>
    
16.      <option value="#2f4f4f" style="background-color: #2f4f4f">&nbsp;</option>
    
17.      <option value="#8b0000" style="background-color: #8b0000">&nbsp;</option>
    
18.      <option value="#ff8c00" style="background-color: #ff8c00">&nbsp;</option>
    
19.      <option value="#808000" style="background-color: #808000">&nbsp;</option>
    
20.      <option value="#008000" style="background-color: #008000">&nbsp;</option>
    
21.      <option value="#008080" style="background-color: #008080">&nbsp;</option>
    
22.      <option value="#0000ff" style="background-color: #0000ff">&nbsp;</option>
    
23.      <option value="#708090" style="background-color: #708090">&nbsp;</option>
    
24.      <option value="#696969" style="background-color: #696969">&nbsp;</option>
    
25.      <option value="#ff0000" style="background-color: #ff0000">&nbsp;</option>
    
26.      <option value="#f4a460" style="background-color: #f4a460">&nbsp;</option>
    
27.      <option value="#9acd32" style="background-color: #9acd32">&nbsp;</option>
    
28.      <option value="#2e8b57" style="background-color: #2e8b57">&nbsp;</option>
    
29.      <option value="#48d1cc" style="background-color: #48d1cc">&nbsp;</option>
    
30.      <option value="#4169e1" style="background-color: #4169e1">&nbsp;</option>
    
31.      <option value="#800080" style="background-color: #800080">&nbsp;</option>
    
32.      <option value="#808080" style="background-color: #808080">&nbsp;</option>
    
33.      <option value="#ff00ff" style="background-color: #ff00ff">&nbsp;</option>
    
34.      <option value="#ffa500" style="background-color: #ffa500">&nbsp;</option>
    
35.      <option value="#ffff00" style="background-color: #ffff00">&nbsp;</option>
    
36.      <option value="#00ff00" style="background-color: #00ff00">&nbsp;</option>
    
37.      <option value="#00ffff" style="background-color: #00ffff">&nbsp;</option>
    
38.      <option value="#00bfff'" style="background-color: #00bfff">&nbsp;</option>
    
39.      <option value="#9932cc" style="background-color: #9932cc">&nbsp;</option>
    
40.      <option value="#c0c0c0" style="background-color: #c0c0c0">&nbsp;</option>
    
41.      <option value="#ffc0cb" style="background-color: #ffc0cb">&nbsp;</option>
    
42.      <option value="#f5deb3'" style="background-color: #f5deb3">&nbsp;</option>
    
43.      <option value="#fffacd" style="background-color: #fffacd">&nbsp;</option>
    
44.      <option value="#98fb98" style="background-color: #98fb98">&nbsp;</option>
    
45.      <option value="#afeeee" style="background-color: #afeeee">&nbsp;</option>
    
46.      <option value="#add8e6" style="background-color: #add8e6">&nbsp;</option>
    
47.      <option value="#dda0dd" style="background-color: #dda0dd">&nbsp;</option>
    
48.     </select>
    
49. <input id="shoutbox-sound-select" type=checkbox onClick="setCookie1('sb',this.checked?1:0,7);shoutbox.shoutbox_sound=this.checked;"></input>
    
50. <img src={IMGDIR}/ann_icon.gif align=middle></img>
    
51. <script type="text/javascript">
    
52. var l = getCookie1('sbcolor');
    
53. if (l != "") {
    
54. document.getElementById('fastpostmessage-skin').value = l;
    
55. document.getElementById('fastpostmessage-skin').style.backgroundColor = l;
    
56. }
    
57. if (shoutbox.shoutbox_sound)
    
58. document.getElementById('shoutbox-sound-select').checked = true;
    
59. </script>
    
60.     </span>
    
61.      </span>
    
62.      <!--{if $shoutbox['allow']['smilies']['bbcode']}-->
    
63.      {eval $seditor = array('fastpost', array('bold', 'smilies'));}
    
64.      <!--{/if}-->
    
65.      {subtemplate seditor}
    
66.     </div>
    

คัดลอกไปที่คลิปบอร์ด

Gforce9800GTX

ขอบคุณครับ

tarusame01

ตอบกลับ 9# haihlvn

When you install shoutbox, and edit code in DISCUZ_ROOT/templates/default/discuz.htm.

You much Updata case in Admincp ::> Tool ::> Updata Case, and choose 2 case, and choose OK.

Or if it not show. you can check it, mean it is start yet. If not yet, please you view plugin, and you check it mean it have tick start to yet?


Sorry I not good english.

Thank

oiltooil

ขอบคุณครับ