Ir para conteúdo
Fórum Script Brasil
  • 0

Como construir um site (conceitos)


divertoso

Pergunta

pessoal!!!

vejam a img:

htmlduvida.jpg

basicamente o site possui um topo um menu lateral e um rodape.

a unica coisa que 'muda' é o conteudo , que vai variar entre as pgs 01, 02 e 03.

esse seria o esqueleto da pagina:

<!DOCTYPE HTML>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <!-- chamada do css e Jquery -->
        
    </head>
    
    <body>
        
        <header>
                <!-- topo -->
        </header>
        
        <aside>
                <!-- topo -->
        </aside>
        
        <section>
                <!-- topo -->
        </section>
        
        <footer>
                <!-- rodapé -->
        </footer>
        
    </body>
    
    
</html>

minha duvida é quanto as paginas auxiliares(pg01, 02, 03), o que eu devo fazer?? um '.html' para cada pg0x ??

e incluir e excluir ele no lugar do conteudo em vermelho via jquery??

como se faz??

vlwss

Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0

caso não queira ir pro lado do ajax, pode-se utilizar tags como require ou include, presente em varias linguagens, como php ou asp.

facilita sensivelmente o projeto, entretanto ajax seria a saída mais, como posso dizer... , elegante.

ps: iframe funciona tambem, mais é uma tag depreciada e desencorajada.

Link para o comentário
Compartilhar em outros sites

  • 0

mas como fica a sintaxe +- ??

faço um documento .html para cada pg; mas essas pgs vao ter apenas um <div>

ai no menu do html principal eu vou ter uma açao para cada botão :

<button id="id_but" value="teste"></button>
e no script:
$(document).ready
        (
            function(){
                $("#id_but").click(
                    function()
                    {
                        //codigo para excluir a <div> atual e adicionar a <div> do documento pg02.html
                    }
                );
            
            
        });

como seria esse 'miolo' da função??

vlws

Link para o comentário
Compartilhar em outros sites

  • 0
ps: iframe funciona tambem, mais é uma tag depreciada e desencorajada.

A tag iframe está realmente depreciada? Pelo menos no W3C não achei nada sobre isso... lá só diz que o atributo align da tag iframe esté depreciada. Você possui algum link com mais informações sobre isto??

Editado por Stoma
Link para o comentário
Compartilhar em outros sites

  • 0

como fica para eu inserir o meu html externo na minha div apenas por dom?

index.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        
        <script type="text/javascript" src="principal.js"></script>
        
    </head>
    
    <body>
        
        
        <div id="id_01">
            <p>div01</p>
        </div>
        
        <br />
        
        <div id="id_02">
            <p>div02</p>
        </div>
        
        <br />
        
        <input type="button" onClick="addCompemento()"  value="aperta ae mano!" />
        
        
        
    </body>
    
</html>
principal.js
// JavaScript Document

function addCompemento(){
    
    //document.getElementById('id_02').appendChild('complemento.html');
    
    //document.getElementById('id_02').innerHTML('complemento.html');
    
    //var temp = document.getElementById('id_02');
    
    
    //O q vai aqui para add o complemento.html na minha div02 ????
    
    
    }
complemento.html
<p> complemento</p>
<br />
<p> complemento</p>
<br />
<p> complemento</p>
<br />
<p> complemento</p>
<br />

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...