Tạo bảng nội qui cho chatbox

by **hunghsmn** 31/5/2011, 12:38 pm

1/ Vào đây tạo một bảng nội qui:

Code:: http://diendan.chinhphuc.info/post?f=28&mode=newtopic

Ví dụ mình đã tạo:

Code:: <td align="center" valign="center" width="35%"> <script type="text/javascript"> var imgse = new Array("Viết bằng tiếng Việt có dấu.","Chát lịch sự.","Không nói tục.","Không đả kích nhau.","Nội dung lành mạnh.","Không vi phạm nội qui diễn đàn.","Không spam bậy bạ.","Không quảng cáo ở đây."); var alte = new Array(); var currentAde = 0; var imgCte = 8; function cyclee() { if (currentAde == imgCte) { currentAde = 0; } document.getElementById('adLinke').innerHTML = imgse[currentAde]; currentAde++; } window.setInterval("cyclee()",2000); </script> <div style="font-size:14px;color:#FF00FF;font-family:verdana;font-weight:bold;" id="adLinke">Viết bằng tiếng Việt có dấu.</div></td>

2/ Chọn một cái chatbox tự động đăng nhập tốt nhất. Theo mình là cái này của Mr.FR

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Chatbox A2Pro</title><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="stylesheet" href="/15-ltr.css" type="text/css" /><script src="http://illiweb.com/fa/js_16/vi.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[ var params = '?archives=0';var smilies_sid = '';//]]></script><script src="http://illiweb.com/fa/js/chatbox3.js" type="text/javascript"></script><style type="text/css">* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #efefef;}</style></head><body class="chatbox" onload="CB_disconnect();ajax_refresh_chatbox('?archives=0', 1);if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');"><div id="chatbox_header"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td class="catBottom" nowrap="nowrap" height="30"><table border="0" width="100%"><tr><td nowrap="nowrap"><a href="/chatbox/chatbox.forum" class="cattitle" target="chatbox"><strong>Chatbox A2Pro</strong></a></td><td valign="top" class="chatbox-options"><div class="genmed" id="chatbox_main_options"><a href="javascript:void(0)" onclick="ajax_refresh_chatbox('?archives=0', 1);">Refresh</a> | <span id="chatbox_option_with_archives" style="display: ;"><a href="/chatbox/chatbox.forum?archives=1">Archives</a> | </span><span id="chatbox_option_without_archives" style="display: none;"><a href="/chatbox/chatbox.forum?archives=0">Without archives</a> | </span><span id="chatbox_option_autorefresh" style="display: none;" onclick="refresh_chatbox('?archives=0');"><label for="refresh_auto">Auto refresh </label><input type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;" /> | </span><a href="javascript:void(0)" onclick="CB_disconnect();"><span id="chatbox_option_co" style="display: ;"><strong>Đăng Nhập</strong></span><span id="chatbox_option_disco" style="display: none;">Thoát</span></a> </div></td></tr></table></td></tr></table></div><div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10"></div><div id="chatbox"></div><div id="chatbox_footer" style="display: none;"><div id="chatbox_messenger"><form name="post" action="/chatbox/chatbox.forum" method="post" onsubmit="submitmsg('?archives=0');refresh_chatbox('?archives=0');return false;"><table width="100%" cellspacing="0" cellpadding="0"><tr><td class="catBottom"><div id="chatbox_messenger_form"><table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable"><tr><td width="100%" align="right"><table cellspacing="2" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles" ><tr><td><div id="divbold" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('bold');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold" /></div></td><td><div id="divitalic" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('italic');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital." /></div></td><td><div id="divunderline" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('underline');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl." /></div></td><td><div id="divstrike" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('strike');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike" /></div></td><td width="10"> </td><td><div id="divcolor" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif" width="21" height="16" alt="Màu font" title="Màu font" /><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="16" alt="Màu font" title="Màu font" /> <img src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="21" height="4" /></div></td><td><div id="divsmilies" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectsmilies(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng" /><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng" /></div></td><td width="10"> </td><td><input type="hidden" name="sbold" value="0"><input type="hidden" name="sitalic" value="0"><input type="hidden" name="sunderline" value="0"><input type="hidden" name="sstrike" value="0"><input type="hidden" name="scolor" id="scolor" value="#000000"><span class="gen" onclick="document.post.message.focus();"><label>Thông điệp : <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" onkeydown="number_of_refresh=0;" /></label> <input type="hidden" name="sent" value="" /><input type="submit" name="submit_button" value="Send" id="submit_button" /> </span></td></tr></table></td></tr></table></div></td></tr></table></form></div></div><script type="text/javascript">//<![CDATA[ function CB_disconnect(){if ( connected ){ajax_connect('?archives=0', 'disconnect');clearInterval(refresh_interval);}else{ajax_connect('?archives=0', 'connect');try {refresh_interval = setInterval("refresh_chatbox('?archives=0')", 5000);} catch (err) {}}}if ( document.location.href.indexOf('chatbox', 1) == -1 ){$('#divcolor').css('display', '');$('#divsmilies').css('display', '');}var connected = false;var chatbox_updated = 1260633294;var chatbox_last_update = 1260633294;var template_color = '#000000';var refresh_interval;window.setTimeout("document.getElementById('chatbox').scrollTop = 999999; Init_pref();", 200);window.setTimeout("document.getElementById('chatbox').scrollTop = 999999;", 1000);if ( connected ){try {refresh_interval = setInterval("refresh_chatbox('?archives=0')", 5000);} catch (err) {}}else{try {refresh_chatbox('?archives=0');} catch (err) { }}//]]></script></body></html>

3/ Cho code nội qui đã thu được vào trong một cặp thẻ <td> (xem code của mình) rồi dán tiếp ngay sau đoạn này của code chatbox:

Code:: <td nowrap="nowrap"><a href="/chatbox/chatbox.forum" class="cattitle" target="chatbox"><strong>Chatbox</strong></a></td>

Vậy là xong. Không cần biết tí xíu nào về <script>, cũng không cần lấy code của ai mà vẫn có một bảng nội qui khá hấp dẫn Các dòng chữ của bảng nội qui sẽ lần lược xuất hiện tuần tự và lặp lại.

À, thêm một chút: Mình ghét nhất cái Chatbox này ở hộp soạn thảo thông điệp của nó hẹp lép. Nên mình đã mở rộng nó ra: dán cái này style="width: 400px; height: 22px;" vào trong thẻ <Input> của thông điệp, tức là dán tiếp vào đây: <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off"....