Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Charles Martins

[Resolvido] Link com target DIV

Por , em Javascript

Recommended Posts

Charles Martins    0

Charles Martins
Postado

Por favor poderiam me ajudar a destinar um certo link a abrir em uma DIV!

 

Por exemplo: ao inves da pagina toda reiniciar apenas a DIV trocar.

 

Urgente, me ajudem!

 

Claro, Por Favor!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Isso não é possível com apenas HTML.

você teria que usar um server-side + javascript, encontrei um exemplo de AJAX + HTML que faz isso. Mas enfim, só com HTML/CSS não é possível.

 

Fazendo uma navegação por AJAX.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Charles Martins    0

Charles Martins
Postado

Isso não é possível com apenas HTML.

você teria que usar um server-side + javascript, encontrei um exemplo de AJAX + HTML que faz isso. Mas enfim, só com HTML/CSS não é possível.

 

Fazendo uma navegação por AJAX.

me lembrei agora, foi com AJAX mesmo, mas não lembro por onde ta o codigo!

 

poderia me ajudar a encontrar um similar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Posso mover para o fórum adequado. :lol:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML > AJAX

Lá tem alguns tutoriais, e exemplos disso que você quer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara... achei oque você tá procurando... vê, testei aqui e foi tudo certo:

<head>
<script type="text/javascript">
var xmlhttp = getXmlHttpRequest();
   
function getXmlHttpRequest()
{
   if (window.XMLHttpRequest)
   {
	  return new XMLHttpRequest();
   }
   else if (window.ActiveXObject)
   {
	  try
	  {
		 return new ActiveXObject("Msxml2.XMLHTTP");
	  }
	  catch (e)
	  {
		 try
		 {
			return new ActiveXObject("Microsoft.XMLHTTP");
		 }
		 catch (e){}
	  }
   }
}

function requisicao(_strNomePagina)
{
	  xmlhttp.open("GET", _strNomePagina, true);
	  xmlhttp.setRequestHeader("Content-Type", "text/html; charset=iso-8859-1");
	  xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	  xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
	  xmlhttp.setRequestHeader("Pragma", "no-cache");
	  xmlhttp.onreadystatechange = function()
	  {
		 if (xmlhttp.readyState==4)
		 {
			document.getElementById('conteudo').innerHTML = xmlhttp.responseText;
		 }
	  }   
	  xmlhttp.send(null);
}
</script>
</head>
<body>

<a href="java script: requisicao('arquivo.html');">:: Pagina</a>
<a href="java script: requisicao('arquivo2.html');">:: Pagina</a>

<div id="conteudo">
e aeeeeeeee

</div>
Ai cria esses arquivo.html, arquivo2.html e tal...

 

o fórum por motivos de segurança separa a palavra: javascript lembre-se de juntar qndo for rodar o exemplo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Charles Martins    0

Charles Martins
Postado

rapaz muito obrigado, ajudo muito!

 

consegui integra o mesmo no flash + php!

 

on(release){
	getURL("java script:requisicao('./1.html')", "_parent", "GET");
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

G-Gordo    0

G-Gordo
Postado

Wilian a sua função é muito boa mais sendo q estou com um problema com ela pois uma das paginas que to usando ela pra ser carregada na div central do meu site essa pagina tem um scrol feito em java script e quando a pagina é requisitada pelo ajax o scrol nao funciona o que deve ser ?

 

http://www.nightmixrio.com/2009/home.html esse é o link do site um grande abraço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Charles Martins    0

Charles Martins
Postado

eu to tendo esse mesmo problema o CSS tb para de funcionar tb! e agora???

 

eu achei uma maneira de funcionar mais nao sei se ai vai dar certo!

 

invez de você usar um extenção (uum arquivo externo) use ele diretamente na pagina que vai o scrol!

 

com CSS funciona e so eu colocar ele diretamente na div, table, font ...

 

ve se vai!

Compartilhar este post

Link para o post
Compartilhar em outros sites

New Web Design    0

New Web Design
Postado

Eu tbm estava com essa mesma duvida desde sexta passada

 

Mas antes de postar as duvidas eu resolvo dar uma procurada pelo forum

 

Mas eu tbm precisava fazer esse mesmo tipo de coisa

 

Reparei ainda que a pagina chamada pela função segue os parametros da pagina onde foi chamada

 

Tipo. no exemplo as paginas externassãoé chamadas dentro da div conteudo, mas ela ñ tem nenhum estilo a seguir e portanto fica solta como uma tag qualquer. As paginas que escolhi para chamar ja estavam estilizadas e seguiam os padrões delas proprias, porém ficamdo por cima do menu usada para chamar as paginas. sendo assim eu estilizei a div conteudo do exemplo e posicionei ela no centro da pagina. a pagina que eu chamei pelo menu passou então a seguir os padrões da div conteudo agora. como se ambas estivessem dentro do mesmo documento e devidamente posicionadas.

achei essa parte muito interessante.

 

mas fiquei com uma duvida.

eu estou fazendo um pequeno forum apenas para trabalho de curso técnico. essa função vai funcionar sem intereferir no php que irei usar no forum?

 

desde jah peço desculpas pelos meus termos nada técnicos

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito