I'm working on a solution for printing and for when JavaScript is turned off. These days, I can turn JavaScript off only with the NoScript extension, and ironically, it also disables the <noscript> tag when I disable JavaScript. My alternative is to use a DIV with "noscript" as a class. On my Chess page, I have some JavaScript in the Notes section that will hide anything with this class. So, it shows up only if JavaScript is not running. That section of JavaScript also turns on the display of the "idiagram" class, which I have previously turned off with a section of CSS. This stops it from displaying when JavaScript doesn't work. For printing, I am using the "noprint" and "printer" classes. With the "printer" class, I have a static image of the board. This class is initially hidden, and CSS turns it on for printing. So that I don't get two board images when JavaScript is turned off, this board image is written to the page with JavaScript. Also, I have added the "noprint" class to the DIV with the "idiagram" class, so that it gets hidden while printing. I'll see how I can streamline this later. For now, I have two images on the page with the interactive diagram, one for printing, and one for when JavaScript is turned off. Each is slightly different to tell them apart and to see that it is indeed working. Unfortunately, none of this helps with Reader mode. However, our pages are not so cluttered with ads that Reader mode should become necessary.
Later plans include modifying the display_comment function to convert <noscript> tags into <DIV CLASS="noscript"> tags, to move the CSS into the header or a .css file, and to move the JavaScript into the footer.
I'm working on a solution for printing and for when JavaScript is turned off. These days, I can turn JavaScript off only with the NoScript extension, and ironically, it also disables the
<noscript>tag when I disable JavaScript. My alternative is to use a DIV with "noscript" as a class. On my Chess page, I have some JavaScript in the Notes section that will hide anything with this class. So, it shows up only if JavaScript is not running. That section of JavaScript also turns on the display of the "idiagram" class, which I have previously turned off with a section of CSS. This stops it from displaying when JavaScript doesn't work. For printing, I am using the "noprint" and "printer" classes. With the "printer" class, I have a static image of the board. This class is initially hidden, and CSS turns it on for printing. So that I don't get two board images when JavaScript is turned off, this board image is written to the page with JavaScript. Also, I have added the "noprint" class to the DIV with the "idiagram" class, so that it gets hidden while printing. I'll see how I can streamline this later. For now, I have two images on the page with the interactive diagram, one for printing, and one for when JavaScript is turned off. Each is slightly different to tell them apart and to see that it is indeed working. Unfortunately, none of this helps with Reader mode. However, our pages are not so cluttered with ads that Reader mode should become necessary.Later plans include modifying the display_comment function to convert
<noscript>tags into<DIV CLASS="noscript">tags, to move the CSS into the header or a .css file, and to move the JavaScript into the footer.