Comments on: Using javascript to hide and unhide elements dynamically http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/ A technology blog covering software, mobile phones, gadgets, security, the Internet and other relevant areas. Tue, 24 Nov 2009 11:37:22 -0600 http://wordpress.org/?v=2.8.6 hourly 1 By: eRIZ http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-609787 eRIZ Fri, 16 Jan 2009 20:57:51 +0000 http://www.ghacks.net/?p=9899#comment-609787 <strong>~Phao Loo</strong>: 90 KiB? Huh, uncompressed version... But compressed not as big as the biggest one. What's a problem selecting a part of code which manages event binding? jQ is modular. ;) ~Phao Loo: 90 KiB? Huh, uncompressed version…

But compressed not as big as the biggest one.

What’s a problem selecting a part of code which manages event binding? jQ is modular. ;)

]]> By: Daniel Pataki http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-609622 Daniel Pataki Fri, 16 Jan 2009 18:24:05 +0000 http://www.ghacks.net/?p=9899#comment-609622 Hi jurkis! Try something like this (use the same js as I have in the post): <a id="link1" href="javascript:display('show', 1)">Question goes here</a> <div id="explanation1" style="display:none">Explanation goes here</div> For the secod question you would have: <a id="link2" href="javascript:display('show', 2)">Question goes here</a> <div id="explanation2" style="display:none">Explanation goes here</div> Hi jurkis!

Try something like this (use the same js as I have in the post):

<a id=”link1″ href=”javascript:display(’show’, 1)”>Question goes here</a>
<div id=”explanation1″ style=”display:none”>Explanation goes here</div>

For the secod question you would have:

<a id=”link2″ href=”javascript:display(’show’, 2)”>Question goes here</a>
<div id=”explanation2″ style=”display:none”>Explanation goes here</div>

]]> By: Martin http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-609075 Martin Fri, 16 Jan 2009 10:21:28 +0000 http://www.ghacks.net/?p=9899#comment-609075 That's an interesting idea Jojo. I think about it. That’s an interesting idea Jojo. I think about it.

]]> By: jurkis http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-609046 jurkis Fri, 16 Jan 2009 09:55:56 +0000 http://www.ghacks.net/?p=9899#comment-609046 Let's say i have a FAQ page. How to make this script to open/close Answer by clicking on Question? Sorry for my english. Let’s say i have a FAQ page.
How to make this script to open/close Answer by clicking on Question?

Sorry for my english.

]]> By: Jojo http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-609043 Jojo Fri, 16 Jan 2009 09:53:41 +0000 http://www.ghacks.net/?p=9899#comment-609043 Maybe you could make a subdomain, say tutorials.ghacks.net with an index for grouping these lessons? Maybe you could make a subdomain, say tutorials.ghacks.net with an index for grouping these lessons?

]]> By: Phao Loo http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608379 Phao Loo Fri, 16 Jan 2009 00:32:44 +0000 http://www.ghacks.net/?p=9899#comment-608379 Nice tips, I like thí. @eRIZ: instead of using more than 90kb for jQuery for this, just use this code. Nice tips, I like thí.
@eRIZ: instead of using more than 90kb for jQuery for this, just use this code.

]]> By: Daniel Pataki http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608251 Daniel Pataki Thu, 15 Jan 2009 23:04:33 +0000 http://www.ghacks.net/?p=9899#comment-608251 Hi eRIZ! I did not know that javascript pseudoprotocol was not the best solution, I'll switch, thanks :) We live and learn! Hi eRIZ!

I did not know that javascript pseudoprotocol was not the best solution, I’ll switch, thanks :) We live and learn!

]]> By: eRIZ http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608106 eRIZ Thu, 15 Jan 2009 18:47:33 +0000 http://www.ghacks.net/?p=9899#comment-608106 err: <em>onclick</em> instead of <em>click</em>; I've been working too long with jQuery. ;) err: onclick instead of click; I’ve been working too long with jQuery. ;)

]]> By: eRIZ http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608105 eRIZ Thu, 15 Jan 2009 18:46:50 +0000 http://www.ghacks.net/?p=9899#comment-608105 Hey, dude, WT... "javascript"? Have you ever heard about unobtrusive event binding? <code>var l = document.getElementById('ident'); l.click = function(){ alert('wassup?!'); return false; }</code> <em>javascript</em> pseudoprotocol is bad and not semantic... Hey, dude, WT… “javascript”?

Have you ever heard about unobtrusive event binding?

var l = document.getElementById('ident');
l.click = function(){ alert('wassup?!'); return false; }

javascript pseudoprotocol is bad and not semantic…

]]> By: iampriteshdesai http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608074 iampriteshdesai Thu, 15 Jan 2009 17:21:28 +0000 http://www.ghacks.net/?p=9899#comment-608074 I always find this thing to be very annoying on while writing my blog. I type & sign but when I login some time later I find it has changed to &amp, anybody knows why? I always find this thing to be very annoying on while writing my blog. I type & sign but when I login some time later I find it has changed to &amp, anybody knows why?

]]> By: Daniel Pataki http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608071 Daniel Pataki Thu, 15 Jan 2009 17:17:05 +0000 http://www.ghacks.net/?p=9899#comment-608071 No problem gB :) For the same reason you can't really copy paste link codes and stuff from Word documents unless you do some preparation first :( Pretty easy to find & replace, but still a bother. No problem gB :) For the same reason you can’t really copy paste link codes and stuff from Word documents unless you do some preparation first :(

Pretty easy to find & replace, but still a bother.

]]> By: gB http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608053 gB Thu, 15 Jan 2009 16:46:00 +0000 http://www.ghacks.net/?p=9899#comment-608053 Wow thanks for the fast response. Fixed the quotes like you said and now it works like a charm. Awesome Wow thanks for the fast response. Fixed the quotes like you said and now it works like a charm.

Awesome

]]> By: Daniel Pataki http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608029 Daniel Pataki Thu, 15 Jan 2009 15:53:36 +0000 http://www.ghacks.net/?p=9899#comment-608029 Happy I could help :) There are loads of other ways to do this, I'll get to them later. If you put a lot of content in hidden divs it's actually better to pull the content from another page or db, since then you don't need to load all of it initally, just the ones visible :) More on this later :) Happy I could help :) There are loads of other ways to do this, I’ll get to them later. If you put a lot of content in hidden divs it’s actually better to pull the content from another page or db, since then you don’t need to load all of it initally, just the ones visible :)
More on this later :)

]]> By: Stefan http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-608012 Stefan Thu, 15 Jan 2009 15:16:14 +0000 http://www.ghacks.net/?p=9899#comment-608012 well that was fun - using this technique I managed to put all a (small) site's content on one page, and use the hiding/unhiding of sections to simulate pagination. Cut down on a hell of a lot of work for me, so thanks again Daniel! well that was fun – using this technique I managed to put all a (small) site’s content on one page, and use the hiding/unhiding of sections to simulate pagination. Cut down on a hell of a lot of work for me, so thanks again Daniel!

]]> By: SK Mezanul http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607978 SK Mezanul Thu, 15 Jan 2009 13:59:31 +0000 http://www.ghacks.net/?p=9899#comment-607978 Thanks Daniel, keep these tutorials coming!! they are very useful :) and as Paul suggested i too wish for the same, i.e. pdf edition. Thanks. :) Thanks Daniel, keep these tutorials coming!! they are very useful :)
and as Paul suggested i too wish for the same, i.e. pdf edition. Thanks. :)

]]> By: Daniel Pataki http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607966 Daniel Pataki Thu, 15 Jan 2009 13:29:39 +0000 http://www.ghacks.net/?p=9899#comment-607966 Hi guys! Thanks for the praise, I'll keep 'em coming :) Hi gB! I should have written about this before, what you need to do is replace ALL the quotes in what you copy pasted with actual quotes. They appear as these weird slanted things in the post, there should always be simple ' and " whenever you see single or duoble quotes. I will try and work out something where you can copy-paste! Hi Paul! Right now I don't really have time to compile something like that, but if these articles are successful I will think about it :) Thanks again for the praise and this is such a great method, I really do love it so, please use it :) Hi guys!

Thanks for the praise, I’ll keep ‘em coming :)

Hi gB!
I should have written about this before, what you need to do is replace ALL the quotes in what you copy pasted with actual quotes. They appear as these weird slanted things in the post, there should always be simple ‘ and ” whenever you see single or duoble quotes.

I will try and work out something where you can copy-paste!

Hi Paul!

Right now I don’t really have time to compile something like that, but if these articles are successful I will think about it :)

Thanks again for the praise and this is such a great method, I really do love it so, please use it :)

]]> By: Paul. http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607917 Paul. Thu, 15 Jan 2009 11:11:51 +0000 http://www.ghacks.net/?p=9899#comment-607917 Hoi Daniel great read again. Is it possible that you make every mounth a .PDF, with that mounth artikels? Hoi Daniel great read again. Is it possible that you make every mounth a .PDF, with that mounth artikels?

]]> By: gB http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607884 gB Thu, 15 Jan 2009 09:45:28 +0000 http://www.ghacks.net/?p=9899#comment-607884 Sorry can't find a way to edit my comment. Just wanted to also add excellent work on the php and now js articles. Keep'em coming. Sorry can’t find a way to edit my comment. Just wanted to also add excellent work on the php and now js articles. Keep’em coming.

]]> By: gB http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607882 gB Thu, 15 Jan 2009 09:42:20 +0000 http://www.ghacks.net/?p=9899#comment-607882 I'm new to javascript so I could very well be missing something. But I've copied and pasted (actual Ctrl C and Ctrl V) this code into a basic html file so I could see it action, and clicking on the Explain link does nothing. I've tried putting the part both in the head and body and nada. Any clue on a reason why? I’m new to javascript so I could very well be missing something. But I’ve copied and pasted (actual Ctrl C and Ctrl V) this code into a basic html file so I could see it action, and clicking on the Explain link does nothing. I’ve tried putting the part both in the head and body and nada. Any clue on a reason why?

]]> By: Stefan http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/#comment-607817 Stefan Thu, 15 Jan 2009 07:22:17 +0000 http://www.ghacks.net/?p=9899#comment-607817 I concur, I've just refreshed my basic web design (CSS & HTML) and I'd love to learn some Javascript without just cut/pasting from code snippets. Lurn me good, gHacks! I concur, I’ve just refreshed my basic web design (CSS & HTML) and I’d love to learn some Javascript without just cut/pasting from code snippets.

Lurn me good, gHacks!

]]>