How to create Comment Form using Javascript
<![CDATA[
<!--DOCTYPE html-->
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<br><br>
<script>
var flag=true;
function fcomment(){
var data="<div class='col-sm-offset-4 col-sm-4'><form action='#'><div class='panel panel-default'><div class='panel-body'><div class='form-group'><input type='email' class='form-control' id='email' placeholder='Enter email' name='email'></div><div class='form-group'><input type='password' class='form-control' id='pwd' placeholder='Enter password' name='pwd'></div><div class='form-group'><textarea class='form-control' rows='5' id='comment'></textarea></div><button type='submit' class='btn btn-success btn btn-block'>POST COMMENT</button></form></div></div></div>";
document.getElementById('fid').innerHTML=data;
if(flag){
document.getElementById("fid").innerHTML=data;
flag=false;
}else{
document.getElementById("fid").innerHTML="";
flag=true;
}
}
</script>
<div class="container">
<div class="col-sm-offset-1 col-sm-12">
<input type="button" onclick="fcomment()" class="btn btn-primary" value="comment Here">
</div>
</div>
<div id="fid"></div>
</body>
</html>
]]>
agyanadda
Author & Editor
Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.
0 $type={blogger}:
Post a Comment