Comments on: Show Hide Javascript http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/ Tue, 10 Jan 2012 01:21:38 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Jazza http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/comment-page-1/#comment-638196 Jazza Sat, 12 Sep 2009 07:47:45 +0000 http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/#comment-638196 Finally a simple version of what I'm after. Thanks. Finally a simple version of what I'm after. Thanks.

]]> By: Gio http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/comment-page-1/#comment-533964 Gio Thu, 25 Oct 2007 16:30:09 +0000 http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/#comment-533964 This solution works great. I'm using this feature as a way for users to add a comment. How can I have it go directly to the form to enter a comment rather than scolling down? This solution works great. I'm using this feature as a way for users to add a comment. How can I have it go directly to the form to enter a comment rather than scolling down?

]]> By: veronica http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/comment-page-1/#comment-505518 veronica Fri, 23 Mar 2007 17:07:48 +0000 http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/#comment-505518 (if this doesn't post well...then i have posted it on my web site, just follow the link above.) i found a much easier solution to allow for showing and hiding of comments on the main index page. <code><script language="Javascript 1.2" type="text/javascript"> function show(id) { el = document.getElementById(id); if (el.style.display == 'none') { el.style.display = ''; el = document.getElementById('more' + id); } else { el.style.display = 'none'; el = document.getElementById('more' + id); } } </script> </code> so put that in the header.php or wherever your head tags are---that is, between the <head> tag. second you need to edit the link for the comments and have a div tag containing the actual comment information. so the link i use is this: <code><a href="javascript:show('vis-<?php the_ID(); ?>');"><?php comments_number('Comments (0)', 'Comments (1)', 'Comments (%)'); ?></a></code> i use 'the_ID()" tag so that way it doesn't confuse the browser and it validates the code. this way, each comment is unique to the individual post. the next thing to do is set up the div. <code><div align="left" id="vis-<?php the_ID(); ?>" style="display: none"> <?php $withcomments = true; comments_template();?> </div> </code> that's it! you don't need a plug-in...unless you don't know how to edit the files in wordpress...hrm. maybe i should create a plug-in for the less code-adept. the javascript is a less than tweaked version of tom mcmillen's code found here: http://lists.evolt.org/archive/Week-of-Mon-20020624/116152.html cheers. (if this doesn't post well…then i have posted it on my web site, just follow the link above.)

i found a much easier solution to allow for showing and hiding of comments on the main index page.

<script language="Javascript 1.2"
type="text/javascript">
function show(id)
{
el = document.getElementById(id);
if (el.style.display == 'none')
{
el.style.display = '';
el = document.getElementById('more' + id);
} else {
el.style.display = 'none';
el = document.getElementById('more' + id);
}
}
</script>

so put that in the header.php or wherever your head tags are—that is, between the <head> tag.

second you need to edit the link for the comments and have a div tag containing the actual comment information.

so the link i use is this:
<a href="javascript:show('vis-<?php the_ID(); ?>');"><?php comments_number('Comments (0)', 'Comments (1)', 'Comments (%)'); ?></a>

i use 'the_ID()" tag so that way it doesn't confuse the browser and it validates the code. this way, each comment is unique to the individual post.

the next thing to do is set up the div.

<div align="left" id="vis-<?php the_ID(); ?>" style="display: none">
<?php $withcomments = true; comments_template();?>
</div>

that's it! you don't need a plug-in…unless you don't know how to edit the files in wordpress…hrm. maybe i should create a plug-in for the less code-adept.

the javascript is a less than tweaked version of tom mcmillen's code found here: http://lists.evolt.org/archive/Week-of-Mon-20020624/116152.html

cheers.

]]> By: Mihai Bocsaru http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/comment-page-1/#comment-502853 Mihai Bocsaru Thu, 08 Mar 2007 19:30:38 +0000 http://www.scriptygoddess.com/archives/2007/03/06/show-hide-javascript/#comment-502853 Hi Jennifer, Nice conincidence! I was needing such a Show/Hide JavaScript solution just yesterday (March the 7th, 2007). Arvind method is very good and straightforward. For my project very requirements I've ended up using your solution from here http://www.scriptygoddess.com/archives/2004/01/06/another-revision-to-the-showhide-script/ Thanks a lot, Mihai Bocsaru Hi Jennifer,

Nice conincidence! I was needing such a Show/Hide JavaScript solution just yesterday (March the 7th, 2007).

Arvind method is very good and straightforward. For my project very requirements I've ended up using your solution from here http://www.scriptygoddess.com/archives/2004/01/06/another-revision-to-the-showhide-script/

Thanks a lot,
Mihai Bocsaru

]]>