Abrir paginas do LINK em DIV - INCLUDE PHP

Daniel Ribas_53919 · Junho 16, 2012

Ola , estou desenvolvendo um site , só que não sou um profissional , sou apenas um amador.

estou criando um site igual a um fan-site do habbo.com.br .

eu estou procurando um esquema para abrir paginas em div. Já tem tei LINK INCLUDE , deu certo mais abrir paginas de INCLUDE nelas mesma é complicado.

EXEMPLO:

LINK NORMAL DE INCLUDE LINK: www.site.xxx.xx/index.php?=pagina.php

LINK DA PAGINA DE INCLUDE LINK: www.site.xxx.xx/index.php?=pagina.php/login/index.php <-- me complico aqui ! e não abre nada !. apenas volta para pagina INDEX.php.

Eu queria saber se tem alguma coisa que envolva INCLUDE + AJAX + LINK.

obrigado. provavelmente gostaria que o link ficasse assim: site.com/index.php/login/index.php ( só que dentro da div)

mangakah · Junho 16, 2012

Que tal usar o elemento iframe no lugar do div? Ele funciona tal qual um div e permite carregar páginas de maneira bem fácil.

Leia:

http://www.codigofonte.net/dicas/html/37_trabalhando-com-iframes

Marcos_imasters · Junho 16, 2012

você que que a pagina do lin abra dentro de uma div? simples amigo...

bom vamos lá.

ajax.js

function extraiScript(texto){  
    var ini, pos_src, fim, codigo, texto_pesquisa;  
    var objScript = null;    
    texto_pesquisa = texto.toLowerCase()    
    ini = texto_pesquisa.indexOf('<script', 0)   
    while (ini!=-1){   
        var objScript = document.createElement("script");    
        pos_src = texto_pesquisa.indexOf(' src', ini)    
        ini = texto_pesquisa.indexOf('>', ini) + 1;    
        if (pos_src < ini && pos_src >=0){
            ini = pos_src + 4;  
            fim = texto_pesquisa.indexOf('.', ini)+4;  
            codigo = texto.substring(ini,fim);  
            codigo = codigo.replace("=","").replace(" ","").replace("\"","").replace("\"","").replace("\'","").replace("\'","").replace(">","");    
            objScript.src = codigo;  
        }else{
            fim = texto_pesquisa.indexOf('</script>', ini);    
            codigo = texto.substring(ini,fim);    
            objScript.text = codigo;  
        }    
        document.body.appendChild(objScript);   
        ini = texto.indexOf('<script', fim);    
        objScript = null;  
    }  
} 

function returnQuery(form){
   var elements = form.elements;
var fields = null;
   for (var i = 0; i < elements.length; i++) {
       if ((name = elements[i].name) && (value = elements[i].value)){
				if(i == 0){
					fields = name + "=" + encodeURIComponent(value);
				} else {
								fields += "&"+(name + "=" + encodeURIComponent(value));
				}
			}
   }
   //alert (fields);
return fields;
}

function Form(idForm) {  
   var elementosFormulario = document.getElementById(idForm).elements;  
   var qtdElementos = elementosFormulario.length;  
    var queryString = "";  
    var elemento;  
   this.ConcatenaElemento = function(nome,valor) {   
                                if (queryString.length>0) {   
                                    queryString += "&";  
                                }  
                                queryString += encodeURIComponent(nome) + "=" + encodeURIComponent(valor);  
                             };  
    for (var i=0; i<qtdElementos; i++) {   
        elemento = elementosFormulario[i];  
        if (!elemento.disabled) {   
            switch(elemento.type) {   
                case 'text': case 'password': case 'hidden': case 'textarea':   
                    this.ConcatenaElemento(elemento.name,elemento.value);  
                    break;  
                case 'select-one':  
                    if (elemento.selectedIndex>=0) {  
                        this.ConcatenaElemento(elemento.name,elemento.options[elemento.selectedIndex].value);  
                    }  
                    break;  
                case 'select-multiple':  
                    for (var j=0; j<elemento.options.length; j++) {  
                        if (elemento.options[j].selected) {  
                            this.ConcatenaElemento(elemento.name,elemento.options[j].value);  
                        }  
                    }  
                    break;  
                case 'checkbox': case 'radio':  
                    if (elemento.checked) {  
                        this.ConcatenaElemento(elemento.name,elemento.value);  
                    }  
                    break;  
            }  
        }  
    }
    return queryString;  
}

function Load(url, div, tipo, campos)
{
   var ajax = null;
if(window.ActiveXObject)
	ajax = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XMLHttpRequest)
	ajax = new XMLHttpRequest();


if(ajax != null)
{
	var cache = new Date().getTime();
	ajax.open(tipo, url + "&cache=" + cache , true);
	ajax.onreadystatechange = function status()
	{
			if(ajax.readyState == 4)
			{
				if(ajax.status == 200)
				{
					document.getElementById(div).innerHTML = ajax.responseText;
					var texto=unescape(ajax.responseText);
					extraiScript(texto);
				}
    		  	}
			else if(ajax.readyState == 0)
				document.getElementById(div).innerHTML = '<center><img src="images/load.gif" /></center>';
               else if(ajax.readyState == 3)
                   document.getElementById(div).innerHTML = '<center><img src="images/load.gif" /></center>';
			else
				document.getElementById(div).innerHTML = '<center><img src="images/load.gif" /></center>';
	}

	if(tipo == "POST"){
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
		ajax.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
		ajax.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
		ajax.setRequestHeader("Pragma", "no-cache");
		ajax.send(campos); 
	}
   else {
  		ajax.send(null);
   }
}

}
function Open(pagina)
{
   Load(pagina, "content", "GET");
}

var req;

function validarDados(campo, valor) {

// Verificar o Browser
// Firefox, Google Chrome, Safari e outros
if(window.XMLHttpRequest) {
  req = new XMLHttpRequest();
}
// Internet Explorer
else if(window.ActiveXObject) {
  req = new ActiveXObject("Microsoft.XMLHTTP");
}

// Aqui vai o valor e o nome do campo que pediu a requisição.
var url = "../paginas/validacao.php?campo="+campo+"&valor="+valor;

// Chamada do método open para processar a requisição
req.open("Get", url, true);

// Quando o objeto recebe o retorno, chamamos a seguinte função;
req.onreadystatechange = function() {

// Exibe a mensagem "Verificando" enquanto carrega
if(req.readyState == 1) {
	document.getElementById('campo_' + campo + '').innerHTML = '<font color="gray">Verificando...</font>';
}

// Verifica se o Ajax realizou todas as operações corretamente (essencial)
if(req.readyState == 4 && req.status == 200) {
// Resposta retornada pelo validacao.php
var resposta = req.responseText;

// Abaixo colocamos a resposta na div do campo que fez a requisição
document.getElementById('campo_'+ campo +'').innerHTML = resposta;
}

}

req.send(null);

}

carregar.php

tipo aqui e o resultando que sera exibido exemplo se o link for carregar.php?pagina=inicio o final aki que é "inicio" o case mostra quando for inicio exibi o include

exemplo pra você ir adiciona as paginas você adiciona tabem no carregar.php

tipo

quando for carregar.php?pagina=inicio

case 'inicio': include 'paginas/inicio.php'; break;
quando for carregar.php?pagina=inicio2 
case 'inicio2': include 'paginas/inicio2.php'; break;
<?
switch(@$_GET['pagina']) {
case 'inicio': include 'paginas/inicio.php'; break;

}
?>

bom agora vamos configura os links e mostra na div.. ai vai fika assim

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="icon" type="image/x-icon" href="favicon.ico" /> 
   <title>lalalalala</title>
<script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>     <a href="javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=inicio' , 'nomedadiv' , 'GET' ); ">Inicio</a>         <div id="nomedadiv"></div>       </body>
</html>

espero ter ajudado

Daniel Ribas_53919 · Junho 16, 2012

Que tal usar o elemento iframe no lugar do div? Ele funciona tal qual um div e permite carregar páginas de maneira bem fácil.

Leia:

http://www.codigofonte.net/dicas/html/37_trabalhando-com-iframes

Frames são muito ruins. não sou muito fãn disso.

Obrigado ;D . estou textando aqui !

Funcionou bem mais agora estou com outro problema como eu disse no começo. não consigo abrir links das paginas include na div. veja os codigos !

index da pagina:

<div id="menu">
    <li><a href='/index.php'>Downloads</a></li>
<li><a href="javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=inicio' , 'conteudo_carrega' , 'GET' ); ">Inicio</a></li>
<li><a href="javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=equipe' , 'conteudo_carrega' , 'GET' ); ">Inicio2</a></li>
<li><a href="?pagina=/equipe/">Hibbizes</a>
   	<ul>

--

como fasso pra esse link abrir no mesmo lugar ? o link é da pagina: carregar.php?pagina=equipe !

Marcos_imasters · Junho 16, 2012

para abri o <a href="javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=equipe' , 'conteudo_carrega' , 'GET' ); ">Inicio2</a></li>? adicione la no carregar.php

case 'equipe': include 'paginas/equipe.php'; break;

Daniel Ribas_53919 · Junho 16, 2012

para abri o <a href="javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=equipe' , 'conteudo_carrega' , 'GET' ); ">Inicio2</a></li>? adicione la no carregar.php

case 'equipe': include 'paginas/equipe.php'; break;

siim adicionei , mais dentro do link carregar.php?pagina=equipe tem um link que tambem quero abrir na div conteudo_carrega . como fasso isso ?

Marcos_imasters · Junho 16, 2012

soh coloca a mesma coisa adiciona la o final no carregar.php e coloca o href dele assim "javascript:void(0);" onclick=" Load ( 'carregar.php?pagina=novapagina' , 'conteudo_carrega' , 'GET' ); "

Daniel Ribas_53919 · Junho 16, 2012

não estou conseguindo criar o link na pasta equipe para abrir na div olhe !

carregando.php

<?

switch(@$_GET['pagina']) {

case 'inicio': include 'index.php'; break;

case 'equipe': include 'equipe/index.php'; break;

case 'equipelis': include 'equipe/index.php?tp_usr_id=<?=$row[tp_usr_id]?/>'; break;

}

?>

equipe/index.php

Marcos_imasters · Junho 16, 2012

adiciona eu ai no msn que a gente resolver isso..

Enigma_avatar · Março 8, 2014

<script type="text/javascript">  
    $(document).ready(function(){  
        $("#SUADIVMENUAQUI").click(function( e ){  
            e.preventDefault();  
            var pageurl = $(this).attr('href');  
			$("#SUADIVQUEVAICARREGAROCONTEUDO").html("<img src='SUAIMAGEMQUEVAIMOSTRARCARREGANDO' class='ajax-loader'>");
            $("#SUADIVQUEVAICARREGAROCONTEUDO").load( pageurl +" #conteudo1");  
    if(pageurl!=window.location){
      window.history.pushState({path:pageurl},'',pageurl);
    }
	return false;
        });  
		
    });  
    </script>

bom my friends eu recomendo encurtar o codigo e apenas usar isso :p , basta colocar no HEAD e ser feliz

Arquivado

Abrir paginas do LINK em DIV - INCLUDE PHP

Recommended Posts

Daniel Ribas_53919 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

mangakah 217

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos_imasters 288

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daniel Ribas_53919 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos_imasters 288

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daniel Ribas_53919 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos_imasters 288

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daniel Ribas_53919 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos_imasters 288

Compartilhar este post

Link para o post

Compartilhar em outros sites

Enigma_avatar 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante