Show or hide a button from another page

Question

0.00/5 (No votes)

See more:

i have one page (select.php) and I need a div to be shown or hidden on the other page (output.php) when I press a button (in select.php) but without loading any of the two pages.

(to understand it better: both pages are open at the same time (in differents browsers but same machine), in the page select.php i select what output rule i need to show and in the page output.php that information is displayed, the problem is that one of rules is a table with autoscroll so I can't reload the page every second because all the information in the table is not displayed. I have tried the following code but it doesn't work for me because of what I said before:

What I have tried:

output.php

HTML

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>


<div id="reload"></div>

<script>

$(document).ready(function() {
      var refreshId =  setInterval( function(){
    $('#reload').load('includes/outputsetup.php');
  }, 1000 );
});

</script>
</body>

</html>

outputsetup.php

PHP

<?php
$conectar = mysqli_connect("localhost", "root", "", "ianseo");

$sqlend = "SELECT output, oldout FROM tvoutput";
$resultend = mysqli_query($conectar,$sqlend);

while($mostrar=mysqli_fetch_array($resultend)){
$out1 = $mostrar['output'];
$out2 = $mostrar['oldout'];
}


if ($out1==1) {
  include '../finales/scoreboard.php';
}
if ($out1==2) {
  include '../finales/parquero1.php';
}
if ($out1==3) {
  include '../finales/parquero2.php';
}
if ($out1==4) {
  include '../finales/brackets.php';
}
?>

select.php

In this page i have a form with which I send to the database what I want to show

Posted 11-Jun-20 4:41am

Member 14860285

Updated 11-Jun-20 5:52am

Add a Solution

Comments

F-ES Sitecore 11-Jun-20 11:03am

It will probably depend on how you open the pages in browsers and if there is anything common to the browser sessions that you can leverage like a logged in user. If you are linking to one page from another you can supply a target name and reference the document in the second window by that name;

<a href="..." target="mySecondPage">

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dave Kreskowiak · Answer 1 · 2020-06-11T05:53:00

If you've got something in two browser tabs, they do not know about each other. The server doesn't know about them either. They may as well be one tab on earth and the other tab on the moon.

Once the server send the rendered HTML to the browser, it forgets the request was even made. There is no connection between the page and the server. HTTP works as a request/response system. The browser asks for a page and the server sends it back and moves on to the next request.

So, you have to setup some kind of system where a page, once loaded by the browser, registers for some kind of notification from a separate server and can receive notifications of updates and respond appropriately. You can use something like SignalR to do this.