Re: [WSG] CSS off button

[Jayachandran Kandasamy]

Hi  Paul,

You can use select drop down box instead of buttons for the CSS switching -
this can minimize the space in page and usability will be effective for the
end users

On Thu, Feb 4, 2010 at 8:51 PM, Paul Novitski wrote:

> At 2/4/2010 10:43 AM, Erickson, Kevin (DOE) wrote:
>
>> Here is the page using your example: <
>> http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-from-wsg2.shtml
>> >
>> http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-from-wsg2.shtml
>>
>
>
> I recommend that you give folks a corresponding button to turn styling back
> on after they switch it off.
>
>
> Paul
> __
>
> Paul Novitski
> Juniper Webcraft Ltd.
> http://juniperwebcraft.com
>
>
> ***
>  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] CSS off button

[Paul Novitski]

At 2/4/2010 10:43 AM, Erickson, Kevin (DOE) wrote:
Here is the page using your example: 
http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-from-wsg2.shtml



I recommend that you give folks a corresponding button to turn 
styling back on after they switch it off.


Paul
__

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] CSS off button

[Jayachandran Kandasamy]

Hi Kevin,

I will let you know about the cookie technique soon :)

On Thu, Feb 4, 2010 at 10:43 AM, Erickson, Kevin (DOE) <
kevin.erick...@doe.virginia.gov> wrote:

>  Thanks Jayachandran!
>
> That definitely works but is there a way that it could keep the CSS off
> when the visitor leaves the page? Using a cookie maybe?
> Here is the page using your example:
> http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-from-wsg2.shtml
>
> Thank you,
> Kevin
>
>  --
> *From:* li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] *On
> Behalf Of *Jayachandran Kandasamy
> *Sent:* Wednesday, January 27, 2010 2:25 AM
>
> *To:* wsg@webstandardsgroup.org
> *Subject:* Re: [WSG] CSS off button
>
>   Hi Kevin,
>
> I have tried some sample code for switching off the CSS in jQuery.
>
> Please go through this code below and let me know how far it is helping you
> - if need anyother assistance please reply
>
> 
> 
> 
>  New Document 
> 
> 
> 
> 
>  src="<a  rel="nofollow" href="http://code.jquery.com/jquery-latest.js"">http://code.jquery.com/jquery-latest.js"</a>;></script<<a  rel="nofollow" href="http://code.jquery.com/jquery-latest.js%22%3E%3C/script">http://code.jquery.com/jquery-latest.js%22%3E%3C/script</a>>
> >
> <link href="css/sample.css" type="text/css" rel="stylesheet"/>
> <style type="text/css">
> body {
>  background-color: #acc;
>  color: #fff;
>  font-size: 25px;
>   }
> </style>
> <style type="text/css">
> .chumma {
>  background-color: #ff9900;
>  color: #123456;
>  font-size: 30px;
>  width: 500px;
>  height: 500px;
> }
> </style>
> <script type="text/javascript">
>  $(document).ready(function(){
>   $("input.offButt").click(function() {
>if($("head:has(style)") && $("head:has(link)")){
> $("head:has(style)").remove();
> $("head:has(link)").remove();
>}
>   });
>  });
> 
> 
>  
> Sample for CSS off
> 
>  id="offButt" />
> Hi Kevin
> Website group - Kevin
> 
> 
> 
> Thanks,
> JC
>  On Fri, Jan 22, 2010 at 12:22 PM, Erickson, Kevin (DOE) <
> kevin.erick...@doe.virginia.gov> wrote:
>
>>  Hello fellow WSG'ers.
>>
>> Could anyone please tell me if there is a right way to put a clickable
>> button in a web page that will turn off all CSS?
>>
>> Thanks,
>> Kevin
>>
>> ***
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: memberh...@webstandardsgroup.org
>> ***
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] CSS off button

[Erickson, Kevin (DOE)]

Sorry. That question wasn't very clear. I meant when the visitor goes to
other pages on the site I would like the CSS to remain off using a
cookie. Do you have a way to do that?



From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Erickson, Kevin (DOE)
Sent: Thursday, February 04, 2010 1:44 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] CSS off button


Thanks Jayachandran!
 
That definitely works but is there a way that it could keep the CSS off
when the visitor leaves the page? Using a cookie maybe?
Here is the page using your example:
http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-fro
m-wsg2.shtml
 
Thank you,
Kevin



From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Jayachandran Kandasamy
Sent: Wednesday, January 27, 2010 2:25 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS off button


Hi Kevin,
 
I have tried some sample code for switching off the CSS in jQuery.
 
Please go through this code below and let me know how far it is helping
you - if need anyother assistance please reply 
 



 New Document 




http://code.jquery.com/jquery-latest.js"</a>;></script
<<a  rel="nofollow" href="http://code.jquery.com/jquery-latest.js%22%3E%3C/script">http://code.jquery.com/jquery-latest.js%22%3E%3C/script</a>> >
<link href="css/sample.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
body {
 background-color: #acc;
 color: #fff;
 font-size: 25px;
}
</style>
<style type="text/css">
.chumma {
 background-color: #ff9900;
 color: #123456;
 font-size: 30px;
 width: 500px;
 height: 500px;
}
</style>
<script type="text/javascript">
 $(document).ready(function(){
  $("input.offButt").click(function() {
   if($("head:has(style)") && $("head:has(link)")){
$("head:has(style)").remove();
$("head:has(link)").remove();
   }
  });
 });



Sample for CSS off


Hi Kevin
Website group - Kevin




Thanks,
JC

On Fri, Jan 22, 2010 at 12:22 PM, Erickson, Kevin (DOE)
 wrote:


Hello fellow WSG'ers.
 
Could anyone please tell me if there is a right way to put a
clickable button in a web page that will turn off all CSS?
 
Thanks,
Kevin


***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org

*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] CSS off button

[Erickson, Kevin (DOE)]

Thanks Jayachandran!
 
That definitely works but is there a way that it could keep the CSS off
when the visitor leaves the page? Using a cookie maybe?
Here is the page using your example:
http://www.doetest.vi.virginia.gov/z_testing_area/kevin/test-css-off-fro
m-wsg2.shtml
 
Thank you,
Kevin



From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Jayachandran Kandasamy
Sent: Wednesday, January 27, 2010 2:25 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS off button


Hi Kevin,
 
I have tried some sample code for switching off the CSS in jQuery.
 
Please go through this code below and let me know how far it is helping
you - if need anyother assistance please reply 
 



 New Document 




http://code.jquery.com/jquery-latest.js"</a>;></script
<<a  rel="nofollow" href="http://code.jquery.com/jquery-latest.js%22%3E%3C/script">http://code.jquery.com/jquery-latest.js%22%3E%3C/script</a>> >
<link href="css/sample.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
body {
 background-color: #acc;
 color: #fff;
 font-size: 25px;
}
</style>
<style type="text/css">
.chumma {
 background-color: #ff9900;
 color: #123456;
 font-size: 30px;
 width: 500px;
 height: 500px;
}
</style>
<script type="text/javascript">
 $(document).ready(function(){
  $("input.offButt").click(function() {
   if($("head:has(style)") && $("head:has(link)")){
$("head:has(style)").remove();
$("head:has(link)").remove();
   }
  });
 });



Sample for CSS off


Hi Kevin
Website group - Kevin




Thanks,
JC

On Fri, Jan 22, 2010 at 12:22 PM, Erickson, Kevin (DOE)
 wrote:


Hello fellow WSG'ers.
 
Could anyone please tell me if there is a right way to put a
clickable button in a web page that will turn off all CSS?
 
Thanks,
Kevin


***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org

*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] CSS off button

[Jayachandran Kandasamy]

Oliver,

This wont remove the head element but only the style and link tags .. but I
didnt do the attribute level, I will try it out man.. thanks for the
suggestion :)

Cheers
JC


On Wed, Jan 27, 2010 at 5:48 PM, Oliver Boermans  wrote:

> On 27 January 2010 17:55, Jayachandran Kandasamy
>  wrote:
> >  $(document).ready(function(){
> >   $("input.offButt").click(function() {
> >if($("head:has(style)") && $("head:has(link)")){
> > $("head:has(style)").remove();
> > $("head:has(link)").remove();
> >}
> >   });
> >  });
>
> I’m pretty sure this will remove the head element and everything in it.
> Link elements are also used for more than just loading CSS so you
> wouldn’t want to remove them without checking the type or rel
> attribute too.
>
> Regarding the JavaScript
> http://api.jquery.com/
> http://forum.jquery.com/
>
> Cheers
> Ollie
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] CSS off button

[Oliver Boermans]

On 27 January 2010 17:55, Jayachandran Kandasamy
 wrote:
>  $(document).ready(function(){
>   $("input.offButt").click(function() {
>    if($("head:has(style)") && $("head:has(link)")){
> $("head:has(style)").remove();
> $("head:has(link)").remove();
>    }
>   });
>  });

I’m pretty sure this will remove the head element and everything in it.
Link elements are also used for more than just loading CSS so you
wouldn’t want to remove them without checking the type or rel
attribute too.

Regarding the JavaScript
http://api.jquery.com/
http://forum.jquery.com/

Cheers
Ollie


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] CSS off button

[Jayachandran Kandasamy]

Hi Kevin,

I have tried some sample code for switching off the CSS in jQuery.

Please go through this code below and let me know how far it is helping you
- if need anyother assistance please reply




 New Document 




http://code.jquery.com/jquery-latest.js";>http://code.jquery.com/jquery-latest.js%22%3E%3C/script>
>