Setting the target of an onclick event to a specific location

Question

I split my body content in two parts. The left one has a map and buttons. When I click on the button, I get the result from Arad.php in another window.

How can I set the target to the second half (split right) of my body?

<body> 
    <div class="split left">
        <div class="centered">    
            <h2>Button on Image</h2>
            <p>Add a button to an image:</p>
            <div class="container">
                <img src="Harta_Romaniei.jpg" alt="Harta_Romaniei" style="width:100%">
                <button class="btnarad"; onclick= "window.location.href='Arad.php'"; Target="split right">Arad</button>
                <button class="btntimisoara">Timisoara</button>
            </div>        
        </div>
    </div>
    <div class="split right">
      <div class="centered">
        <h2>Information</h2>

        // I want the information here!

        </div>
    </div>
</body>

Whats PHP tag doing here? – Yousef Altaf May 03 '20 at 18:31 — Yousef Altaf, May 03 '20 at 18:31
What do you want to achieve? – Nico Haase May 04 '20 at 08:41 — Nico Haase, May 04 '20 at 08:41

score 0 · Answer 1 · answered May 03 '20 at 10:33

It doesn't have much to do with PHP, you should really do it with HTML + JavaScript.

The window.href.location will always redirect you to another route, and will never do what you want.

You'll need something like this: Simple Load an HTML page from javascript based on window width

Setting the target of an onclick event to a specific location

1 Answers1