All the Perl that's Practical to Extract and Report
use Perl Log In
Beatnik (493)
(email not shown publicly)
http://www.ldl48.org/
A 28 year old belgian who likes Mountain Dew, Girl Scout Cookies, Tim Hortons French Vanilla Flavoured Cappucinno, Belgian beer, Belgian chocolate, Belgian women, Magners Cider, chocolate chipped cookies and Perl. Likes snowboarding, snorkling, sailing and silence. Bach can really cheer him up! He still misses his dog.
Project Daddy of Spine [sf.net], a mod_perl based CMS.
In his superhero time (8.30 AM to 5.30 PM), he works on world peace.
jQuery tricks: hiding body elements
<style type="text/css">
body {
/* Some other stuff here */
background-image: url(http://localhost/images/bg.jpg);
background-repeat: repeat-x;
}
</style>
<body>
<!-- Some other stuff here -->
</body>
The background was the element I wanted to hide. I ended up with something like this:
<style type="text/css">
body {
/* Some other stuff here */
background-image: url(http://localhost/images/bg.jpg);
background-repeat: repeat-x;
}
</style>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<body>
<!-- Some other stuff here -->
<a id="mini" href="#" OnClick="
if ( $('#mini').text() == '[-]' ) { $('#mini').text('[+]') } else { $('#mini').text('[-]'); }
if ($('body').css('background-image') == 'url(http://localhost/images/bg.jpg)')
{ $('body').css('background-image','url()'); } else
{ $('body').css('background-image','url(http://localhost/images/bg.jpg)'); }
return false;">[-]</a>
<!-- and here -->
</body>
This adds a small [-] link that, when clicked, clears the background and changes to a [+]. Clicking again switches back.
Fooled me :-) Maybe the Perlian sentence modifier style has crept into
your C...? I know that I often stare at the C compiler moaning about
my perfectly sensible 'print "$p\n";'...
-- Jarkko Hietaniemi
css classes? (Score:1)
Wouldn't switching the body's css class also work and make it all more maintainable? :)
Ordinary morality is for ordinary people. -- Aleister Crowley
Re: (Score:1)
Re: (Score:1)
It’s not TMTOWTDI… it’s a matter of, as Larry likes to say, baby talk. What you did is a way to do it, but really it’s not a very good way. Switching the
bodyclass is one thing you should really do; the other is unobtrusive scripting [wikipedia.org]. Another thing is that you want to hide these links from people who don’t have Javascript in the first place.Consider:
Re: (Score:1)
Err,
s/jQuery/\$/.Re: (Score:1)
I can still remember those ugly times of NN4, where we still had to assume people who don't have JS on, might also have CSS off. The days really got better in this regard.
Ordinary morality is for ordinary people. -- Aleister Crowley