Javascript não surtiu efeito.

Item: Javascript não surtiu efeito.
Rating: 1

por Lemon~ 06.12.15 0:24

Detalhes da questão

Endereço do fórum: teste152163.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá companheiros, estava lendo o tutorial: Criar novo rodapé. Eis que criei o javascript e não surtiu efeito quando coloquei o html a ser utilizado. Eis como ficou o código:

Há alguma coisa errada pra ele não ter surtido efeito?

por **Fraise** 06.12.15 1:46

Boa noite.

Troque o código por este:

Código:: jQuery(document).ready(function(){ jQuery("#wrap, td.bodyline, #pun-foot, #ipbwrapper").after("<div class='rodape'><center><table><tbody><tr><td><img src="http://i.imgur.com/xG12YoI.png" /><br /></td><td><img src="http://i.imgur.com/GSX3eMj.png" /><br /><a href="https://www.instagram.com/pivot5ive/" target="parent"><img src="http://i.imgur.com/TOlpj5y.png" /></a><br /><a href="http://www.facebook.com/pivot5ive" target="parent"><img src="http://i.imgur.com/MxHhYUo.png" /></a><br /><a href="https://www.youtube.com/channel/UCNiccT5bbqoMvMiLUgzyUTQ "target="parent"><img src="http://i.imgur.com/SlGU9fS.png" /></a><br /><img src="http://i.imgur.com/DUImKUL.png" /><br /></td><td><img src="http://i.imgur.com/7K7LpgX.png" /><br /></td></tr></tbody></table><center></div>").append("<style>.rodape{padding: 20px 20px 20px 20px;}</style>"); });

Até mais.
Fraise

por Lemon~ 06.12.15 1:52

Olá fraise, desculpe mas o código ainda não funcionou.

por **Fraise** 06.12.15 1:54

Mas senhor... já está funcionando:
Javascript não surtiu efeito. UCoTtpH

https://i.imgur.com/uCoTtpH.png

Até mais.
Fraise

por Lemon~ 06.12.15 1:57

Desculpe, não está funcionando, este rodapé eu fiz com css para ver como ficaria a versão final em javascript;
eis o código:

Código:: #pun-foot{ border-top: 2px solid #521; width: 99,9%; padding-top: 15px; margin-top: -45px; background-image: url("http://i.imgur.com/Tm5xjVb.png")!important; background-position: center !important; background-color: #1C1C1C; background-repeat: no-repeat; border: #111 solid 1px; padding-bottom: 300px ; }

por **Fraise** 06.12.15 2:03

Achei o erro! Muito feliz

Troque por este:

Código:: jQuery(document).ready(function(){ jQuery('#wrap, td.bodyline, #pun-foot, #ipbwrapper').after('<div class="rodape"><center><table><tbody><tr><td><img src="http://i.imgur.com/xG12YoI.png" /><br /></td><td><img src="http://i.imgur.com/GSX3eMj.png" /><br /><a href="https://www.instagram.com/pivot5ive/" target="parent"><img src="http://i.imgur.com/TOlpj5y.png" /></a><br /><a href="http://www.facebook.com/pivot5ive" target="parent"><img src="http://i.imgur.com/MxHhYUo.png" /></a><br /><a href="https://www.youtube.com/channel/UCNiccT5bbqoMvMiLUgzyUTQ "target="parent"><img src="http://i.imgur.com/SlGU9fS.png" /></a><br /><img src="http://i.imgur.com/DUImKUL.png" /><br /></td><td><img src="http://i.imgur.com/7K7LpgX.png" /><br /></td></tr></tbody></table><center></div>').append('<style>.rodape{padding: 20px 20px 20px 20px;}</style>'); });

Até mais.
Fraise

por Lemon~ 06.12.15 2:07

Obrigado pela ajuda Fraise! Funcionou perfeitamente! Poderia me dizer o que tinha de errado? me ajudará a não cometer a mesma coisa novamente.

por **Fraise** 06.12.15 2:12

Claro. Tinha 2 erros.
Primeiramente, quando usamos HTML em um JavaScript, o HTML deverá ficar todo na mesma linha. Eu usei este website para o colocar todo na mesma linha, assim facilitando o meu trabalho:
Seta

http://www.textfixer.com/html/compress-html-compression.php

O outro erro era que, você não pode utilizar aspas quando o código HTML já tem aspas, melhor explicando:

.after("<div class='rodape'><center><table><tbody><tr><td><img src="https://i.imgur.com/xG12YoI.png" /><br /></td><td><img src="https://i.imgur.com/GSX3eMj.png" /><br /><a href="https://www.instagram.com/pivot5ive/" target="parent"><img src="https://i.imgur.com/TOlpj5y.png" /></a><br /><a href="https://www.facebook.com/pivot5ive" target="parent"><img src="https://i.imgur.com/MxHhYUo.png" /></a><br /><a href="https://www.youtube.com/channel/UCNiccT5bbqoMvMiLUgzyUTQ "target="parent"><img src="https://i.imgur.com/SlGU9fS.png" /></a><br /><img src="https://i.imgur.com/DUImKUL.png" /><br /></td><td><img src="https://i.imgur.com/7K7LpgX.png" /><br /></td></tr></tbody></table><center></div>");

A vermelho eu substitui essas aspas por aspas simples ('). A laranja eu tive que substituir as aspas simples pelas outras aspas ("). Não irá interferir com as outras aspas que se encontram ao longo do código.

Não sei se expliquei direito, mas qualquer coisa, só perguntar. Muito feliz

Até mais.
Fraise

por Lemon~ 06.12.15 2:14

Entendi, mais uma vez, estou agradecido pela ajuda.

por **Fraise** 06.12.15 2:17

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Javascript não surtiu efeito.