17 - James' Chatroom

Submitted by tsangk

Chatroom created by James Kanjo.

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/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%;"]]
[[row]][[cell style="vertical-align: top;"]]
[[# top]]
[[module ListPages order="created_at desc" limit="10" perPage="10" separate="false"]]
[[table class="chat-message"]]
[[row]][[cell class="author"]]
%%created_by_linked%%
%%date|%r|agohover%%
[[/cell]][[cell class="content"]]
%%content%%
[[div style="display : none;"]]
[[footnoteblock]]
[[/div]]
[[/cell]][[cell class="edit"]]
[[image http://community.wikidot.com/local--files/nav:side/accessories-text-editor-32x32.png link="/%%fullname%%/edit/true/noredirect/true" alt="(E)"]]
[[/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]][[cell class="content"]]
%%content%%
[[div style="display : none;"]]
[[footnoteblock]]
[[/div]]
[[/cell]][[/row]]
[[/table]]
[[/module]]
[[# bottom]]
[[/cell]][[cell style="width: 200px; vertical-align: top;"]]
[[module ListPages limit="1"]]
[[iframe http://snippets.wdfiles.com/local--code/code:mp3#http://%%site_name%%.wdfiles.com/local--files/chatroom/alert.mp3#autoplay frameborder="0" scrolling="no" style="width: 9px; height: 9px;"]]
[[/module]]
[[module ListPages date="last 1 day" perPage="250" limit="250" separate="false" appendLine="[[include chat:_append]]"]]
**Currently active users:**
[[embed]]<iframe frameborder="0" scrolling="auto" width="100%" height="1000px" src="http://%%site_name%%.wdfiles.com/local--code/chat:_javascript/4[!----]#%%created_by%%[!--
[[/module]]
[[/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"]]
#navi-bar,
#navi-bar-shadow,
#header,
#side-bar,
#page-title,
#breadcrumbs,
.page-tags,
#page-info,
.page-watch-options,
.page-options-bottom,
#footer,
#license-area,
#footer-bar,
.printuser img {display: none !important;}

#main-content {
    margin: 0;
    padding: 0;
    width: 100%;
}

#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-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: .5em;
    border: 3px solid #666;
    background-color: #CCC;
    font-size: 90%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.chat-message td {
    vertical-align: top;
}

.chat-message .author {
    text-align: right;
    width: 9em;
    font-size: 90%;
}

.chat-message .content {
    padding-left: 1em;
}

span.active-users {
    font-style: italic;
}

pre {
    white-space: pre-wrap;
}
[[/code]]

Need the rest of the conversation? [[[chat-archive |Check out the archive]]].

[[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: 100%; height: 350px; min-width: 350px; margin: 0;"]]
[[/module]]
[[embed]]
<iframe src="/chat:chat/edit/true" frameborder="0" scrolling="no" style="width: 100%; height: 370px; min-width: 350px; margin: 1em;"></iframe>
[[/embed]]

Install using Package Installer

Package Installer has been taken down.

Hide All Comments Unfold All Fold All

Fold

Brunhilda 29 Nov 2009 12:08

This does not work. At last it does not work in my site….

http://istorijska-biblioteka.wikidot.com/chatroom

If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

Reply Options

Unfold by

Brunhilda, 29 Nov 2009 12:08

Fold

leiger 29 Nov 2009 23:47

You didn't explain what doesn't work, and that page no longer exists — so no-one can help you.

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

Reply Options

Unfold by

leiger, 29 Nov 2009 23:47

Fold

Brunhilda 30 Nov 2009 08:03

I know, because I deleted all the chat pages I created.

I should have put this first in a test site. The way it was, it could not stay at my main site.

If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

Last edited on 30 Nov 2009 08:04 by Brunhilda Show more

Reply Options

Unfold by

Brunhilda, 30 Nov 2009 08:03

Fold

Pharme750 (guest) 23 Aug 2014 12:23

Very nice site!

Reply Options

Unfold by

Pharme750 (guest), 23 Aug 2014 12:23

Fold

Pharmc26 (guest) 26 Aug 2014 01:38

Very nice site!

Reply Options

Unfold by

Pharmc26 (guest), 26 Aug 2014 01:38

Add a New Comment

Edit | Tags | Source | Print

Who's watching this?

pieterh

gerdami

Vittek

avokado

MRichrath

Divan

tsangk

ValAeryn

Brunhilda

RobElliott

Wayne Hildreth

arbitrage

DWK25

leiger

Peter-ZA

Arotaritei Vlad

nagamii

Drbmusic

appliquetion

BRANDONBYRONBRITTON

Watch: site | category | page

Packages

18 - Slim Chatroom (21 Nov 2009 04:20) [+2, ]
17 - James' Chatroom (18 Nov 2009 10:23) [+1, ]
16 - Minimal Editor CSS (31 Aug 2009 12:45) [+0, ]
15 - File Manager (28 Aug 2009 16:15) [+5, ]
14 - Debugger (16 Aug 2009 07:52) [+0, ]
13 - Custom Forum (15 Aug 2009 10:56) [+1, ]
12 - Image Include (02 Aug 2009 20:51) [+3, image include infobox picture]
11 - User profile & badges (27 Jul 2009 07:25) [+1, badge profiles user]
10 - Voting poll (26 Jul 2009 13:41) [+1, poll vote]
9 - Multilingual website (05 Jul 2009 10:49) [+2, handbook multilingual]
8 - Photo Gallery (28 Jun 2009 19:41) [+3, 1col gallery images photo]
7 - Squark's Blog (22 May 2009 12:06) [+4, 1col blog]
6 - Multilanguage petition (01 May 2009 13:50) [+1, 2col multilingual]
5 - News & comments (29 Apr 2009 08:44) [+1, 2col blog]
4 - Chatter category (28 Apr 2009 15:06) [+1, 2col]
3 - Simple issue tracker (28 Apr 2009 14:58) [+3, 2col tracker]
2 - Wiki category (28 Apr 2009 14:49) [+1, 2col]
1 - Legal framework (28 Apr 2009 14:33) [+2, 2col]

_-cat _installer

page revision: 9, last edited: 18 Nov 2009 11:03

Edit Rate (+1) Tags History Files Print Site tools + Options

Wikidot Packages

Packages

Packages

Contribute

Installer (beta)

legal

Watchers

Install using Package Installer

Post preview:

Who's watching this?

Packages

	or Sign in as Wikidot user
	(will not be published)