Форма добавления комментариев как ВКонтакте
Форма не расчитана для не авторизованных пользователей. Лучше ещё отключить каптчу для всех групп пользователей, чтобы было более похожа на форму ВК.
Установка:
В css:
Quote (скопируйте и вставьте в нужный шаблон)
#prikr {float:right}
.clName1 {height:25px;}
.clName2 {height:50px;}
.clxName4 {float:right}
Quote (скопируйте и вставьте в нужный шаблон)
<div align="center" style="padding:10px;width:400px">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%">$ERROR$</td></tr>
<tr>
<td valign="top">
<img src="" style="width:50px;height:50px;">
</td>
<td valign="top">
<div class="divvv">
<textarea width="300px" id="content2" class="clName1" onclick="" rows="8" name="message" id="message" cols="50" style="display: inline">
$MESSAGE$</textarea>
</div>
<div style="padding:5px;align:left;">
<?if$SECURITY_CODE$?><div class="clxName4" style="display:none">$SECURITY_CODE$</div><?endif?>
<input type="submit" style="display:none" class="clxName3" id="addcBut" name="submit" value="Добавить комментарий">
</div>
</td></tr>
</table>
<script>
$('#content2').focus(function(){
$("#content2").attr({"style":"height:50px;"})
$(".clxName3").removeAttr("style");
$(".clxName4").removeAttr("style");
$("#prikr").removeAttr("style");
});
$('#content2').blur(function(){
if($('#content2').val().length == '0'){
$("#content2").attr({"style":"height:25px;"});
$(".clxName3").attr({"style":"display:none;"})
$(".clxName4").attr({"style":"display:none;"})
$("#prikr").attr({"style":"display:none;"})
}
});
</script>
</div>