Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.infosystems.www.authoring.stylesheets > #5334

Re: Dynamic CSS adjustments (JavaScript)

From BootNic <bootnic.bounce@gmail.com>
Newsgroups comp.infosystems.www.authoring.stylesheets, comp.lang.javascript
Subject Re: Dynamic CSS adjustments (JavaScript)
Followup-To comp.infosystems.www.authoring.stylesheets
Date 2014-06-26 23:18 -0400
Organization BootNic Party Make your vote count!
Message-ID <20140626231812.43be7fd9@bootnic.server> (permalink)
References <MPG.2e1662bf95bc0a299899c1@news.demon.co.uk> <XnsA358CD0D1F4FBeejj99@194.109.133.133>

Cross-posted to 2 groups.

Followups directed to: comp.infosystems.www.authoring.stylesheets

Show all headers | View raw


[Multipart message — attachments visible in raw view] - view raw

In article <XnsA358CD0D1F4FBeejj99@194.109.133.133>,
"Evertjan." <exxjxw.hannivoort@inter.nl.net> wrote:

> Philip Herlihy <bounceback@you.com> wrote on 26 jun 2014 in 
> comp.infosystems.www.authoring.stylesheets:

>> Hope this isn't off-topic! 

> It is, you better ask in comp.lang.javascript.

[snip]

Since this could be done without the need for javascript, it need not be
off topic.

>> I'd like to be able to provide a button or 
>> link which will hide (display:none) all the items on a page of class 
>> "done" (Outdoor events, as it happens).  I've googled, and even bought
>> a JavaScript book (I'm barely competent in js, but otherwise an 
>> experienced, if rusty, programmer).

>> The best option appears to be to have the link:
>> <a href="javascript:toggleStyleSheet()">Hide/Show past walks</a>
>> ... load a further external style sheet.  I think this would mean 
>> refreshing the page to reverse the 'hiding'.

[snip]

<style>
[id=in0]:checked + [for=in0] ~ .done {
display:none;
}
</style>
<input type=checkbox id=in0><label for=in0>Check box to hide done</label>

[snip]
> <div class='done'>AAAAAAAAAAAa</div>
> <div class='xyz'>bbbbbbbbbbbbB</div>
> <div class='done'>CCCCCCCCCCCCCc</div>



-- 
BootNic                                          Thu Jun 26, 2014 11:18 pm
  I had a monumental idea this morning, but I didn't like it.
  *Samuel Goldwyn* 

Back to comp.infosystems.www.authoring.stylesheets | Previous | NextPrevious in thread | Next in thread | Find similar | Unroll thread


Thread

Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-26 18:03 +0100
  Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-06-26 20:09 +0200
    Re: Dynamic CSS adjustments (JavaScript) BootNic <bootnic.bounce@gmail.com> - 2014-06-26 23:18 -0400
      Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-29 17:02 +0100
        Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-06-29 20:16 +0200
          Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-30 11:31 +0100
            Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-06-30 13:37 +0200
              Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-06-30 13:40 +0200
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-01 12:41 +0100
                Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-07-01 14:28 +0200
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-01 15:52 +0100
                Re: Dynamic CSS adjustments (JavaScript) "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-07-01 18:08 +0200
        Re: Dynamic CSS adjustments (JavaScript) BootNic <bootnic.bounce@gmail.com> - 2014-06-29 14:59 -0400
          Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-30 11:09 +0100
      Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-29 17:55 +0100
        Re: Dynamic CSS adjustments (JavaScript) BootNic <bootnic.bounce@gmail.com> - 2014-06-29 15:23 -0400
        Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-06-30 11:42 +0100
          Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-02 16:18 +0100
            Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-02 19:52 +0100
              Re: Dynamic CSS adjustments (JavaScript) dorayme <do_ray_me@bigpond.com> - 2014-07-03 08:42 +1000
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-03 13:09 +0100
              Re: Dynamic CSS adjustments (JavaScript) Osmo Saarikumpu <osmo@weppipakki.com> - 2014-07-03 05:27 +0300
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-03 13:09 +0100
                Re: Dynamic CSS adjustments (JavaScript) Osmo Saarikumpu <osmo@weppipakki.com> - 2014-07-04 10:08 +0300
              Re: Dynamic CSS adjustments (JavaScript) BootNic <bootnic.bounce@gmail.com> - 2014-07-03 01:44 -0400
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-03 13:09 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-12 20:10 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-12 22:23 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-12 22:39 +0100
                Re: Dynamic CSS adjustments (JavaScript) dorayme <do_ray_me@bigpond.com> - 2014-07-13 12:09 +1000
                Re: Dynamic CSS adjustments (JavaScript) tlvp <mPiOsUcB.EtLlLvEp@att.net> - 2014-07-12 23:45 -0400
                Re: Dynamic CSS adjustments (JavaScript) dorayme <do_ray_me@bigpond.com> - 2014-07-13 18:42 +1000
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-13 19:33 +0100
                Re: Dynamic CSS adjustments (JavaScript) Tim Streater <timstreater@greenbee.net> - 2014-07-13 22:35 +0100
                Re: Dynamic CSS adjustments (JavaScript) dorayme <do_ray_me@bigpond.com> - 2014-07-14 08:55 +1000
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-14 11:24 +0100
                Re: Dynamic CSS adjustments (JavaScript) Tim Streater <timstreater@greenbee.net> - 2014-07-14 18:51 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-15 16:43 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-13 20:29 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-13 21:13 +0100
                Re: Dynamic CSS adjustments (JavaScript) Tim Streater <timstreater@greenbee.net> - 2014-07-13 22:38 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-14 11:25 +0100
                Re: Dynamic CSS adjustments (JavaScript) tlvp <mPiOsUcB.EtLlLvEp@att.net> - 2014-07-13 21:29 -0400
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-14 11:27 +0100
                Re: Dynamic CSS adjustments (JavaScript) dorayme <do_ray_me@bigpond.com> - 2014-07-14 10:59 +1000
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-14 11:56 +0100
                Re: Dynamic CSS adjustments (JavaScript) Philip Herlihy <bounceback@you.com> - 2014-07-13 19:39 +0100

csiph-web