Advertisement
Guest User

Untitled

a guest
Jul 17th, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.69 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
  10. </head>
  11. <body>
  12. <div class="container">
  13. <form method="POST" id="comment_form" onsubmit="return formSubmit();">
  14. <div class="form-group">
  15. <input type="text" name="comment_name" id="comment_name" class="form-control" placeholder="Name"></input>
  16. </div>
  17. <div class="form-group">
  18. <input type="text" name="comment_email" id="comment_email" class="form-control" placeholder="Email"></input>
  19. </div>
  20. <div class="form-group">
  21. <textarea name="comment_content" id="comment_content" class="form-control" rows="5" placeholder="Comment"></textarea>
  22. </div>
  23. <div class="form-group">
  24. <input type='hidden' name='comment_id' id='comment_id' value="0" />
  25. <input type="submit" name="submit" id="submit" class="btn btn-info" value="Submit!"/>
  26. </div>
  27. <h3 id="comment_message"></h3>
  28. </form>
  29. <form method="POST" action="show_comments.php" id="display" onsubmit="return displayComments();">
  30. <div id="disp">
  31.  
  32. </div>
  33. </form>
  34. </div>
  35.  
  36.  
  37.  
  38. <script src="jquery-3.1.1.min.js" type="text/javascript"></script>
  39. <script src="popper.min.js" type="text/javascript"></script>
  40. <script src="bootstrap.min.js" type="text/javascript"></script>
  41.  
  42.  
  43. <script type="text/javascript">
  44. /*
  45. * Duomenu rasymas i duomenu baze paspaudus submit.
  46. */
  47. function formSubmit(){
  48. $.ajax({
  49. type:'POST',
  50. url:'add_comment.php',
  51. data:$('#comment_form').serialize(),
  52. success:function(response)
  53. {
  54. $('#comment_message').html(response);
  55. displayComments();
  56. }
  57. });
  58. var form = document.getElementById('comment_form').reset();
  59. return false;
  60. }
  61.  
  62. displayComments();
  63.  
  64.  
  65. /*
  66. * Duomenu atvaizdavimas
  67. */
  68. function displayComments()
  69. {
  70. $.ajax({
  71. type:'POST',
  72. url:'show_comments.php',
  73. data:$('#display').serialize(),
  74. dataType:'html',
  75. success:function(response)
  76. {
  77. $('#disp').html(response);
  78. }
  79. });
  80. return false;
  81. }
  82. </script>
  83.  
  84. <script type="text/javascript">
  85.  
  86. /*
  87. * Laukia kol bus paspaustas reply mygtukas
  88. */
  89. $(document).on('click','.reply',function(){
  90. var parentId= $(this).attr("id"); // id is duomenu bazes
  91. addChild(parentId);
  92. });
  93.  
  94. /*
  95. * Komentaro-vaiko pridejimas
  96. */
  97. function addChild(parentId)
  98. {
  99. var chld='#child'+parentId; //sudaroma, kad rastu reikiama vieta
  100. $.ajax({
  101. type:'POST',
  102. url:'add_child.php',
  103. data:{parentId},
  104. dataType:'html',
  105. success:function(response)
  106. {
  107. $(chld).html(response);
  108. }
  109. });
  110. return false;
  111. }
  112.  
  113. /*
  114. * laukia, kol paspaus submit
  115. */
  116. $(document).on('click','.submit_child',function(){
  117. var parentId= $(this).attr("id"); //
  118. addChildComment(parentId);
  119. });
  120.  
  121. function addChildComment(parentId)
  122. {
  123. var name = document.getElementById('child_comment_name').value;
  124. var email= document.getElementById('child_comment_email').value;
  125. var content = document.getElementById('child_comment_content').value;
  126. $.ajax({
  127. type:'POST',
  128. url:'add_child_comment.php',
  129. data:{name,email,content,parentId},
  130. dataType:'html',
  131. success:function(response)
  132. {
  133. alert(response);
  134. displayComments();
  135. }
  136. });
  137. return false;
  138. }
  139. </script>
  140. </body>
  141. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement