js script

1<script src="javascript.js"></script>

1<script type="text/javascript" src="monscript.js"></script>

1<script src="javascript.js"></script>
2

1$(document).ready(function(){
2	// When user clicks on submit comment to add comment under post
3	$(document).on('click', '#submit_comment', function(e) {
4		e.preventDefault();
5		var comment_text = $('#comment_text').val();
6		var url = $('#comment_form').attr('action');
7		// Stop executing if not value is entered
8		if (comment_text === "" ) return;
9		$.ajax({
10			url: url,
11			type: "POST",
12			data: {
13				comment_text: comment_text,
14				comment_posted: 1
15			},
16			success: function(data){
17				var response = JSON.parse(data);
18				if (data === "error") {
19					alert('There was an error adding comment. Please try again');
20				} else {
21					$('#comments-wrapper').prepend(response.comment)
22					$('#comments_count').text(response.comments_count); 
23					$('#comment_text').val('');
24				}
25			}
26		});
27	});
28	// When user clicks on submit reply to add reply under comment
29	$(document).on('click', '.reply-btn', function(e){
30		e.preventDefault();
31		// Get the comment id from the reply button's data-id attribute
32		var comment_id = $(this).data('id');
33		// show/hide the appropriate reply form (from the reply-btn (this), go to the parent element (comment-details)
34		// and then its siblings which is a form element with id comment_reply_form_ + comment_id)
35		$(this).parent().siblings('form#comment_reply_form_' + comment_id).toggle(500);
36		$(document).on('click', '.submit-reply', function(e){
37			e.preventDefault();
38			// elements
39			var reply_textarea = $(this).siblings('textarea'); // reply textarea element
40			var reply_text = $(this).siblings('textarea').val();
41			var url = $(this).parent().attr('action');
42			$.ajax({
43				url: url,
44				type: "POST",
45				data: {
46					comment_id: comment_id,
47					reply_text: reply_text,
48					reply_posted: 1
49				},
50				success: function(data){
51					if (data === "error") {
52						alert('There was an error adding reply. Please try again');
53					} else {
54						$('.replies_wrapper_' + comment_id).append(data);
55						reply_textarea.val('');
56					}
57				}
58			});
59		});
60	});
61});