Comments Form (Please Reply)

Hello,

I have my comments form set like this http://femishdoll.com/writings/?comments_popup=40. The problem I’m having is getting the Name, Email & Url text to show when the comments link is first clicked http://femishdoll.com/writings as you can see I’m working with onClick codes.

Heres my code…

<center><form action=”<?php echo get_settings(‘siteurl’); ?>/wp-comments-post.php” method=”post” id=”commentform”>

<BR>
<table cellspacing=”5″ cellpadding=”5″ border=”0″>
<tr>

<td valign=”top”>
<input type=”text” name=”author” id=”author” class=”textarea” value=”<?php echo $comment_author; ?>” size=”20″ tabindex=”1″ onClick=”if (this.value == ‘Name’) this.value = ”;” onFocus=”if (this.value == ‘Name’) this.value = ”;” onBlur=”if (this.value == ”) this.value = ‘Name’;”><input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” /><input type=”hidden” name=”redirect_to” value=”<?php echo htmlspecialchars($_SERVER[“REQUEST_URI”]); ?>” />

<input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”20″ tabindex=”2″ onClick=”if (this.value == ‘eMail’) this.value = ”;” onFocus=”if (this.value == ‘eMail’) this.value = ”;” onBlur=”if (this.value == ”) this.value = ‘eMail’;”>

<input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”20″ tabindex=”3″ onClick=”if (this.value == ‘URL’) this.value = ”;” onFocus=”if (this.value == ‘URL’) this.value = ”;” onBlur=”if (this.value == ”) this.value = ‘URL’;”>
<script type=”text/javascript”>

function grin(tag) {
var myField;
if (document.getElementById(‘content’) && document.getElementById(‘content’).type == ‘textarea’) {
myField = document.getElementById(‘content’);
}
else if (document.getElementById(‘comment’) && document.getElementById(‘comment’).type == ‘textarea’) {
myField = document.getElementById(‘comment’);
}
else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == ‘0’) {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
}
else {
myField.value += tag;
myField.focus();
}
}

</script>

</td>
</tr>
<tr>

<td valign=”top”>
<textarea name=”comment” id=”comment” cols=”50″ name=”comment” ROWS=”3″ onFocus=”if (this.value == ‘Comments’) this.value = ”;” onBlur=”if (this.value == ”) this.value = ‘Comments’;”>Comments</TEXTAREA>
</td>
</tr>
<tr>
<td colspan=”1″ align=”center”>
<center><input name=”submit” type=”submit” tabindex=”5″ value=”Send”> <input type=”reset” value=”Clear” name=”clear”></center>

</td>
</tr>
</form></table></center>

The text inside of the textarea box loads, but after u click Name, Email & Url that’s when the text loads. I hope you get what I’m saying/trying to do. Another perfect example is here http://geocities.com/bad.female/form.htm
I know it may have something to do with the values. Please respond…because I’m killing my brain :)!

I’d appreciate any help & thanks in advance.