возможно ли обновить sh одно и то же содержимое на двух разных html страницах? - PullRequest
0 голосов
/ 25 мая 2020

У меня есть этот код, ведьма - это счетчик кликов в javascript. у меня вопрос, можно ли показывать "клики" на двух разных страницах?

Моя цель - создать две одинаковые страницы, но вторая - просто показать счетчик кликов, так как первая - щелкнуть и в то же время показать счетчик.

У меня нет большого опыта программирования. вся помощь очень ценится :)

html код страницы:

    <!DOCTYPE html>
    <html>
    <head>
        <title>FCT</title>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <script src="lib/jquery-3.3.1.min.js"></script>
        <script src="lib/scripts.js"></script>
        <script src="chama.js"></script>



    </head>

    <body>
 <button type="button" onclick="hello()">Anterior</button>
  <button type="button" onclick="bye()">Próximo</button>


  <div class="barraTop">&nbsp;</div>
  <div class="container page">
    <div class="row barraSuperior">
      <div class="col-xs-1">
        <img src="imagens/espamol.png" height="150" width="250">
      </div>

      <div class="col-xs-11" style="text-align: right;">
        <p></p>
        <span class="uespiTexto">Escola Secundária Padre António Martins de Oliveira</span><br>
        <span class="subtitulo">Matrícula Institucional <strong>SiSU 2019</strong></span>
        <!-- <img src="imagens/sisu.png" class="sisuLogo"> -->
      </div>
    </div>

    <div class="row">
      <div class="senhaAtual">
        <div class="row">
          <div class="col-xs-5 col-xs-offset-1" style="text-align: right;"><br><br>
            <span class="senhaAtualTexto">SENHA &nbsp;</span>
          </div>
          <div class="col-xs-5" style="text-align: left;">
            <span id="senhaAtualNumero"><a id="clicks" style="color:white">0</a></span>
          </div>
          <!--<input type="hidden" id="senhaNormal" value="0000">
                 <input type="hidden" id="senhaPrioridade" value="P000">-->
        </div>
      </div>
    </div>
    <div class="barraTop">&nbsp;</div>
    <div class="row">
      <div class="senhaAtual">
        <div class="row">
          <div class="col-xs-5 col-xs-offset-1" style="text-align: right;"><br><br>
            <span class="senhaAtualTexto">SENHA &nbsp;</span>
          </div>
          <div class="col-xs-5" style="text-align: left;">
            <span id="senhaAtualNumero"><a id="clicks" style="color:white">0</a></span>
          </div>
          <!--<input type="hidden" id="senhaNormal" value="0000">
                 <input type="hidden" id="senhaPrioridade" value="P000">-->
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4 col-xs-offset-4 ultimaSenha">
        <br>
        <span id="ultimaSenhaTexto">ÚLTIMA CHAMADA</span><br>
        <span>Senha </span>
        <span id="ultimaSenhaNumero">0000</span>
      </div>
    </div>
  </div>
  <audio id="audioChamada" src="audio/chamada.wav"></audio>

    </body>
    </html>

и javascript код:

var clicks = 0;

function hello() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
};

function bye() {
    clicks -= 1;
    document.getElementById("clicks").innerHTML = clicks;
};

1 Ответ

0 голосов
/ 25 мая 2020

Только если одна страница открывает другую *.

Если вы используете var w=window.open(), вы можете получить доступ к документу другой страницы в w.document. И со второй страницы вы можете получить доступ к первой в window.parent.document.

* То есть только с js. Если вы можете использовать серверный язык, вы можете сделать что-то более сложное, используя ajax или даже сокеты.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...