Abrir Link Sem Sair Do Site

[HLD]

Boa Noite!

Tem como arruma esse link abaixo, gostaria quando clicasse neles não abrisse outra pagina.

<div id="menu">
<a id="" href="index.html">HOME</a>
<img src="imagens/separador.gif" alt="separador" /><a href="visao.html">VISÃO</a><img src="imagens/separador.gif" alt="separador" /><a href="casamento.html">CASAMENTO</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="ensaio.html">ENSAIO DE NOIVAS</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="infantil.html">INFANTIL</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="gestante.html">GESTANTE</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="contato.html">CONTATO</a> </div>
</div>
<div id="conteudo">

ficasse só dentro do domínio ex: [Somente usuários registrados podem vem os links. ] ( gostaria que não sai-se do primeiro ex a url quando clicasse noo link) .. tipo quando clico em Home fica da seguinte forma, [Somente usuários registrados podem vem os links. ]..


Gostaria de resolver mais não estou conseguindo..

[iDiedOficial]

Infelizmente não, creio que não

[Ayrton Ricardo]

Você diz não mudar a URL/Endereço?

se sim:
Isso poderia ser feito por meio de ajax.

[mabordin]

n tem como amigo, nao se o site tiver na hosp.

[Ayrton Ricardo]

Só uns minutos que já posto o código.

[HLD]

Dá sim, só não tô conseguindo fazer, quero que quando clica em CASAMENTO continuar EX [Somente usuários registrados podem vem os links. ] e nãi ficar [Somente usuários registrados podem vem os links. ]

[Ayrton Ricardo]

Seu novo MENU:

<div id="menu">
<a href="#" data-link="index.html" class="menu">HOME</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="visao.html" class="menu">VISÃO</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="casamento.html" class="menu">CASAMENTO</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="ensaio.html" class="menu">ENSAIO DE NOIVAS</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="infantil.html" class="menu">INFANTIL</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="gestante.html" class="menu">GESTANTE</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="contato.html" class="menu">CONTATO</a> 
</div>


<div id="conteudo">

Terá que adicionar no HEAD da página principal:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on('click', '.menu', function(e){ //Pego o click no menu através da class.
e.preventDefault();//paro para ele não fazer o padrão que é add o # na url
var link = $(this).attr('data-link'); // coloco o link que encontra-se no attr data-link
$( "#conteudo" ).load(link, function( response, status, xhr ) {// dou load e espero a resposta
  if ( status == "error" ) { // se der erro lanço um texto no html de conteudo.
    $("#conteudo").html('Ocorreu um erro em sua requisição ou a página não foi encontrada!');
  }
});
});
});
</script>

Isto irá resolver seus problemas
Qualquer dúvida posta ae.

[HLD]

Não funcionou!!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on('click', '.menu', function(e){ //Pego o click no menu através da class.
e.preventDefault();//paro para ele não fazer o padrão que é add o # na url
var link = $(this).attr('data-link'); // coloco o link que encontra-se no attr data-link
$( "#conteudo" ).load(link, function( response, status, xhr ) {// dou load e espero a resposta
if ( status == "error" ) { // se der erro lanço um texto no html de conteudo.
$("#conteudo").html('Ocorreu um erro em sua requisição ou a página não foi encontrada!');
}
});
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hildebrando Matias</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

</head>
<body>
<div id="borda_conteudo">
<div id="principal">
<div id="banner">
</div>
<div id="navegacao">
<div id="menu">
<a href="#" data-link="index.html" class="menu">HOME</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="visao.html" class="menu">VISÃO</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="casamento.html" class="menu">CASAMENTO</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="ensaio.html" class="menu">ENSAIO DE NOIVAS</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="infantil.html" class="menu">INFANTIL</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="gestante.html" class="menu">GESTANTE</a>
<img src="imagens/separador.gif" alt="separador" />
<a href="#" data-link="contato.html" class="menu">CONTATO</a>
</div>

Quando clico em contato não vai pra pagina, será que fiz algo de errado?

[Renato]

<a href="seu link aqui" target="_self"></a>
Simples assim, o @Ayrton que é complicado, coisa de emo

[HLD]

sem sucesso também Renattiinn

---------- Post added at 02:49 PM ---------- Previous post was at 02:43 PM ----------

Também não deu certo Renattiinn