Using quick reply on nonvb page

[cinq]

Just how can this be done ?

I took a look at showthread.php ( it calls the template showthread_quickreply )
and the template itself.

Seems relatively straightforward.

but including it in a non vb page, i keep getting ( in standard toolbar mode as i set WYSIWYG as 1. ) the page going to the top of the page ( with the URL having an appended # ) upon clicking on any of the buttons, like B, I or U etc.

My template for the non vb page for the part calling the 'quick reply bit':

<tr>
	<td class="panelsurround" align="center">
		<div>$usernamecode</div><br>		
		$quickreply		
	</td>
</tr>

In the php file that has the quick reply code

PHP Code:

        require_once('./includes/functions_editor.php');
        $istyles_js = construct_editor_styles_js();
        $onload .= " editInit();";

        $headinclude .= "
        <!-- set up CSS for the editor -->
        <link rel=\"stylesheet\" type=\"text/css\" href=\"clientscript/vbulletin_editor.css\" />
        <style type=\"text/css\">
        <!--
        #vBulletin_editor {
            background: {$istyles[pi_button_normal][0]};
            padding: $stylevar[cellpadding]px;
        }
        #controlbar, .controlbar {
            background: {$istyles[pi_button_normal][0]};
        }
        .imagebutton {
            background: {$istyles[pi_button_normal][0]};
            color: {$istyles[pi_button_normal][1]};
            padding: {$istyles[pi_button_normal][2]};
            border: {$istyles[pi_button_normal][3]};
        }
        -->
        </style>
    ";

    eval('$usernamecode = "' . fetch_template('newpost_usernamecode') . '";');
    eval('$quickreply = "' . fetch_template('myquickreply') . '";'); 


My template for myquickreply

<script type="text/javascript">
<!--
var istyles = new Array(); istyles = { $istyles_js };
//-->
</script>
	
<form action="articles.php" method="post" name="vbform">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
	<td class="panelsurround" align="center">
		<div class="panel">	
			<table cellpadding="0" cellspacing="0" border="0" align="center">
			<tr>
				<td id="vBulletin_editor" align="$stylevar[left]">
				<!-- <<<< indent back for ease of reading -->		


	<div id="controlbar">
	<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<if condition="$vboptions[allowedbbcodes] & ALLOW_BBCODE_BASIC">
			<td><div class="imagebutton"><a href="#" onclick="return vbcode('B', '')"><img src="$stylevar[imgdir_editor]/bold.gif" alt="$vbphrase[bold]" width="21" height="20" border="0" /></a></div></td>
			<td><div class="imagebutton"><a href="#" onclick="return vbcode('I', '')"><img src="$stylevar[imgdir_editor]/italic.gif" alt="$vbphrase[italic]" width="21" height="20" border="0" /></a></div></td>
			<td><div class="imagebutton"><a href="#" onclick="return vbcode('U', '')"><img src="$stylevar[imgdir_editor]/underline.gif" alt="$vbphrase[underline]" width="21" height="20" border="0" /></a></div></td>
			<td><img src="$stylevar[imgdir_editor]/separator.gif" alt="" width="6" height="20" /></td>
		</if>
		<td><div class="imagebutton"><a href="#" onclick="return vbcode('QUOTE', '')"><img src="$stylevar[imgdir_editor]/quote.gif" alt="$vbphrase[wrap_quote_tags]" title="$vbphrase[wrap_quote_tags]" width="21" height="21" border="0" /></a></div></td>
	</tr>
	</table>
	</div>
	
	<div class="controlbar">
		<textarea name="message" id="qr_message" class="bginput" style="width:600px; height:100px" cols="60" rows="5" tabindex="1"></textarea>
	</div>
				
	<script type="text/javascript" src="clientscript/vbulletin_editor.js"></script>
	<script type="text/javascript" src="clientscript/vbulletin_stdedit.js"></script>

				<!-- >>>> outdent back to normal -->
				</td>
			</tr>
						</table>
		</div>
		
		<div style="margin-top:$stylevar[cellpadding]px">
			<input type="hidden" name="do" value="postthereply" />
			<input type="submit" class="button" value="$vbphrase[post_quick_reply]" accesskey="s" title="(Alt + S)" name="sbutton" tabindex="2" />
		</div>		
	</td>
</tr>
</table>

</form>
<script type="text/javascript" src="clientscript/vbulletin_quickreply.js"></script>