Bom, eu preciso fazer com que ao clicar em um link de uma página vá para outra e só mostre o conteúdo do id indicado na primeira página, tem como fazer isto? Procurei em vários lugares e não achei exatamente o que procuro.
index.php
<a href="interna.php" onclick="toggle_visibility('bloco1');"></a>
<a href="interna.php" onclick="toggle_visibility('bloco2');"></a>
interna.php
<div id="bloco1" style="display:none">
<div id="bloco2" style="display:none">
Esse foi o javascript que usei
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
UPDATE Agora os blocos são exibidos mas quando eu vou para o segundo bloco todas as funcionalidades dos links(por exemplo botão voltar) não funcionam, somente o primeiro bloco funciona perfeitamente. Reparei que em todos os links o código insere interna.php?exibir=bloco1 por exemplo, não sei se é isto que está atrapalhando agora.
<a href="interna.php?exibir=bloco1"></a>
<a href="interna.php?exibir=bloco2"></a>
<script>
function queryObj() {
var result = {}, keyValuePairs = location.search.slice(1).split("&");
keyValuePairs.forEach(function(keyValuePair) {
keyValuePair = keyValuePair.split('=');
result[decodeURIComponent(keyValuePair[0])] = decodeURIComponent(keyValuePair[1]) || '';
});
return result;
}
carrega o conteúdo apos tudo ser renderizado
$(document).ready(function () {
chama o metodo para parsear a url
var objetoParaOcultar = queryObj();
mostra a div com o id enviado por parametro
$('#' + objetoParaOcultar.exibir).show();
})
</script>