Простая форма добавления комментариев для ucoz

<div class="waakcomformbc">  
<span class="waakcomformsmiless">
  <a href="javascript://" onclick="$('.waakcomformsmilebc').slideToggle('slow');"><i class="fa fa-smile-o" aria-hidden="true"></i></a>  
</span>
  <div class="waakcomformsmilebc">
  <div class="waakcomformsmilebcdop">
  <img src="http://talantlev.ucoz.ru/smile/1.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/2.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/3.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/4.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/5.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла';return false;">
  <img src="http://talantlev.ucoz.ru/smile/6.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/7.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла';return false;">
  <img src="http://talantlev.ucoz.ru/smile/9.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/10.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/11.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/12.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/13.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/14.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/15.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/16.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/17.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/18.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/19.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/20.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  <img src="http://talantlev.ucoz.ru/smile/21.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">
  </div>  
  <fiv class="d4"></fiv>
  </div>  
  <div class="waakcomformavatar">
  <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt=""><?else?><img src="ссылка на картинку нет аватара" alt=""><?endif?>
  </div>
  <div class="waakcomformpole">
  <textarea id="wallTxt" name="message" rows="8" cols="50" placeholder="Добавить свой комментарий" rows="2">$MESSAGE$</textarea>  
  </div>
  <div class="waakcomformbut">
  <input id="addcBut" type="submit" name="submit" value= "ок">
  </div>
  <div class="clr"></div>
</div>
<script>
  $(document).ready(function(){
$("#addcBut").click(function(){
setTimeout(function(){$('.myWinError').fadeOut('fast')},3000);  
setTimeout(function(){$('.myWinSuccess').fadeOut('fast')},3000);  
});
   
});  
</script>
  $ERROR$

<img src="http://talantlev.ucoz.ru/smile/14.gif" onclick="parent.window.document.getElementById('wallTxt').value+=' код смайла ';return false;">

.clr {
  clear: both;
  }
  .waakcomformbc {
  background: #fff;
  padding: 10px;
  position: relative;
  }

  .waakcomformavatar {
  max-width: 50px;
  height: 50px;
  float: left;
  }
  .waakcomformavatar img{
  max-width: 50px;
  height: 50px;
  object-fit: cover;
  }

  .waakcomformpole {
  width: calc(100% - 100px);
  float: left;
  }
  .waakcomformpole textarea {
  height: 50PX;
  width: 100%;
  border: solid 1px #ddd;
  padding: 5px 20px;
  color: #434343;
  line-height: 22px;
  resize: vertical;
  margin: 0;
  }
  .waakcomformpole textarea:focus {
  border: solid 1px #ddd;
  }
  .waakcomformbut {
  width: 50px;
  float: left;
  height: 50px;
  }
  .waakcomformbut input {
  width: 50px;
  background: #434343;
  color: #FFF;
  line-height: 50px;
  font-size: 22px;
  cursor: pointer;
  border: none;
  }
  .waakcomformbut input:hover {
  background: #6e6e6e;
  }

  .waakcomformsmilebc {
  position: absolute;
  background: #FFF;
  border: solid 1px #ddd;
  padding: 20px 10px;
  right: 40px;
  bottom: 70px;
  z-index: 100;
  display: none;
  }
  .waakcomformsmilebcdop {
  height: 150px;
  overflow-x: hidden;
  width: 170px;
  padding: 0 10px;
  }
  .waakcomformsmilebcdop:after {
  content: '';
  border: 12px solid transparent;
  border-top: 12px solid #434343;
  position: absolute;
  right: 40px;
  bottom: -24px;
  width: 0;
}
.waakcomformsmiless {
  position: absolute;
  right: 80px;
  top: 22px;
  z-index: 102;
}
.waakcomformsmiless a {
  font-size: 24px;
  display: inline-block;
  color: #434343;
}
.waakcomformsmilebcdop img {
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin: 2px;
}
.waakcomformsmilebcdop img:hover {
  margin: 0;
  width: 29px;
  height: 29px;
}

  .waakcomformsmilebcdop::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.waakcomformsmilebcdop::-webkit-scrollbar-thumb {
  background-color: rgb(241 241 241);
  border-radius: 2px;
  border: 2px solid hsl(150deg 75% 42%);
}
.waakcomformsmilebcdop::-webkit-scrollbar-track {
  background: hsla(0,0%,50.2%,.1);
}

#eMessage {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 50;
  max-width: 200px;
  text-align: left;
  line-height: 20px;  
}
#eMessage span {
  background: #333 url("http://talantlev.ucoz.ru/img/zz.png") no-repeat center;
  color: #FFF!important;
  display: inline-block;
  padding: 10px 20px;
}

#eMessage span.myWinError {
  color: #FFF!important;
  background: #ec3333 url("http://talantlev.ucoz.ru/img/zz.png") no-repeat center!important;
}
#eMessage span.myWinSuccess {
  background: #37bb00 url("http://talantlev.ucoz.ru/img/zz.png") no-repeat center!important;
  color: #FFF!important;  
}

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);