General help

Hello Thomas,

Have you asked David Watson, the maintainer (creator?) of the "Tiles format" plugin, to help you?

In the meantime, here is a workaround. Let's suppose you have a button in Tile 1, let's call it #myButton, and you want to be able to go to a certain place in Tile 2 by clicking on this button.

To identify the place you want to go in Tile 2, which we will call #myTarget, you need to use the id attribute on an HTML element. The simplest way is to add a "Text and media area" resource containing, for example, the following code:

<span id="myTarget"></span>

You are right, the URL is indeed "https://xxxx.com/course/view.php?id=52&section=2". However, we can reach Tile 2 more smoothly with the following script placed in Tile 1:

<button id="myButton">Go to Tile 2</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("#myButton").click(function(){

        // Store the fact that #myButton was clicked.
        sessionStorage.setItem("goto", "myTarget");

        // Trigger click on Tile 2.
        $(".tile-clickable#tile-2").click();
    });
});
</script>

Place the following script in Tile 2, say in its title:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
setTimeout(function() {

    // Get whether #myButton was clicked on not.
    let y = sessionStorage.getItem("goto");

    // If #myButton was indeed clicked.
    if (y == "myTarget") {
        // Go to #myTarget down in Tile 2.
        window.location.href = "https://xxxx.com/course/view.php?id=52#myTarget";
        // Reset #myButton.
        sessionStorage.setItem("goto", "top");
    }
// Wait 1 second (1000 milliseconds) before the above takes place.
// If your system is slow, you may want to increase to 2000 (i.e. 2 seconds) or more.
// There may be a better way to do this, if you are interested.
}, 1000);

</script>

In case students go directly to Tile 2 without pressing #myButton in Tile 1, you can insert the following link, say in the title of Tile 2, which will also allow students to directly reach #myTarget:

<a href="https://xxxx.com/course/view.php?id=52#myTarget">Go to myTarget</a>

Let me know if this works for you.