Bookmarkable hash page issues

[joshy158]

<style type="text/acss">
    @pages {
        "#corridor": event="#corridor:click";
        "#house": event="#house:click";
    }
    
    div:click{
        add-hash: "#{@id}" "{@id} - clicked" remove-last-hash;
        body{
            background: {@data-color};
        }
    }
</style>

<div data-color="red" id="corridor">Corridor</div>
<div data-color="blue" id="house">House</div>

Expected things that are happening:

• If I directly visit: https://example.com/test.php#corridor (It shows me red background)
• If I directly visit: https://example.com/test.php#house (It shows me blue background)

Expected things that are not happening:

• After direct visit to https://example.com/test.php#corridor and then if I click on #house, it will show me blue background from red background as expected. But, then if I click the browser back button, it will show the URL: https://example.com/test.php#corridor but the background is still blue, which should be red.

Can you please tell me what I'm missing here, Sir?
Thank you so much.

[bob2517]

Not sure if you got my email - apologies if not - I've been having email issues that I thought I'd sorted out (spf, things like that).
Here is my original response:

When you are using hash references, there needs to be an underlying page in the @pages section.

What happens is that the underlying page is found, and that is handled, then the "hash" references events are handled. You have to "draw" the underlying page first.

The main page needs to be in the main config for your site - ie. not embedded, such as in a config.acss file, something like that.

Try this in your main config (not embedded):

@pages {

"/test.php": class="something";

}

Let me know if that doesn't work and I'll set up an example from here to replicate it.

PS. Apologies for the edits.