I don't know if this was by design or not, but I always find it confusing when I select text and click "Quote" but nothing seems to happen. I figure it should jump down to the comment box as well insert your selected text.
Also, it would really cool if it automatically selected the Html radio button just to ensure the quote is formatted correctly. Some of my users think it's broken only because they don't know it doesn't work if their comment is formatted as Text.
I also altered the CSS file a litte to make it look more convenient:
#...
.quotemeta {
margin-left: -25px;
padding-left: 25px;
font-size: 11px;
font-weight: bold;
background: url('quote1.gif') left top no-repeat;
}
quote {
padding: 4px 25px;
border: 0;
display: block;
}
Comments
#... if( txt != '' ) { if( txtAuthor != '' ) { objTextArea.value += '[quote='+txtAuthor+']'+txt+'[/quote] '; } else { objTextArea.value += '[quote]'+txt+'[/quote] '; } } else { alert("First highlight some text then click \"quote\"."); } #...
I also altered the CSS file a litte to make it look more convenient:
#... .quotemeta { margin-left: -25px; padding-left: 25px; font-size: 11px; font-weight: bold; background: url('quote1.gif') left top no-repeat; } quote { padding: 4px 25px; border: 0; display: block; }
.CommentQuote {
cursor: pointer;
display: inline;
font-size: 10px;
color: #ccc;
padding-right: 4px;
border-right: 1px solid #eee;
margin-right: 4px;
}
.quotemeta {
margin-left: -25px;
padding-left: 25px;
font-size: 11px;
font-weight: bold;
background: url('quote1.gif') left top no-repeat;
}
quote {
padding: 4px 25px;
border: 0;
display: block;
border: 1px solid #ADB4B7;
background: #D1D9DC;
border-radius: 4px;
-o-border-radius: 4px;
-icab-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #5B6162;
}