We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 6723
    • 93 Posts
    Hello,

    I’ve a problem with FURLs and a style sheet changer which is used for accessibility purposes.

    Basically in a chunk I have this;

    <ul id="navlist2">
    <li><a id="style_1" href="#" onclick="setActiveStyleSheet(’default’, 1);return false;" title="Switch style to the default setting of white background with black text.">default view</a></li>
    <li><a id="style_2" href="#" onclick="setActiveStyleSheet(’high_contrast’, 1);return false;" title="Switch style to a single column with dark text on a light background.">high contrast view</a></li>
    <li><a id="style_3" href="#" onclick="setActiveStyleSheet(’high_visibility’, 1);return false;" title="Switch style to a single column with light text on a dark background.">high visibility view</a></li>
    </ul>


    Which works fine - until I’ve applied FURLs - it works still on IE but on Firefox for PC and Mac it doesn’t.

    The site in question is here http://emc2.site4test.co.uk

    and the chunk fits into the footer at the bottom in particular the high contrast and visibility versions.

    Do I need to add anything to the above chunk?

    Thanks in advance, David
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      Try href="[~[*id*]~]#"
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 6723
        • 93 Posts
        Nope still doesn’t work in Firefox.

        Quote from: sottwell at Apr 16, 2007, 08:12 AM

        Try href="[~[*id*]~]#"
          • 1511
          • 144 Posts
          In the source there are other <link ...> tags such as
          <link rev="The North Space" href="http://www.thenorthspace.com" title="The North Space" />
          <link rev="David J Colbran" href="http://www.djcdesign.co.uk" title="DJC Design" />
          and they have no rel attribute.

          That’s why the function setActiveStyleSheet from the file stylescriptxxx.js produces a javascript error.

          Add that attribute and report how it goes. wink
            • 6723
            • 93 Posts
            Excellent - many thanks - removing those makes it all work nicely now.

            A thousand thanks smiley