Previewing Comments

This will enable your commenters to view their comments before they post them.

WARNING! BACK UP YOUR FILES BEFORE DOING THIS.

Open up your FTP program and go into your Cutenews folder >> Inc >> shows.inc.php.

Open that file and find this:

if($allow_comments){Add this directly below that code:

/////////////////////////////////////// //Comment preview hack created by FI-DD
//http://cutephp.com/forum/index.php?showuser=2775
//http://english.cutenews.ru/forum/profile.php?mode=viewprofile&u=2
///////////////////////////////////////

//Replace the Quick Tags

$tags = array("b", "i", "u");

foreach($tags as $tag){

$replacement_quick .= 'NewText = NewText.replace(/\['.$tag.'\](.*?)\[\/'.$tag.'\]/gi, \'<'.$tag.'>$1<\/'.$tag.'>\');';
} 
$replacement_quick .= 'NewText = NewText.replace(/\[link\](.*?)\[\/link\]/gi, \'<a target="_blank" href="$1">$1<\/a>\');';
$replacement_quick .= 'NewText = NewText.replace(/\[link=(.*?)\](.*?)\[\/link\]/gi, \'<a target="_blank" href="$1">$2<\/a>\');';
$replacement_quick .= 'NewText = NewText.replace(/\[quote\](.*?)\[\/quote\]/gi, \'<blockquote><div style="font-size: 13px;">quote:</div><hr style="border: 1px solid #ACA899;" /><div>$1</div><hr style="border: 1px solid #ACA899;" /><\/blockquote>\');';
$replacement_quick .= 'NewText = NewText.replace(/\[quote=(.*?)\](.*?)\[\/quote\]/gi, \'<blockquote><div style="font-size: 13px;">quote $1:</div><hr style="border: 1px solid #ACA899;" /><div>$2</div><hr style="border: 1px solid #ACA899;" /><\/blockquote>\');';

//Replace the smilies
$smilies = explode(',', $config_smilies);
foreach ($smilies as $smile){
$smile = trim($smile);
$replacement_smile .= 'NewText = NewText.replace(/:'.$smile.':/gi, \'<img border="0" alt="'.$smile.'" src="'.$config_http_script_dir.'/data/emoticons/'.$smile.'.gif" />\');';
}

echo ' <script type="text/javascript">
function ReloadTextDiv()
{
Intro = "Preview:

";
var clientPC = navigator.userAgent.toLowerCase();
var clientVer = parseInt(navigator.appVersion);
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
if (clientVer >= 4 && is_ie){
NewText = document.comment.commentsbox.value;
}
else{ NewText = document.getElementById("commentsbox").value;
}

NewText = Intro + NewText;
NewText = NewText.split(/\n/).join("
");

//Replacing the quick tags
'.$replacement_quick.'

//Replacing the smilies
'.$replacement_smile.'

DivElement = document.getElementById("PreviewComment");
DivElement.innerHTML = NewText;

//Styling of the preview field
DivElement.style.width = "400px";
DivElement.style.padding = "5px";
DivElement.style.border = "dotted black 1px";
DivElement.style.backgroundColor = "#c0c0c0";
DivElement.style.color = "#000000";
DivElement.style.fontSize = "12px";
}
</script>';
//End comment preview hack

Next log into your Cutenews control panel and click Options >> Edit Templates >> Add Comment Form. If you're using Cutenews Version 1.4.1 and up, add this:

onkeyup="ReloadTextDiv()"

If you're using Cutenews Version 1.3.6, add this:

id="commentsbox" onkeyup="ReloadTextDiv()"

Add this where you want the comment preview to show:

I would recommend putting it at the beginning of the Add Comment Form, but it's your decision.