Publicado em 13 de ago.

div que não recarrega na pagina

#javascript

fala imasters beleza

gente to pensando em montar um sisteminha de apresentação no site da minha empresa!!

seguinte tenho uma div q rodara um movie de uma pessoa q será gravada em cromakey!!

a minha duvida é a seguinte,quero navegar no site normalmente e essa div não recarregar,isso seria possivel?

to tentando achar algo q me de uma luz,seria ajax? um iframe?poderiam me dar algum exemplo só de base?

pq se ele recarregar novamente a animação sempre voltará para o começo!! é um boas vindas do site!

desde já agradeço http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 13 de ago.

tanto ajax qnto iframe resolvem a tua questão.

basta deixar oque não deve ser recarregado, fora da área de ação do ajax(ou fora do iframe)

exemplo

http://forum.imasters.com.br/index.php?/topic/403171-pagina-dentro-de-div-ajax-problema-ao-atualizar/

kreator· 13 de ago.

e ai william vlw,cara fiz assim,eu tenho q colocar essa funcão em todas as paginas?

pq no meu caso tem um arquivo com gerenciamento de todas elas

paginas.php

$pg = 'home';
if( isset($_GET['pg']) )
$pg = $_GET['pg'];

 switch( $pg ){

 //**********************************HOME*************************************//

	case 'home':
	include "home.php";
	break;

	//**********************************HOMMA*************************************//

	case 'homma':
	include "homma.php";
	break;

	//**********************************RESPONSABILIDADE SOCIAL*************************************//

	case 'responsabilidade_social':
	include "responsabilidade_social.php";
	break;

	//**********************************POLITICAS PUBLICAS*************************************//

	case 'politicas_publicas':
	include "politicas_publicas.php";
	break;

	//**********************************MEIO AMBIENTE*************************************//

	case 'meio_ambiente':
	include "meio_ambiente.php";
	break;

//***PAGINAS VIDEOS INSTITUCIONAL/DOCUMENTARIOS/DESENHOS ANIMADOS/FEIRAS E NEGOCIOS*******//

case 'videos_institucionais':

	include "videos_institucionais.php";
	break;

	case '1_documentarios':
	include "1_documentarios.php";
	break;

	case '1_videos_3d_2d':
	include "1_videos_3d_2d.php";
	break;

	case '1_videos_eventos_empresariais':
	include "1_videos_eventos_empresariais.php";
	break;

 case 'midia_impressa':
	include "midia_impressa.php";
	break;

	//**********************************SOLUÇOES*************************************//

	case 'solucoes':
	include "solucoes.php";
	break;

	//**********************************NEWS HOME*************************************//
	case 'news_1':
	include "news_1.php";
	break;

	case 'news_2':
	include "news_2.php";
	break;

	case 'news_3':
	include "news_3.php";
	break;

	case 'news_4':
	include "news_4.php";
	break;

	case 'news_5':
	include "news_5.php";
	break;

	case 'news_6':
	include "news_6.php";
	break;

	case 'news_7':
	include "news_7.php";
	break;

	case 'news_8':
	include "news_8.php";
	break;

	//**********************************NEWS*************************************//

	case 'news':
	include "news.php";
	break;

	//**********************************CLIENTES*************************************//

	case 'clientes':
	include "clientes.php";
	break;

	case 'cliente_zeppini':
	include "cliente_zeppini.php";
	break;

	case 'cliente_perfect':
	include "cliente_perfect.php";
	break;

	case 'cliente_imefer':
	include "cliente_imefer.php";
	break;

	case 'cliente_geb':
	include "cliente_geb.php";
	break;

	case 'cliente_marwil':
	include "cliente_marwil.php";
	break;

	case 'cliente_energia_z':
	include "cliente_energia_z.php";
	break;

	case 'cliente_projeto_pesca_sustentavel_billings':
	include "cliente_projeto_pesca_sustentavel_billings.php";
	break;

	case 'cliente_vix':
	include "cliente_vix.php";
	break;

	case 'cliente_fundicao_estrela':
	include "cliente_fundicao_estrela.php";
	break;

	case 'cliente_ksb':
	include "cliente_ksb.php";
	break;

	case 'nova_vinheta_ksb':
	include "nova_vinheta_ksb.php";
	break;

	case 'cliente_falcao_bauer':
	include "cliente_falcao_bauer.php";
	break;

	case 'cliente_biosoma':
	include "cliente_biosoma.php";
	break;

	case 'cliente_supreme':
	include "cliente_supreme.php";
	break;

	case 'cliente_transitando_legal':
	include "cliente_transitando_legal.php";
	break;

	case 'cliente_lobraus':
	include "cliente_lobraus.php";
	break;

	case 'cliente_internacionais':
	include "cliente_internacionais.php";
	break;

	case 'cliente_internacionais_montevideo':
	include "cliente_internacionais_montevideo.php";
	break;

	case 'cliente_internacionais_china':
	include "cliente_internacionais_china.php";
	break;

	case 'cliente_operacao_represa_limpa':
	include "cliente_operacao_represa_limpa.php";
	break;

	//**********************************CONTATO*************************************//

	case 'contato':
	include "contato.php";
	break;

	//**********************************BUSCA*************************************//

	case 'busca':
	include "busca.php";
	break;

 //**********************************HOME*************************************//

	default:
	include ("home.php");
	break;

}
?>

eu fiz assim mais só na pagina home q tem esse arquivo em um include e não funcionou,o q estou fazendo de errado?

<script type="text/javascript">
function id( el ){
 return document.getElementById( el );
}
function pega_arq( url ){
 var file = url.split('#');
 return ( file[1] ) ? file[1]+'.php' : 'home.php';
}
function getHTTPObject(){
 if(window.XMLHttpRequest){
 return new XMLHttpRequest();
 }else if(window.ActiveXObject){
 var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];
 for(var i = 0; i < prefixes.length; i++){
 try {
 return new ActiveXObject(prefixes[i] + ".XMLHTTP");
 } catch (e) {}
 }
 }
}
var xmlHttp = getHTTPObject();
function abre( arq ){
 xmlHttp.open("GET", arq,true);
 xmlHttp.onreadystatechange = function(){
 if (xmlHttp.readyState == 4){
 id('apresentacao').innerHTML = xmlHttp.responseText;
 }
 }
 xmlHttp.send( null );
}
window.onload = function(){
 var as = document.getElementsByTagName('a');

 for( var i=0; i<as.length; i++ ){
 as[i].onclick = function(){
 abre( pega_arq( this.href ) );
 }
 }
 abre( pega_arq( document.location.href ) );
}
</script>

<div class="apresentacao"><script type="text/javascript">
 GerarSWF("swf/croma_adolfo.swf",331,600,"swf/croma_adolfo.swf");
 </script></div><!-- apresentacao -->

vlw a força!

William Bruno· 13 de ago.

é pra ficar fora dos arquivos que serão carregados, no caso ai na index ne?!

e outra, você tem algum elemento com id="apresentacao" ?

kreator· 13 de ago.

axatamente,é só a estilização css

#apresentacao{ width:600px;
height:331px;
position: absolute;
z-index:50;
bottom:0px;
right:0px;
}

vou fazer um teste aki!!

coloquei na index mais não funcionou!

<script type="text/javascript">
function id( el ){
 return document.getElementById( el );
}
function pega_arq( url ){
 var file = url.split('#');
 return ( file[1] ) ? file[1]+'.php' : 'home.php';
}
function getHTTPObject(){
 if(window.XMLHttpRequest){
 return new XMLHttpRequest();
 }else if(window.ActiveXObject){
 var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];
 for(var i = 0; i < prefixes.length; i++){
 try {
 return new ActiveXObject(prefixes[i] + ".XMLHTTP");
 } catch (e) {}
 }
 }
}
var xmlHttp = getHTTPObject();
function abre( arq ){
 xmlHttp.open("GET", arq,true);
 xmlHttp.onreadystatechange = function(){
 if (xmlHttp.readyState == 4){
 id('apresentacao').innerHTML = xmlHttp.responseText;
 }
 }
 xmlHttp.send( null );
}
window.onload = function(){
 var as = document.getElementsByTagName('a');

 for( var i=0; i<as.length; i++ ){
 as[i].onclick = function(){
 abre( pega_arq( this.href ) );
 }
 }
 abre( pega_arq( document.location.href ) );
}
</script>

<div class="apresentacao"><script type="text/javascript">GerarSWF("swf/croma_adolfo.swf",331,600,"swf/croma_adolfo.swf"); </script></div><!-- apresentacao -->

uma duvida man como devo colocar no meu menu?

<div id="menu">
 <ul>
 <li><a href="?pg=home">HOME</a></li>
 <li><a href="?pg=homma">HOMMA</a></li>
 <li><a href="?pg=clientes">PORTIFÓLIO</a></li>
 <li style="width:160px;background:url(png/botao_menu_ok_140.png) no-repeat;"><a href="?pg=politicas_publicas" style="color: #FFF;">POLÍTICAS PÚBLICAS</a></li>
 <li style="width:120px; background: inherit; background:url(png/botao_menu_ok_120.png) no-repeat;"><a href="?pg=meio_ambiente" style="color: #FFF;">MEIO AMBIENTE</a></li>
 <li style="width:160px; background: inherit; background:url(png/botao_menu_ok_140.png) no-repeat;"><a href="?pg=responsabilidade_social" style="color: #FFF; font-size:8px;">RESPONSABILIDADE SOCIAL</a></li>
 <li><a href="?pg=news">NEWS</a></li>
 <li><a href="?pg=contato">CONTATO</a></li>

 </ul>
 </div>

seria assim?

William Bruno· 13 de ago.

ou você muda a forma como trata a URL no javascript, ou você modifica o menu:

<li><a href="#home">HOME</a></li>
mas o melhor aqui, ainda seria você tratar no javascript.

e como eu falei, precisa ser um ID

<div id="apresentacao">os arquivos das páginas estão no mesmo diretório da index ?