Problema em replicar conteúdo de div do index.html nas outras páginas
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
Curtidas 0
Respostas
Mark
09/01/2023
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.
GOSTEI 0
Nomad
09/01/2023
Nas páginas onde o funcionamento não está correto, o console do navegador apresenta algum tipo de erro ou aviso?
GOSTEI 0
Mark
09/01/2023
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.
GOSTEI 0