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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Pagina Inicial
Hoje à(s) 6:22 por WhiteRabbit

» Bug em adicionar folha CSS
Hoje à(s) 4:47 por Delator

» Mensagem automática
Hoje à(s) 4:18 por Appoloz

» Botões não clicáveis
Hoje à(s) 3:06 por Appoloz

» Pedido de Banner de Parceria
Hoje à(s) 2:45 por Allenkar_

» [LOGO] Red Bull Racing
Hoje à(s) 2:03 por Holkis

» Retirar esta parte do topico - 2
Hoje à(s) 1:45 por Appoloz

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
143 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 140 Visitantes :: 2 Motores de busca

Cloud', TanatosMaker, WhiteRabbit

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 6 Dez 2015 - 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?

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 530

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em Dom 6 Dez 2015 - 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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7196

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

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em Dom 6 Dez 2015 - 1:52

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

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 530

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em Dom 6 Dez 2015 - 1:54

Mas senhor... já está funcionando:

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7196

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

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em Dom 6 Dez 2015 - 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 ;
}

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 530

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em Dom 6 Dez 2015 - 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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7196

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

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em Dom 6 Dez 2015 - 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.

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 530

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em Dom 6 Dez 2015 - 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="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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7196

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

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Lemon~ em Dom 6 Dez 2015 - 2:14

Entendi, mais uma vez, estou agradecido pela ajuda.

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 530

http://pivot5.forumeiros.com/

Resolvido Re: Javascript não surtiu efeito.

Mensagem por Fraise em Dom 6 Dez 2015 - 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".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7196

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5