Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Botões adicionar amigos
Hoje à(s) 01:14 pm por Kyo Panda

» Sistema de like nas mensagens
Hoje à(s) 01:06 pm por Kyo Panda

» Remover propaganda
Hoje à(s) 01:05 pm por Kyo Panda

» Remover permissão
Hoje à(s) 12:31 pm por paulim78

» O tópico ou mensagem que você está procurando não existe
Hoje à(s) 12:21 pm por paulim78

» Ranks Servidor RPG
Hoje à(s) 12:14 pm por APOllO

» Adicionar Javascript no post
Hoje à(s) 12:03 pm por Marmitt

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Lincoln
 
Shek
 
APOllO
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
281 usuários online :: 7 usuários cadastrados, 2 Invisíveis e 272 Visitantes :: 1 Motor de busca

>.< T-T =3, Ajux, JamesZ., Jefferson105, Kyo Panda, Marmitt, paulim78

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Javascript não surtiu efeito.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Javascript não surtiu efeito.

Mensagem por Lemon~ em 05/12/15, 10:24 pm

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?
avatar

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 58

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em 05/12/15, 11:46 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em 05/12/15, 11:52 pm

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

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 58

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em 05/12/15, 11:54 pm

Mas senhor... já está funcionando:

Seta http://i.imgur.com/uCoTtpH.png

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em 05/12/15, 11:57 pm

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 ;
}
avatar

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 58

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em 06/12/15, 12:03 am

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em 06/12/15, 12:07 am

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

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 58

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em 06/12/15, 12:12 am

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="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>");

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em 06/12/15, 12:14 am

Entendi, mais uma vez, estou agradecido pela ajuda.
avatar

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 58

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em 06/12/15, 12:17 am

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

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum