Ir para conteúdo

Arquivado

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

Caique Portella

[Resolvido] Alterar conteúdo da página

Por , em Javascript

Recommended Posts

Caique Portella    1

Caique Portella
Postado

Olá,

 

Eu estou desenvolvendo um site que terá em todas as páginas o cabeçalho e uma parte do corpo igual.

 

Eu queria que ao tentar mudar de link, atualizasse apenas o conteúdo que é diferente não a página inteira, utilizando java script aletrar apenas uma parte da página.

 

Atualmente ela é assim:

 

<?php

require ('config/config.php');

if (isset($_GET['screen'])) {
$screen = $_GET['screen'];
} else if (isset($_GET['lang'])) {
$find = $sql->prepare("SELECT id FROM langs WHERE ip = ? ");
$find->bindValue(1, $_SERVER['REMOTE_ADDR']);
$find->execute();
$findy = $find->rowCount();
	if ($findy == '0') {
		$lang = $sql->prepare("INSERT INTO langs (ip, lang) VALUES (?, ?)");
		$lang->bindValue(1, $_SERVER['REMOTE_ADDR']);
		$lang->bindValue(2, $_GET['lang']);
	} else {
		$lang = $sql->prepare("UPDATE langs SET lang = ? WHERE ip = ?");
		$lang->bindValue(1, $_GET['lang']);
		$lang->bindValue(2, $_SERVER['REMOTE_ADDR']);
	}	
	$lang->execute();
header("Location: ?screen=home");
} else {
header("Location: ?screen=home");
}

$lang = $sql->prepare("SELECT * FROM langs WHERE ip = ? ");
$lang->bindValue(1, $_SERVER['REMOTE_ADDR']);
$lang->execute();
$langy = $lang->fetch(PDO::FETCH_ASSOC);

switch ($langy['lang']) {
case 'pt':
	$langused = 'pt';
	break;
case 'en':
	$langused = 'en';
	break;
default:
	$langused = 'en';
	break;
}

require ("lang/$langused.php");

?>
<!doctype html>
<html>
<head>
	<title>Projeto CroftX</title>
	<meta charset="ISO-8859-1" />
	<meta name="description" content="">
	<link href="" rel="shortcut icon" type="image/x-icon">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/functions.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
	<link rel="stylesheet" href="/css/bootstrap-responsive.css" type="text/css" media="screen">
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="<?php if ($_GET['screen'] == 'home') { echo 'active'; } ?>">
							<a href="?screen=home" onclick="Page(home);"><?php echo $index ?></a>
						</li>
						<li class="<?php if ($_GET['screen'] == 'team') { echo 'active'; } ?>">
							<a href="?screen=team" onclick="Page(team);"><?php echo $team ?></a>
						</li>
						<li class="<?php if ($_GET['screen'] == 'contact') { echo 'active'; } ?>">
							<a href="?screen=contact" onclick="Page(contact);"><?php echo $contact ?></a>
						</li>
						<div class="btn-group">
					</ul>
					<div class="btn-group">
						<a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#">
							<?php echo $lang ?>
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a tabindex="-1" href="?lang=pt">Português</a></li>
							<li><a tabindex="-1" href="?lang=en">English</a></li>
						</ul>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="content">
<?php
require ("$screen.php");
?>
	</div>
</body>
</html>

 

Queria que ao tentar mudar de página, apenas trocasse o conteúdo do require, pois só isso mudam o resto permanece nessa base.

 

 

Muito confuso?? Se não entenderem tento explicar melhor :)/>

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Bom... O que você está querendo pode ser feito de várias formas, iframes (forma muito antiga, já não é mais usada), frames (mesmo caso) e navegação ajax.

Veja se este tutorial é o que você precisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Caique Portella    1

Caique Portella
Postado

Bom... O que você está querendo pode ser feito de várias formas, iframes (forma muito antiga, já não é mais usada), frames (mesmo caso) e navegação ajax.

Veja se este tutorial é o que você precisa.

 

Bom amigo... Mas meu caso é diferente, pois aqui eu não mudarei de arquivo a ser exibido, mudarei o require. O arquivo index.php (oque postei) exibi o conteúdo a partir do método GET. Dependendo do valor ele da um require no arquivo correto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Sim, a logica é a mesma que eu citei acima. Veja esse site que desenvolvi, acredito que é a forma que você está procurando.

 

Neste sistema coloquei o link no alt. O meu script que faz abrir o conteudo na div pagina ficou assim:

 

jQuery("#menu a").click(function( e ){
       e.preventDefault();
       var $this = jQuery( this );
       var href = $this.attr('alt');
       jQuery("#pagina").load( href );
   });

Compartilhar este post

Link para o post
Compartilhar em outros sites

Caique Portella    1

Caique Portella
Postado

Sim, a logica é a mesma que eu citei acima. Veja esse site que desenvolvi, acredito que é a forma que você está procurando.

 

Neste sistema coloquei o link no alt. O meu script que faz abrir o conteudo na div pagina ficou assim:

 

jQuery("#menu a").click(function( e ){
       e.preventDefault();
       var $this = jQuery( this );
       var href = $this.attr('alt');
       jQuery("#pagina").load( href );
   });

 

Muito obrigado :D Funcionou perfeitamente!!!

 

@OffTopic

 

Você me indica algum site/apostila para eu aprender melhor sobre JavaScript??

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