Abrir Ajax com adição na url

[kaiquemix 1]

Olá boa tarde,

Estou querendo que quando eu abrir o "#portfolioModal54" e executar o ajax adicione na frente da url o nome e id do bloco clicado.

Exemplo:

BLOCO 1: #portfolioModal54 aberto com o $nome = quad então a url vai ser: site.com.br/index.php#quad01

BLOCO 2:#portfolioModal54 aberto com o $nome = circ então a url vai ser: site.com.br/index.php#circ02

Aqui nesse site você pode ver os blocos e o ajax funcionando:

só quero adicionar $nome e $id na frente da url quando for clickado.

somospixel.com/portfolio.php

Aqui está o Bloco que vai abrir o #portfolioModal54 que tem o value "Executa ajax" e pega variáveis com informações do banco de dados.

          <div class="element-item third-effect todos <?php echo "$menu";?>" data-category="transition">
            <a href="#portfolioModal54"  class="portfolio-link" data-toggle="modal" onclick="portfolioModal(<?php echo $id;?>)" value="Executa ajax">
                                    <img src="<?php echo "$imageM"?>" alt="imagem">
              <div class="mask">    <div class="conteudo_mask" style="transform: translateY(-50%);top: 50%;position: relative;">
               <h1><?php echo "$nome"?></h1><div id="lin" style="width: 110px;"></div><h2><?php echo "$tipo"?></h2></div><h3 style="transform: translateY(-50%);top: 50%;position: relative;
                ">VEJA <br><img src="images/mais.png" alt="mais" style="width: 20px;height: 19px;margin-bottom: -1px;margin-top: 12px;margin-left:0px;"></h3>
              </div>
            </a>
          </div>
            <?php
      }
      ?>

Aqui está o Modal54 que é aberto e dentro dele recebe um "Recebeajax"

    <div class="portfolio-modal modal fade" id="portfolioModal54" tabindex="-1" role="dialog" aria-hidden="true">
          <div id="barra-sty">
            <div class="wrap">
                   <div id="logo" style="width: 50px;      height: 50px;      float: left;">
          <img src="images/logom.png">
          </div></div>
  <div class="close-modal" data-dismiss="modal">
                  <div class="lr">
                      <div class="rl">
                      </div>
                  </div>
              </div></div>
  <div class="wrap RecebeAjax">
  </div>
      </div>

Aqui o ajax.js

function portfolioModal(id){
    $(".RecebeAjax").load("ajax.php?id="+id);
}

[Rafhael Henrique 0]

Ola, pesquise por pushState do javascript, acho que pode ajudar

[sNniffer 1]

Opa amigão,

Adapte esta função, ela faz justamente isso:

function updateURL() {
  if (history.pushState) {
	  var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?ID=1234';
	  window.history.pushState({path:newurl},'',newurl);
  }
}

Boa sorte

[kaiquemix 1]

Opa amigão,

Adapte esta função, ela faz justamente isso:

function updateURL() {
  if (history.pushState) {
	  var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?ID=1234';
	  window.history.pushState({path:newurl},'',newurl);
  }
}

Boa sorte

Olá amigo estou um pouco confuso, não estou conseguindo adaptar ele no meu código :(