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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Slides bugado
Hoje à(s) 01:53 pm por Luiz

» Dúvida Smiles
Hoje à(s) 01:32 pm por Luiz

» [Ajuda] HTML & CSS
Hoje à(s) 01:20 pm por Luiz

» Gif na foto do perfil
Hoje à(s) 01:19 pm por Luiz

» Status do servidor
Hoje à(s) 01:04 pm por Ketholy123

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 02:16 am por GutaUKP

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
Shek
 
GutaUKP
 
xDominiC_.
 
iScroll
 

Quem está conectado
234 usuários online :: 7 usuários cadastrados, 1 Invisível e 226 Visitantes :: 2 Motores de busca

DustyRhodes, Guzonaro, Ketholy123, Kyo Panda, Luiz, ranzatti, Shek

[ 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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