Currenly with some bugs in it wich i cant find as of yet.
Template is in full Div's. Based on the new Div based emotop.
Problems / Bugs:
[color=#FF0000]Slider doesnt work when NOT logged in.
When you click reply the form magiclly dissapears :blink:.
The indent doesnt work properly (maybe comment.class.php error ? cant tell )
The "Send button doesnt display properly altough i think it is CSS based)
I can not change the comment when i press edit[/color]
the link:
[url]http://ww3.vegetarisme.be/[/url]
Javascript code :
var JOSCmySlide = new Fx.Slide("JOSCMTtexttoogle");
$('JOSCMTstretchertoogleFORM').addEvent('click', function(e){
e = new Event(e);
JOSCmySlide.toggle();
e.stop();
});
var JOSCmySlide2 = new Fx.Slide("JOSCMTCommentstoogle");
$('JOSCMTstretchertoogleCOMMENTS').addEvent('click', function(e){
e = new Event(e);
JOSCmySlide2.toggle();
e.stop();
});
function JOSC_afterAjaxResponse(action) {
switch(action) {
case 'show':
case 'response_reply':
case 'response_edit':
case 'response_quote':
JOSCmySlide.show();
return 0;
break;
case 'hide':
case 'response_editpost':
case 'response_posted':
case 'response_approval':
JOSCmySlide.hide();
return 0;
break;
/* because of bug with IE ...(?)
case 'response_searchform':
case 'response_getcomments':
JOSCmySlide.show();
JOSCmySlide.hide();
return 0;
break;
*/
default:
return 0;
}
}
if (window.document.URL.indexOf("#CommentForm")<0) {
if (JOSC_is_ie) window.onload = function(){JOSC_afterAjaxResponse("hide");}
else JOSC_afterAjaxResponse("hide");
}
if (window.document.URL.indexOf("#josc")<0) {
if (JOSC_is_ie) window.onload = function(){JOSC_afterAjaxResponse("hide");}
else JOSC_afterAjaxResponse("hide");
}
The index.html code :
<html>
<head>
<link rel="stylesheet" href="/css/css.css" type="text/css" />
</head>
<body>
<div id="comment">
<!-- <<< html code above is just to allow preview of template -->
JOOMLACOMMENT TEMPLATE : MyMTDoubleSlide-Emotop
/*-----------------------------------------------------------*/
/*-- only {xxx}{/xxx} blocks are taken in account ---------*/
/*-----------------------------------------------------------*/
{readon}
<div class='write_comment'>
<a href="/{READON_LINK}#JOSC_TOP" class="readon">{READON_WRITE_COMMENT} ({READON_COUNT} {READON_COMMENTS})</a>
</div>
{BLOCK-preview}
<div class='comment_preview_container'>
{preview-lines}
</div>
{/BLOCK-preview}
{/readon}
{previewline}
<div class='comment_preview'>
<a href="/{PREVIEW_LINK}#josc{id}">{PREVIEW_DATE} <b>{PREVIEW_TITLE}</b></a>
</div>
{/previewline}
{search}
<form name='joomlacommentsearch' id='joomlacommentsearch' method='post'>
<a name='SearchForm'></a>
{_HIDDEN_VALUES}
<fieldset>
<legend>{_JOOMLACOMMENT_SEARCH}</legend>
<div>
<label for="serch">{_JOOMLACOMMENT_PROMPT_KEYWORD}</label>
<input name='tsearch' type='text' class='inputbox' size='40' />
<input name='bsearch' type='button' class='button' value='{_JOOMLACOMMENT_SEARCH}' onclick='JOSC_search()' />
</div>
<div>
<input type='radio' name='rsearchphrase' onClick='JOSC_rsearchphrase_selection="any"' checked='checked' />{_JOOMLACOMMENT_SEARCH_ANYWORDS}
<input type='radio' name='rsearchphrase' onClick='JOSC_rsearchphrase_selection="all"' />{_JOOMLACOMMENT_SEARCH_ALLWORDS}
<input type='radio' name='rsearchphrase' onClick='JOSC_rsearchphrase_selection="exact"' />{_JOOMLACOMMENT_SEARCH_PHRASE}
</div>
</fieldset>
<div style='margin-bottom: 5px;'></div>
</form>
{/search}
{searchresults}
<div id='SearchResults'>
<a name='SearchResults'></a>
<ul>
<li>
{resulttitle}
</li>
{searchresult}
<li class='post'>
<div class='posthead'>
<span class='postinfo'>
{date}
</span>
<span class='comment_by'>
{title} {_JOOMLACOMMENT_BY} {name}
</span>
</div>
<div class='postcontent'>
<a href='{address}'>{preview}</a>
</div>
{/searchresult}
</li>
</ul>
<div style='margin-bottom: 5px;'></div>
</div>
{/searchresults}
/*-----------------------------------------------------------------------*/
/*-- everything (!) inside body /body are taken in account ---------*/
/*-----------------------------------------------------------------------*/
{body}
<div class="josc_clear"></div>
<a name='JOSC_TOP'></a>
{library}
<script type="text/javascript" src="/components/com_comment/joscomment/jscripts/mootools.v1.11.js"></script>
{/library}
{menu}
<ul id='CommentMenu'>
<li class='josc_buttons'>
{BLOCK-add_new}
<a id='_JOOMLACOMMENT_ADDNEW' href='javascript:JOSC_afterAjaxResponse("show");{BUTTON_ADDNEW_js}'>{_JOOMLACOMMENT_ADDNEW}</a>
{/BLOCK-add_new}
{BLOCK-delete_all}
<a id='_JOOMLACOMMENT_DELETEALL' href='javascript:{BUTTON_DELETEALL_js}'>{_JOOMLACOMMENT_DELETEALL}</a>
{/BLOCK-delete_all}
{BLOCK-search}
<a id='_JOOMLACOMMENT_SEARCH' href='javascript:{BUTTON_SEARCH_js}'>{_JOOMLACOMMENT_SEARCH}</a>
{/BLOCK-search}
{BLOCK-rss}
<a id='_JOOMLACOMMENT_RSS' href='{BUTTON_RSS_URL}'>{_JOOMLACOMMENT_RSS}</a>
{/BLOCK-rss}
</li>
<li>
<a id="JOSCMTstretchertoogleCOMMENTS" href="javascript:void(null)"><img src="/{template_live_site}/images/new.png" alt="+/-" /></a>
{_JOOMLACOMMENT_COMMENTS_TITLE}
</li>
</ul>
<div class="josc_clear"></div>
{/menu}
<div id = "JOSCMTCommentstoogle">
<span id='JOSC_busypage'></span>
{pagenav}
<!-- here will be inserted the page nav -->
{/pagenav}
{post}
<ul id='post{id}' style='margin-left:{wrapnum};'>
<li class='post'>
<a name='josc{id}'></a>
<div class='posthead'>
<span class='postinfo'>
{BLOCK-website}{website}{/BLOCK-website}
{notify}
{BLOCK-usertype}|<span class='postusertype'>{usertype}</span>{/BLOCK-usertype}
|<span class='postdate'>{date}</span>
</span>
<span class='username'>
{username}
</span>
{BLOCK-title} - <span class='posttitle'>{title}</span>{/BLOCK-title}
</div>
<div class='postcontent'>
{BLOCK-avatar_picture}{avatar_picture}{/BLOCK-avatar_picture}{content}
</div>
{BLOCK-footer}
<div class='postfooter'>
{voting}
<span>
{editbuttons}
</span>
</div>
{/BLOCK-footer}
</li>
</ul>
{/post}
</div>
{form}
<div id = "formke">
<form name='joomlacommentform' id='joomlacommentform' method='post' action='{self}'>
<a name='CommentForm'></a>
<a id="JOSCMTstretchertoogleFORM" href="javascript:void(null)"><img src="/{template_live_site}/images/new.png" alt="+/-" /><legend id='CommentFormTitle'>{_WRITECOMMENT}</legend></a>
<div id ="JOSCMTtexttoogle">
<fieldset>
<legend>Your Contact Details:</legend>
<div>
<label for='tname'>{_ENTERNAME}</label>
<input name='tname' id="tname" type='text' value='{username}' tabindex="1" {registered_readonly}/>
</div>
{BLOCK-_ENTEREMAIL}
<div>
<label for='temail'>{_ENTEREMAIL}</label>
<input name='temail' id="temail" type='text' value='{email}' tabindex="2" {registered_readonly}/>
{notifyselect}
</div>
{/BLOCK-_ENTEREMAIL}
{BLOCK-_ENTERWEBSITE}
<div>
<label for='twebsite'>{_ENTERWEBSITE}</label>
<input name='twebsite' id="twebsite" type='text' tabindex="3" value='{website}'/>
</div>
{/BLOCK-_ENTERWEBSITE}
</fieldset>
<fieldset>
<legend>Comment:</legend>
<div>
<label for='ttile'>{_ENTERTITLE}</label>
<input name='ttitle' id="ttile" type='text' tabindex="4" />
</div>
{BLOCK-_UBBCode}
<div>
<label>{_UBBCODE}</label>
{UBBCodeButtons}
{UBBCodeSelect}
</div>
{/BLOCK-_UBBCode}
{BLOCK-emoticons}
<div id='emoticons'>
{emoticons}
</div>
{/BLOCK-emoticons}
<div>
<label for='tcomment'>Message:</label>
<textarea name='tcomment' id='tcomment' cols='{formareacols}' tabindex="5" rows='10'></textarea>
</div>
</fieldset>
{BLOCK-_CAPTCHATXT}
<fieldset>
<legend>Security</legend>
<div id='security'>
{security_image}
<input type='text' name='security_try' id='security_try' size='15' maxlength='10' tabindex="6" class='captchainput' />
</div>
{_CAPTCHATXT}
</fieldset>
{/BLOCK-_CAPTCHATXT}
{_HIDDEN_VALUES}
<input type='button' class='button' tabindex="7" name='bsend' value='{_SENDFORM}' onclick='JOSC_editPost(-1,-1)' />
<div id='JOSC_busy'></div>
</form>
{/form}
</div>
</div>
<script type="text/javascript" src="/components/com_comment/joscomment/jscripts/test.js"></script>
{/body}
<!-- >>> html code below is just to allow preview of template -->
</div>
</body>
</html>
Css only posted when really needed (its basicly normal Emotop CSS with color adjustments)
Feel free to help , and use of course and help with bugfixes.
Thx in advance,
Helly
PS: Daniël: if you need a superadmin account i can provide it via pm.
