Problema em replicar conteúdo de div do index.html nas outras páginas
09/01/2023
0
Olá! Sou iniciante em programação web e estou com problemas em replicar um bloco de código da index.html para as demais páginas de um site. É um conteúdo que será sempre igual em todas as 50 páginas do site.
INDEX.HTML (div bloco-de-codigo funciona perfeitamente):
<html>
...
<div id="bloco-de-codigo">
(bloco de código com outras divs, paragrafos etc.)
</div>
...
<script>js/jquery.js</script>
</html>
PAGINA1.HTML (div não pega as configurações do jquery.js):
<html>
...
<div id="copiar-bloco-de-codigo">
</div>
...
<script>js/jquery.js</script>
<script>$("#copiar-bloco-de-codigo").load("index.html #bloco-de-codigo")</script>
</html>
Obs.: Se eu colocar o bloco de codigo diretamente no body da página1.html (da mesma forma que está em index.html), entao funciona perfeitamente. Mas o objetivo é justamente não precisar fazer isso.
Obrigado.
INDEX.HTML (div bloco-de-codigo funciona perfeitamente):
<html>
...
<div id="bloco-de-codigo">
(bloco de código com outras divs, paragrafos etc.)
</div>
...
<script>js/jquery.js</script>
</html>
PAGINA1.HTML (div não pega as configurações do jquery.js):
<html>
...
<div id="copiar-bloco-de-codigo">
</div>
...
<script>js/jquery.js</script>
<script>$("#copiar-bloco-de-codigo").load("index.html #bloco-de-codigo")</script>
</html>
Obs.: Se eu colocar o bloco de codigo diretamente no body da página1.html (da mesma forma que está em index.html), entao funciona perfeitamente. Mas o objetivo é justamente não precisar fazer isso.
Obrigado.
Mark
Curtir tópico
+ 0
Responder
Posts
09/01/2023
Mark
Bom dia. Não consegui editar a pergunta (para me fazer mais claro), então vou escrever aqui mesmo:
A home index.html de um site contém um formulario que funciona perfeitamente. Este mesmo formulario precisa constar nas outras 50 paginas do site. Eu consegui replicar ele, colocando um script jquery.load em casa uma destas páginas. O problema é que nas paginas onde o formulario foi replicado, o arquivo externo jquery-validacao.js parece que não está sendo lido e gera problemas de preenchimento.
INDEX.HTML:
<html>
...
<div id="form">
<form>
(conteúdo do formulario)
</form>
</div>
...
<script>js/jquery-validacao.js</script>
</html>
PAGINA1.HTML:
<html>
...
<div id="pegar-form-do-index">
</div>
...
<script>js/jquery-validacao.js</script>
<script>$("#pegar-form-do-index").load("index.html #form")</script>
</html>
Obrigado e um ótimo ano novo para todos.
A home index.html de um site contém um formulario que funciona perfeitamente. Este mesmo formulario precisa constar nas outras 50 paginas do site. Eu consegui replicar ele, colocando um script jquery.load em casa uma destas páginas. O problema é que nas paginas onde o formulario foi replicado, o arquivo externo jquery-validacao.js parece que não está sendo lido e gera problemas de preenchimento.
INDEX.HTML:
<html>
...
<div id="form">
<form>
(conteúdo do formulario)
</form>
</div>
...
<script>js/jquery-validacao.js</script>
</html>
PAGINA1.HTML:
<html>
...
<div id="pegar-form-do-index">
</div>
...
<script>js/jquery-validacao.js</script>
<script>$("#pegar-form-do-index").load("index.html #form")</script>
</html>
Obrigado e um ótimo ano novo para todos.
Responder
09/01/2023
Nomad
Nas páginas onde o funcionamento não está correto, o console do navegador apresenta algum tipo de erro ou aviso?
Responder
10/01/2023
Mark
Nas páginas onde o funcionamento não está correto, o console do navegador apresenta algum tipo de erro ou aviso?
Boa noite. Descupe pela demora em responder.
Erro gerado nas páginas secundárias:
Uncaught TypeError: value_telefone is null
<anonymous> https://site.com/js/jquery-validacao.js:60
jquery-validacao.js.js:60:2
Na home (onde o formulario esta embutido) não há erros.
Grato.
Responder
Clique aqui para fazer login e interagir na Comunidade :)