<div class="content">
   <div class="box">
   <div id="website_comment">
    <script src='https://www.google.com/recaptcha/api.js'></script>
 
 <div style="background:#ecf0f1; border:#EBEBEB 1px solid; padding:5px; margin:5px 0px;">
 <form action="" method="post" id="commentform">
 <input type="hidden" value="1" name="action" />
 <input type="hidden"  value="" name="commentid" />
 <div style="float:left; width:36px"><img src="files/uploads/user/default.png" style="width:34px; height:34px; margin-top:2px;" /></div>
 <div style="float:right; width:636px">

<div class="gazisoft-form">
            
                <input type="text" name="name" id="name" placeholder="Adınız" value="" style="width:50%;">
           
            </div>
         <script type="text/javascript">
	function TextAreaKarakterSayisiDogrula()
	{
		var sonSayi = 500 - document.getElementById("comment_text").value.length;
		if (sonSayi >= 0)
		{
			document.getElementById("KalanKarakterSayac").innerHTML = sonSayi;
		}
		else
		{
			document.getElementById("comment_text").value = document.getElementById("comment_text").value.substring(0, 500);
			document.getElementById("KalanKarakterSayac").innerHTML = 0;
		}
	}
</script>

<div class="gazisoft-form">
           
                <textarea name="comment" id="comment_text" style=" height:100px;" placeholder="Yorumunuzu yazınız..." onkeyup="TextAreaKarakterSayisiDogrula()"></textarea>
                
<div style="padding:5px; color:#666">Kalan karakter sayısı : <span id="KalanKarakterSayac">500</span></div>
           
            </div>  
            
       <div class="gazisoft-form">     
            
                         <div style="float:left"><input class="button btn-green" type="submit" title="uye" value="Yorumu Gönder" style="margin-left:5px;" /></div>        
            </div>


 
</div>
<div class="clear"></div>
  </form>
 
 </div>

 
  <script>
 $(".commreply").click(function(e) {
     $("input[name=commentid]").val($(this).attr("data-id"))
});
 </script>