Osclass forums

Support forums => General help => Topic started by: moinuddin on July 22, 2019, 04:28:13 pm

Title: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 22, 2019, 04:28:13 pm: Hi,

Below link is to hide the contact form and shown it only on click .

https://forums.osclass.org/general-help/how-can-i-hide-the-contact-form-and-show-when-user-click-'send-message'/

So my question os that ..can it be done for comments section also??
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: WEBmods on July 22, 2019, 07:43:41 pm: Hello!

It can be done very easily. I need your theme name to give you the exact code.

Regards.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 22, 2019, 07:56:29 pm: Its bender.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: WEBmods on July 22, 2019, 10:38:03 pm: Open your item.php, find <div id="comments"> and change it to <div id="comments" style="display: none">.

Add this piece of code where you want the button to appear.

Code: [Select]
<button onclick="$('#comments').toggle();">Toggle comments</button>
Regards.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 24, 2019, 12:51:22 pm: hi webmods,

tried it but its not working,

here is my code of comments section:

<?php if( osc_comments_enabled() ) { ?>
<?php if( osc_reg_user_post_comments () && osc_is_web_user_logged_in() || !osc_reg_user_post_comments() ) { ?>
<div id="comments">
<h2><?php _e('Comments', 'bender'); ?></h2>
<ul id="comment_error_list"></ul>
<?php CommentForm::js_validation(); ?>
<?php if( osc_count_item_comments() >= 1 ) { ?>
<div class="comments_list">
<?php while ( osc_has_item_comments() ) { ?>
<div class="comment">
<h3><strong><?php echo osc_comment_title(); ?></strong> <em><?php _e("by", 'bender'); ?> <?php echo osc_comment_author_name(); ?>:</em></h3>
<p><?php echo nl2br( osc_comment_body() ); ?> </p>
<?php if ( osc_comment_user_id() && (osc_comment_user_id() == osc_logged_user_id()) ) { ?>
<p>
<a rel="nofollow" href="<?php echo osc_delete_comment_url(); ?>" title="<?php _e('Delete your comment', 'bender'); ?>"><?php _e('Delete', 'bender'); ?></a>
</p>
<?php } ?>
</div>
<?php } ?>
<div class="paginate" style="text-align: right;">
<?php echo osc_comments_pagination(); ?>
</div>
</div>
<?php } ?>
<div class="form-container form-horizontal">
<div class="header">
<h3><?php _e('Leave your comment (spam and offensive messages will be removed)', 'bender'); ?></h3>
</div>
<div class="resp-wrapper">
<form action="<?php echo osc_base_url(true); ?>" method="post" name="comment_form" id="comment_form">
<fieldset>

<input type="hidden" name="action" value="add_comment" />
<input type="hidden" name="page" value="item" />
<input type="hidden" name="id" value="<?php echo osc_item_id(); ?>" />
<?php if(osc_is_web_user_logged_in()) { ?>
<input type="hidden" name="authorName" value="<?php echo osc_esc_html( osc_logged_user_name() ); ?>" />
<input type="hidden" name="authorEmail" value="<?php echo osc_logged_user_email();?>" />
<?php } else { ?>
<div class="control-group">
<label class="control-label" for="authorName"><?php _e('Your name', 'bender'); ?></label>
<div class="controls">
<?php CommentForm::author_input_text(); ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="authorEmail"><?php _e('Your e-mail', 'bender'); ?></label>
<div class="controls">
<?php CommentForm::email_input_text(); ?>
</div>
</div>
<?php }; ?>
<div class="control-group">
<label class="control-label" for="title"><?php _e('Title', 'bender'); ?></label>
<div class="controls">
<?php CommentForm::title_input_text(); ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="body"><?php _e('Comment', 'bender'); ?></label>
<div class="controls textarea">
<?php CommentForm::body_input_textarea(); ?>
</div>
</div>
<div class="actions">
<button type="submit"><?php _e('Send', 'bender'); ?></button>
</div>

</fieldset>
</form>
</div>
</div>
</div>
<?php } ?>
<?php } ?>
</div>
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: WEBmods on July 24, 2019, 12:54:01 pm: Sorry, but I don't see you've done any of the two steps?

Regards.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 24, 2019, 04:12:20 pm: I removed it ..as comment box disappeared after putting the codes
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 24, 2019, 04:13:52 pm: I had made changes in div and then added the code which you gave on the very first line ..but unfortunately whole section got disappeared
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: WEBmods on July 24, 2019, 07:33:26 pm: Yes, the comment section disappears. Then you need to add that button outside of it. When the button is clicked it will again show.

Regards.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: moinuddin on July 25, 2019, 12:21:41 pm: perfect...thank you webmods..it worked this time ..i think i did spelling mistake while writing it before ..this time i just copy pasted it..thanks a lot again.
Title: Re: Hiding the comments form section until a button is clicked to display it
Post by: WEBmods on July 25, 2019, 12:49:04 pm: You're welcome.

Regards