Qual é minha questão:
Vejam o código abaixo:

Código:


<script>
jQuery(function(){
jQuery.get('/forum', function(e){
var link1 = jQuery('.module:eq(1) a:eq(0)', e).html();
var link11 = jQuery('.module:eq(1) a:eq(0)', e).attr('href');
var link2 = jQuery('.module:eq(1) a:eq(2)', e).html();
var link22 = jQuery('.module:eq(1) a:eq(2)', e).attr('href');
var link3 = jQuery('.module:eq(1) a:eq(4)', e).html();
var link33 = jQuery('.module:eq(1) a:eq(4)', e).attr('href');
var link4 = jQuery('.module:eq(1) a:eq(6)', e).html();
var link44 = jQuery('.module:eq(1) a:eq(6)', e).attr('href');
var link5 = jQuery('.module:eq(1) a:eq(8)', e).html();
var link55 = jQuery('.module:eq(1) a:eq(8)', e).attr('href');
var link6 = jQuery('.module:eq(1) a:eq(10)', e).html();
var link66 = jQuery('.module:eq(1) a:eq(10)', e).attr('href');
var link7 = jQuery('.module:eq(1) a:eq(12)', e).html();
var link77 = jQuery('.module:eq(1) a:eq(12)', e).attr('href');
jQuery('#box div:eq(0)').html('<a href="'+link11+'">'+link1+'</a>');
jQuery('#box div:eq(1)').html('<a href="'+link22+'">'+link2+'</a>');
jQuery('#box div:eq(2)').html('<a href="'+link33+'">'+link3+'</a>');
jQuery('#box div:eq(3)').html('<a href="'+link44+'">'+link4+'</a>');
jQuery('#box div:eq(4)').html('<a href="'+link55+'">'+link5+'</a>');
jQuery('#box div:eq(5)').html('<a href="'+link66+'">'+link6+'</a>');
jQuery('#box div:eq(6)').html('<a href="'+link77+'">'+link7+'</a>');
});
});
</script>
<style>
#box div{padding-bottom:5px;width:550px;border-bottom: 1px solid grey}
#box{text-shadow: 0px 0.5px 1px #adadad;background-color:rgb(250,250,240);border-radius:0px 5px 5px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;}
#ul{cursor:pointer;text-shadow: 0px 0.5px 1px #adadad;position: relative;
top: -61px;left:5px;font-weight:bold;background-color:rgb(250,250,240);border-radius:5px 0px 0px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;border-right:none}
</style>
<table width="50%">
<tr><td width="2%"><div id="ul">Últimos Assuntos</div></td><td><div id="box"><br><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><br></div></td></tr></table>


O mesmo mostra todos os último assuntos do fórum, mais gostaria que o mesmo mostrasse apenas os ultimos assuntos deste tópico abaixo:

http://somosmugiwara.forumeiros.com/f107-anuncios-do-forum

Humrum, seria como uma melhoração do código, note a imagem: https://i.servimg.com/u/f69/17/63/00/37/sem_ta31.jpg

Veja que mostra por quem foi postado, comentários e data...

e que tem duas seções.... Novidades e Tutoriais...

Queria saber se seria possível fazer isto??

Mas gostaria com 4 seções, por quem foi postado, data e quantos comentários....

Seria possivel? Tem como?

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com/forum

Versão:
PunBB

Olá!

Aqui está o código que modifiquei:

Código:


<script>
    /* DOM chached for fast execution! */
    var oTarget = 0;
    var oHtml = sessionStorage.getItem('forum_announcements'); /* Gets the html saved in local storage (Fastest!)*/

    /* If html alread saved, then no requests! */
    if (oHtml !== null) {
        jQuery('#box').html(oHtml);
    } else { /* if not, then only request per session!!! */
        /* First forum link to read info */
        jQuery.get('/f107-', function(data) {
            oTarget = jQuery('.statused', data).find('tr');
        }).done(function() {
            var i = 0, sHtml = '<br>';
            oTarget.each(function() {
                if (i == 8) {
                    return false
                }
                var oThis = jQuery(this); /* DOM chached for fast execution! */
                var tcl = oThis.find('td.tcl');
                var topic = tcl.find('h2.topic-title').html();
                sHtml += '<div>' + topic + '</div>';
                i++
            });
            jQuery('#box').append(sHtml + '<br>');
            sessionStorage.setItem('forum_announcements', jQuery('#box').html());
        });
    }
</script>
<style>
    #box div{padding-bottom:5px;width:550px;border-bottom: 1px solid grey}
    #box{text-shadow: 0px 0.5px 1px #adadad;background-color:rgb(250,250,240);border-radius:0px 5px 5px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;}
    #ul{cursor:pointer;text-shadow: 0px 0.5px 1px #adadad;position: relative;
    top: -61px;left:5px;font-weight:bold;background-color:rgb(250,250,240);border-radius:5px 0px 0px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;border-right:none}
</style>
<table width="50%">
    <tr>
        <td width="2%">
            <div id="ul">Últimos Assuntos</div>
        </td>
        <td>
            <!-- #region forum_announcements_row -->
            <div id="box">
                <!-- content -->
            </div>
            <!-- #endregion forum_announcements_row -->           
        </td>
    </tr>
</table>


E antes que você diga a frase: "não funcionou meu caro!", aqui está o print de seu fórum quando testei o código:



So long,

JS

Perfeitamente meu caro.........

Eu ainda teria um pedido usando o mesmo código, terei que criar outro tópico?

Se é em relação ao mesmo código, não precisa abrir outro tópico!

Eu já vi que está funcionando em seu fórum, mas você não mencionou ainda...

As melhorias que postou são perfeitamente possíveis de adicionar, peço que quando abrir um tópico, você já tenha em mente tudo o que deseja, pois já foi feito um código e agora será acrescentado mais detalhes!
Dessa forma poupamos tempo e trabalho, entende?

Editei a primeira mensagem adicionando o que deseja a mais!

JS

Sim sim meu caro.........
Foi um erro meu, mas depois me lembrei deste detalhe.........

Estarei no aguardo.

Olá!

Adicione ao seu CSS:

Código:


#tabsn {
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 13px;
}
#tabselect li {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 3px 0 0 3px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 31px;
    padding: 5px;
    width: 60px;
    z-index: 99999 !important;
}
#tabselect {
    margin-top: 0;
    position: absolute;
    z-index: 9999 !important;
}
#tabselect li.active {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #DDDDDD;
    width: 100px;
}
#tabselect li.active, #tabselect li.active:hover {
    border-right: medium none;
    box-shadow: none;
    margin-left: 0;
    margin-top: 0 !important;
    width: 90px !important;
}
#tabselect li:hover {
    cursor: pointer;
    margin-left: 16px;
    width: 75px;
}
#tabcont ul li {
    border-bottom: 1px solid #DDDDDD;
    padding: 5px;
}
#tabcont ul li {
    list-style: none outside none;
}
#tabcont {
    background: linear-gradient(to bottom, #FFFFFF 0%, #F4F4F4 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 0 10px 10px 10px;
    box-shadow: 3px 3px 6px #C9C9C9;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    margin-left: 100px;
    min-height: 100px;
    padding: 10px;
    width: 600px;
    z-index: 1;
}
.linkt {
  color: #B42000 !important;
}


Aqui está o código com as novas alterações:

Código:


<script>
    /* Made by JScript - www.jscript.forumeiros.com */
    /* DOM chached for fast execution! */
    var oTarget = 0;
    var oHtml = sessionStorage.getItem('tab_announcements'); /* Gets the html saved in local storage (Fastest!)*/

    /* If html alread saved, then no requests! */
    if (oHtml !== null) {
       jQuery('#tabcont').html(oHtml);
    } else { /* if not, then only request per session!!! */
       /* First forum link to read info */
       jQuery.get('/f5-', function (data) {
          oTarget = jQuery('.statused:last', data).find('tr');
       }).done(function () {
          var i = 0,
             sHtml = '';
          oTarget.each(function () {
             if (i==8) {
                return false;
             }
             var oThis = jQuery(this); /* DOM chached for fast execution! */
             var tcl = oThis.find('td.tcl');
             var topic = tcl.find('h2.topic-title').html();
             var a = tcl.children('a');
             var autor = a.html();
             var url = a.attr('href');
             var comment = oThis.find('td.tc2').text();
             var views = oThis.find('td.tc3').text();
             sHtml += '<ul>' + '<li>' + topic + '&nbsp;-&nbsp;<span class="autor">Postado por <strong><a href="' + url + '">' + autor + '</a></strong>&nbsp;-&nbsp; - Comentários: ' + comment + ' - Visto: ' + views + '</span>' + '</li>' + '</ul>';
             i++
          });
          jQuery('#tabcont').append('<div id="tab1" style="display: block;">' + sHtml + '</div>');

          /* Second forum link to read info */
          jQuery.get('/f22-', function (data) {
             oTarget = jQuery('.statused:last', data).find('tr');
          }).done(function () {
             var i = 0,
                sHtml = '';
             oTarget.each(function () {
                if (i==8) {
                   return false;
                }
                var oThis = jQuery(this); /* DOM chached for fast execution! */
                var tcl = oThis.find('td.tcl');
                var topic = tcl.find('h2.topic-title').html();
                var a = tcl.children('a');
                var autor = a.html();
                var url = a.attr('href');
                var comment = oThis.find('td.tc2').text();
                var views = oThis.find('td.tc3').text();
                sHtml += '<ul>' + '<li>' + topic + '&nbsp;-&nbsp;<span class="autor">Postado por <strong><a href="' + url + '">' + autor + '</a></strong>&nbsp;-&nbsp; - Comentários: ' + comment + ' - Visto: ' + views + '</span>' + '</li>' + '</ul>';
                i++
             });
             jQuery('#tabcont').append('<div id="tab2" style="display: none;">' + sHtml + '</div>');
             sessionStorage.setItem('tab_announcements', jQuery('#tabcont').html());
          });
       });
    }
    jQuery(document).ready(function () {
       jQuery(".tab_toggle").click(function () {
          jQuery(".tab_toggle").removeClass("active");

          jQuery(this).addClass("active");

          var activeTab = jQuery(this).attr("data-tab");
          jQuery(activeTab).fadeIn();

          switch (activeTab) {
          case '0':
             jQuery('#tab1').show();
             jQuery('#tab2').hide();
             break;
          case '1':
             jQuery('#tab2').show();
             jQuery('#tab1').hide();
             break;
          }
          return false;
       });
    });
</script>
<div id="tabsn">
    <ul id="tabselect">
        <li class="tab_toggle active" data-tab="0">Regras Gerais</li>
        <li class="tab_toggle" data-tab="1">Notícias Word</li>
    </ul>
    <div id="tabcont">
        <!-- dinamic content -->
    </div>
</div>


Nota: Estou sem tempo agora para lhe explicar o funcionamento do mesmo, mas sei que você é esforçado, vai estudá-lo e modificá-lo de acordo com suas necessidades ok?

Demonstração:


e



So long,

JS

Tentei no meu fórum de testes e o mesmo foi funcional, as abas funcionaram normalmente, mas modifiquei os links e postei para ver o resultado e o mesmo não apareceu...

Creio, que faltou algo para eu editar, mas não sei o que e...

parte que editei..

Código:


 jQuery.get('/f3-', function(data)


Mas os assuntos não apareceram..

O link /f3- em seu fórum pede login, portanto não funciona para quem não está logado!

O código está funcionando normalmente pois testei em seu fórum, podemos dar o tópico como resolvido?

JS

Sim sim, podemos.

Houdini escreveu:Sim sim, podemos.

Já está na hora de você por em prática o sistema que temos aqui de curtir e melhor resposta, não achas?

Obrigado pelo seu retorno,

JS

Gostaria de saber se pode me dar permissão para usar esse script em meu fórum também. Se não puder, fica sussegado.

Até.

Está pedindo a mim ou ao JS?

Por mim tudo bem Legolas.........

Aos dois. Mas, acabei fazendo outros planos pra página inicial, então não precisa. Mesmo assim agradeço.