Falta de informação no script

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

Resolvido Falta de informação no script

Mensagem por IsmaelS. em 15/08/16, 12:07 am

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Estou a utilizar um .jS para o Creations of The Week que aparece no final do fórum e ele funciona, porém não está a aparecer o nome do vencedor e do tema do trabalho, o script é este:
Código:
$(function() {

var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};

$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: s</strong> ' + sotw.vencedor + '</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

Devia ficar algo como isto:


Última edição por IsmaelS. em 16/08/16, 06:36 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Falta de informação no script

Mensagem por Fraise em 15/08/16, 12:08 am

Boa noite.

Você poderia explicar a funcionalidade do script? Eu não estou entendendo o que ele faz exatamente.

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Falta de informação no script

Mensagem por IsmaelS. em 15/08/16, 12:12 am

@Fraise escreveu:Boa noite.

Você poderia explicar a funcionalidade do script? Eu não estou entendendo o que ele faz exatamente.

Atenciosamente,
Fraise.

Ele exatamente cria como fosse outra categoria mas apenas mostra uma imagem que nós colocamos depois o link e as informações do vencedor e o tema, não sei se estas a perceber? Mas vê o tutorial onde fui buscar: http://www.bestskins.net/t432-sign-of-the-week?highlight=sign+of+the+week


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Falta de informação no script

Mensagem por while em 15/08/16, 12:15 am

Burrice... kkkk
Você retirou os table-type com uso de css... como assim while?
Simples, sabe aquela tabelinha que aparece nas categorias que tem escrito, fórum, respostas, visualizações e ultima mensagem, então... você usou display:none, certo?

Por isto não aparece Rindo

Alguma outra dúvida?
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Falta de informação no script

Mensagem por IsmaelS. em 15/08/16, 12:19 am

@while escreveu:Burrice... kkkk
Você retirou os table-type com uso de css... como assim while?
Simples, sabe aquela tabelinha que aparece nas categorias que tem escrito, fórum, respostas, visualizações e ultima mensagem, então... você usou display:none, certo?

Por isto não aparece Rindo

Alguma outra dúvida?
Até mais.

Sim tem razão ocultei isso tudo, mas não conseguem algo que aparece algum texto nem que seja por cima ou por baixo da imagem?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Falta de informação no script

Mensagem por IsmaelS. em 16/08/16, 01:13 am

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Falta de informação no script

Mensagem por Shek em 16/08/16, 10:04 am

Ismael, seria interessante e até mais fácil se você colocasse o nome direto pelo código. Ou seja, substitua o valor:
Código:
' + sotw.vencedor + '
Pelo nome do vencedor.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Falta de informação no script

Mensagem por IsmaelS. em 16/08/16, 04:14 pm

Tentei como disse veja:
Código:
$(function() {

var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};

$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: Zero</strong> Zero</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

Penso que seja isso que falou, mas mesmo assim não está a aparecer.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Falta de informação no script

Mensagem por Cepheus em 16/08/16, 06:32 pm

troque o JS por:
Código:
$(function() {
 
var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};
 
$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content" id="cepheus">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: s</strong> ' + sotw.vencedor + '</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

E adicione na sua folha de estilo css:
Código:
.main-content#cepheus .table thead tr {
display:inherit!important;
}
.main-content#cepheus .table thead th {
padding:5px;
}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Falta de informação no script

Mensagem por IsmaelS. em 16/08/16, 06:36 pm

Ficou óptimo Cepheus obrigado! Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Falta de informação no script

Mensagem por Fraise em 16/08/16, 06:38 pm

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 : 5029
Pontos Ativos : 6709

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