Sorry! No users have been active over the past 24 hours.
[[embed]]
<iframe src="about:blank" style="display: none; [!----]"></iframe>[[/embed]]
[[div style="display : none;"]]
[[module Redirect destination="http://%%site_name%%.wdfiles.com/local--code/chat:_javascript/3"]]
[[/div]]
[[table class="chat-message"]]
[[row]][[cell class="author" style="vertical-align: top; text-align: right;"]]
%%created_by_linked%%
%%date|%O ago%%
[[/cell]][[cell class="content" style="padding-left: 2em;"]]
[[div class="preview"]]
%%content%%
[[/div]]
[[/cell]][[/row]]
[[/table]]
[[module ListPages order="updated_at desc" limit="1"]]
[[iframe http://%%site_name%%.wdfiles.com/local--code/chat:_javascript/2#%%name%%:%%revisions%%]]
[[/module]]
+ Conversation Window
[[code type="html"]]
<html>
<head>
<title>Chatroom Conversation</title>
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
function refreshConvo(){
document.getElementById("newest").src = 'http://' + domain + '.wikidot.com/chat:_newest';
setTimeout('refreshConvo()', 15000);
}
</script>
</head>
<body onload="setTimeout('refreshConvo()', 15000)">
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
document.write('<iframe src="http://' + domain + '.wikidot.com/chat:_conversation" frameborder="0" scrolling="auto" style="width: 100%; height: 100%; min-width: 350px; margin: 0 auto;"></iframe>');
document.write('<iframe id="newest" src="http://' + domain + '.wikidot.com/chat:_newest" style="display: none;"></iframe>');
</script>
</body>
</html>
[[/code]]
+ Update Check
[[code type="html"]]
<html>
<head>
<title>Update Check</title>
</head>
<body>
<script type="text/javascript">
if (parent.parent.location.hash != window.location.hash) {
parent.parent.location.href = 'http://' +parent.parent.location.hostname + parent.parent.location.pathname + window.location.hash;
parent.parent.location.reload();
}
</script>
</body>
</html>
[[/code]]
+ Post Comment Refresh
[[code type="html"]]
<html>
<head>
<title>Chatroom New Comment Refresh</title>
</head>
<body>
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
parent.parent.location.href = 'http://' + domain + '.wikidot.com/chat:_chatroom';
</script>
</body>
</html>
[[/code]]
+ Active Users
[[code type="html"]]
<html>
<head>
<title>Chatroom Active Users</title>
</head>
<body>
<script type="text/javascript">
<!--
/* Remove duplicate elements from array function taken from:
http://www.martienus.com/code/javascript-remove-duplicates-from-array.html
*/
function unique(a) {
var r = new Array();
o:for(var i = 0, n = a.length; i < n; i++) {
for(var x = 0, y = r.length; x < y; x++) {
if(r[x]==a[i]) continue o;
}
r[r.length] = a[i];
}
return r;
}
//-->
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
var newCSS = document.createElement('link');
newCSS.rel = 'stylesheet';
newCSS.href = 'data:text/css,' + escape('@import url("http://' + domain +'.wdfiles.com/local--code/chat:_css");');
document.getElementsByTagName("head")[0].appendChild(newCSS);
var string_users = unescape(window.location.hash);
var users = new Array();
var tmp_count = 0;
while (0<=string_users.search(/#/)) {
string_users = string_users.substring(string_users.search(/#/)+1);
users[tmp_count] = string_users.substring(string_users.search(/#/)+1);
if (0<=string_users.search(/#/))
users[tmp_count] = string_users.substring(0,string_users.search(/#/));
tmp_count = tmp_count+1;
}
users = unique(users);
for (tmp_count=0;tmp_count<=users.length-1;tmp_count++) {
document.write('<span class="active-users">' + users[tmp_count] + '</span><br />');
}
</script>
</body>
</html>
[[/code]]
[[table style="width: 100%;border:solid gray 0px;"]]
[[row]][[cell style="vertical-align: top;"]]
[[# top]]
[[module ListPages limit="1"]]
[[iframe http://snippets.wdfiles.com/local--code/code:mp3#http://%%site_name%%.wdfiles.com/local--files/chat:_chatroom/alert.mp3#autoplay frameborder="0" scrolling="no" style="width: 9px; height: 9px;"]]
[[/module]]
[[module ListPages order="created_at desc" limit="10" perPage="10" separate="false"]]
[[table class="chat-message" ]]
[[row]][[cell class="author"]]
%%date|%r|agohover%%
%%created_by_linked%% Says:-
[[/cell]][[/row]][[row]]
[[cell class="content" ]]
[[image http://community.wikidot.com/local--files/nav:side/accessories-text-editor-32x32.png link="/%%fullname%%/edit/true/noredirect/true" alt="(E)"]]
%%content%%
[[div style="display : none;"]]
[[footnoteblock]]
[[/div]]
[[/cell]]
[[/row]]
[[/table]]
[[/module]]
[[module ListPages order="created_at desc" limit="50" perPage="50" separate="false" offset="10"]]
[[table class="chat-message" ]]
[[row]][[cell class="author" ]]
%%created_by_linked%%
%%date|%r|agohover%%
[[/cell]]
[[/row]][[row]]
[[cell class="content" ]]
%%content%%
[[div style="display : none;"]]
[[footnoteblock]]
[[/div]]
[[/cell]][[/row]]
[[/table]]
[[/module]]
[[# bottom]]
[[/cell]][[cell style="width: 100%; ]]
[[/cell]][[/row]]
[[/table]]
[/chat:_archive/noredirect/t/order/created_at/reverse/true Newest to Oldest]
[/chat:_archive/noredirect/t/order/created_at Oldest to Newest]
[[module ListPages category="chat" order="@URL" reverse="@URL" perPage="50"]]
[[table class="chat-message"]]
[[row]][[cell class="author"]]
[[user %%created_by%%]]
%%date|%r|agohover%%
[[/cell]][[cell class="content"]]
%%content%%
[[div style="display : none;"]]
[[footnoteblock]]
[[/div]]
[[/cell]][[/row]]
[[/table]]
[[/module]]
[[embed]]
<iframe src="/chat:_archive" frameborder="0" style="width: 100%; height: 600px;"></iframe>
[[/embed]]
[[code type="css"]]
.printuser img {display: none;}
#navi-bar {display: none;}
#navi-bar-shadow {display: none;}
#header {display: none;}
#side-bar {display: none;}
#page-title {display: none;}
#breadcrumbs {display: none;}
#main-content {
margin:0px;
padding: 0px;
width: 100%;
}
.page-tags {display: none;}
#page-info {display: none;}
.page-watch-options {display: none;}
.page-options-bottom {display: none;}
#footer {display: none; position: absolute; left: -999em;}
#license-area {display: none;}
#footer-bar {display: none;}
#action-area h1,
#edit-page-form table,
#edit-page-form .change-textarea-size,
#edit-page-form .edit-help-34,
#edit-page-form .edit-page-bottomtable,
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-continue-button {
display: none;
}
div.buttons input, input.button, button, file, a.button {
background-image: url(http://themes.wikidot.com/local--files/rainbow-base/button.png);
border: 1px solid #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 26px;
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
background-image: url(http://themes.wikidot.com/local--files/rainbow-base/button_hover.png);
border: 1px solid #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #000;
height: 26px;
}
/* Minimalistic Editor */
.wd-editor-toolbar-panel div + div,
#edit-page-form .note-block p { display: none;}
/* IE FIX */
* html #edit-page-form .note-block { display: none;}
* + html #edit-page-form .note-block { display: none;}
* html .chat-message .preview { height: 100px; overflow: scroll;}
* + html .chat-message .preview { height: 100px; overflow: scroll;}
#edit-page-textarea { width: 100%; height: 80px; max-height: 80px;}
.chat-message .preview { max-height: 100px; padding-right: 2em; overflow: hidden;}
.chat-message:hover .preview { overflow-y: scroll;}
table {
table-layout: fixed;
}
.chat-message {
margin: 0px;
border: 1px solid green;
background-color: seashell;
font-size: 80%;
width:18.5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.chat-message td {
vertical-align: top;
}
.chat-message .author {
text-align: left;
font-size: 90%;
background-color:aqua;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.chat-message .content {
padding-left: 2px;
}
span.active-users {
font-style: italic;
}
pre {
white-space: pre-wrap;
}
[[/code]]
[[module ListPages category="chat" order="updated_at desc" limit="1"]]
[[iframe http://%%site_name%%.wdfiles.com/local--code/chat:_javascript#%%name%%:%%revisions%% frameborder="0" scrolling="no" style="width: 230px; height: 450px; min-width: 230px; margin:top:-40px;"]]
[[/module]]
[[embed]]
<iframe src="/chat:chat/edit/true" frameborder="0" scrolling="no" style="width: 220px; height: 200px;margin-left:8px;margin-top:-12px;"></iframe>
[[/embed]]
[[code type="HTML"]]
<html>
<head>
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
function open_win()
{
window.open("http://" + domain + ".wikidot.com/chat:_chatroom ","_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=250, height=750");
}
</script>
</head>
<body>
<form>
<input type="button" value="Open chat" onclick="open_win()">
</form>
</body>
</html>
[[/code]]
[[code type="HTML"]]
<html>
<head>
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
function open_win()
{
window.open("http://" + domain + ".wikidot.com/chatroom:start ","_blank","toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=yes, width=800, height=600");
}
</script>
</head>
<body>
<form>
<input type="button" value="About" onclick="open_win()">
</form>
</body>
</html>
[[/code]]
[[code type="HTML"]]
<html>
<head>
<script type="text/javascript">
var dom_params = /^(.*)\.wdfiles\.com$/;
var domain = dom_params.exec(window.location.host)[1];
function open_win()
{
window.open("http://" + domain + ".wikidot.com/chat-archive ","_blank","toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=yes, width=500, height=750");
}
</script>
</head>
<body>
<form>
<input type="button" value="Archive" onclick="open_win()">
</form>
</body>
</html>
[[/code]]
[[module ListPages limit="1"]]
[[iframe http://%%site_name%%.wikidot.com/chat:_buttons/code/1 frameborder="0" scrolling="no" style="width: 100px; height: 50px; margin: 0;"]]
[[/module]]
tsangk
Examples of use?
Shane Smith
Web Developer and Wikidot Community Administrator
Links: Blog, Wikimated, Editor (STE), Documentation
Have a look at myslimchatroom.wikidot.com
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
Um, did you forget about http://livesupport.wikidot.com/ ?
I really like this slim version a lot since you can pop it open and leave it hanging out on the side of your screen without taking up too much real estate.
I think it will be useful as a complimentary chat window to the built-in one in DimDim (if/when we ever get rolling with live support).
-Ed
Bootstrap Playground - Wikidot Meets Twitter Bootstrap!
Wikidot API - PHP · A PHP client and code samples for the Wikidot API
Ahh, you're right. I've not had a chance to get too involved with the live support site other than editing the initial todo list a bit. Hadn't actually seen the slim chatroom, even though I'd heard about Rob making it a long time ago, to be honest ;-)
Shane Smith
Web Developer and Wikidot Community Administrator
Links: Blog, Wikimated, Editor (STE), Documentation
I've added a design for a Live Watch capability here:
http://projects.wikidot.com/thread:116
Portfolio
Post preview:
Close preview