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
LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

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

Parceiros Forumeiros
Quem está conectado
89 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 83 Visitantes :: 2 Motores de busca

Eden, JrMAFiA, Kyo Panda, Lillith, YouTube3, ZamasuBR

[ 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 : 491

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 : 7162

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 : 491

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 : 7162

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 : 491

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 : 7162

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 : 491

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 : 7162

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 : 491

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 : 7162

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