Modificação widget 10 tutoriais

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

Resolvido Modificação widget 10 tutoriais

Mensagem por IsmaelS. em 14/07/14, 10:19 am

  • Descrição:
Olá,

Estou a utilizar este código deste tutorial:
http://ajuda.forumeiros.com/t93948-tutorial-widget-com-os-10-ultimos-tutoriais

Código que uso:
Código:
<!--   
 * Application: Widget of the last 10 tutorials
 * Description: This application can displays the last tutorials and member avatar of topics.
 * Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)
 * Made and Optimizations by JScript - 2014/03/08
 * View more in: http://punbb.forumeiros.com/forum & http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
    --> 
<div id="insert_widget">
   Loading... 
</div>
 <script type="text/javascript">
//<![CDATA[
/***
* User Definition Variables
***/
/* Put here your forum number!!! */
var sForumNumber = 35;
/* Put here your widget title!!! */
var sWidgetTitle = 'Os Últimos 10 Tutoriais'
/* END */

/***
* System Defined Variables - Do not edit if you don't know!
***/
var oConfig = {
        sInfo:
            '<!--' +
            '* Application: Widget of the last 10 tutorials' +
            '* Description: This application can displays the last tutorials and member avatar of topics.' +
            '* Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)' +
            '* Made and Optimizations by JScript - 2014/03/08' +
            '* View more in: http://punbb.forumeiros.com/forum & http://ajuda.forumeiros.com' +
            '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
            '* This work is free. You can redistribute it and/or modify it' +
            '* under the terms of the WTFPL, Version 2' +
            '-->',        
        sContent:
            '<div id="mod_recent_tutorials" class="main-content _sbcollapsable" style="margin: 0px; height: 213px; max-height: 225px; overflow: auto;">' +
                '<!-- #region recent_topic_row -->' +
                '<ul id="ul_recent_tutorials" class="ipsList_withminiphoto" style="margin: 0px ! important; padding-left: 0px ! important;">' +
                '<!-- content -->' +
                '</ul>' +
                '<!-- #endregion recent_topic_row -->' +
            '</div>',
        sCSS:
            '<style>' +
            '.ipsList_withminiphoto li {' + 
               'margin-bottom: 8px;' + 
           '}' + 
           '.ipsType_smaller, .ipsType_smaller a {' + 
               'font-size: 11px !important;' + 
           '}' + 
           '.ipsUserPhoto.ipsUserPhoto_mini {' + 
               'width: 30px;' + 
               'height: 30px;' + 
               'border: 1px solid rgb(213, 213, 213);' + 
               'background: none repeat scroll 0% 0% rgb(255, 255, 255);' + 
               'box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);' + 
               'padding: 1px;' + 
           '}' + 
           '.ipsType_small {' + 
               'font-size: 12px;' + 
           '}' +
            '.desc.ipsType_smaller {' +
                'color: #777777;' +
                'margin: 0;' +
            '}' +
            '.list_content {' +
                'margin-left: 40px;' +
                'word-wrap: break-word;' +
            '.ipsList_withminiphoto {' +
                'list-style: none outside none !important;' +
            '}' +
            '</style>',
        sTarget: '',
        sFound: 'td:eq(2)',
        sCommon: 'a.topictitle',
        sGetIMG: ''
    };
var oHtml = {
        PHPBB2: oConfig.sInfo +
            '<table border="0" cellpadding="0" cellspacing="1" class="forumline" width="100%">' +
                '' +
                    '<tr>' +
                        '<td class="catLeft" height="25"><span class="genmed module-title">' + sWidgetTitle + '</span></td>' +
                    '</tr>' +
                    '<tr>' +
                        '<td align="left" class="row1">' + oConfig.sContent +
                        '</td>' +
                    '</tr>' +
                '' +
            '</table>',
        PHPBB3: oConfig.sInfo +
            '<div class="module">' +
                '<div class="inner">' +
                    '<span class="corners-top"><span></span></span>' +
                    '<div class="h3">' + sWidgetTitle + '</div>' + oConfig.sContent +
                    '<span class="corners-bottom"><span></span></span>' +
                '</div>' +
            '</div>',
        PUNBB: oConfig.sInfo +
            '<div class="module main">' +
                '<div class="main-head"><h3>' + sWidgetTitle + '</h3></div>' + oConfig.sContent +
            '</div>',
        INVISION: oConfig.sInfo +
            '<div class="module borderwrap">' +
                '<div class="maintitle"><h3>' + sWidgetTitle + '</h3></div>' +
                '<div class="box-content">' + oConfig.sContent + '</div>' +
            '</div>'
 };

jQuery(function () {
    /* Add CSS */
    /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
    jQuery(oConfig.sCSS).insertBefore('body');

    /* Forum versions! */
    var phpBB2 = jQuery('.bodyline');
    var phpBB3 = jQuery('#wrap');
    var punbb = jQuery('#pun-intro');
    var invision = jQuery('#ipbwrapper');
    
    if (phpBB2.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB2);
        oConfig.sTarget = '.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
    } else if(phpBB3.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB3);
        oConfig.sTarget = '.topiclist.topics.bg_none li:not(":empty")';
        oConfig.sFound = 'dd.dterm';
        oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
    } else if(punbb.length) {
        jQuery('#insert_widget').html(oHtml.PUNBB);
        oConfig.sTarget = '.statused tr:not(":empty")';
        oConfig.sFound = '.tcl.tdtopics';
        oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
    } else if(invision.length) {
        jQuery('#insert_widget').html(oHtml.INVISION);
        oConfig.sTarget = '.borderwrap table.ipbtable tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
    };
    
    /* Fire event for 'scroll' to show the widget... */
    var elem = document.getElementById("insert_widget");
    if (isInViewPort(elem)) {
        LastTutorials();
    } else {
        jQuery(window).on('scroll.widget', showWidget(elem));
    }
});

/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
 var rect = elem.getBoundingClientRect();

 return (
 rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or jQuery(window).height() */
 rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or jQuery(window).width() */ );
}
/* Start function to show the widget... */
function showWidget(elem) {
 return function() {
        /* Chech if the widget is visible in view port! */
 if (isInViewPort(elem)) {
            /* If visible, stop event!!! */
 jQuery(window).off('scroll.widget');
            
            LastTutorials();
 }
 }
}
/* Widget conent */
function LastTutorials() {
    var oTarget = 0;
    /* First forum link to read info */
    jQuery.get('/f' + sForumNumber + '-', function(data) {
        oTarget = jQuery(oConfig.sTarget, data);
    }).always(function() {
        var i = 0
        oTarget.each(function() {
            if (i == 10) {
                return false;
            }
            var oThis = jQuery(this); /* DOM chached for fast execution! */
            var oFound = oThis.find(oConfig.sFound);
            if (oFound.length) {
                var sTopicTitle = oFound.find(oConfig.sCommon).parent().html();
                var oUserInf = oThis.find('a[href^="/u"]');
                var sAutor = oUserInf.html();
                var sUserUrl = oUserInf.attr('href');
                var sHtml =
                    '<li class="clearfix">' +
                        '<a href="' + sUserUrl + '" class="ipsUserPhotoLink left">' +
                            '<img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini">' +
                        '</a>' +
                        '<div class="list_content">' +
                            '<span class="ipsType_small">' + sTopicTitle + '</span>' +
                            '<p class="desc ipsType_smaller">' +
                                'Criado por <a href="' + sUserUrl + '">' + sAutor + '</a>' +
                            '</p>' +
                        '</div>' +
                    '</li>';
                jQuery('#ul_recent_tutorials').append(sHtml);
            }
            i++
        });

        /* Now, read the member avatar info */
        /* DOM chached for fast execution! */
        oTarget = jQuery('#ul_recent_tutorials > li');
        oTarget.each(function(index) {
            oThis = jQuery(this); /* DOM chached for fast execution! */
            var load_container = oThis.children('a');
            var UserURL = load_container.attr('href');
            var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
            var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
            /* Gets the avatar saved in local storage (Fastest!)*/
            var UserIMG = sessionStorage.getItem(UserURL);

            /* If avatar alread saved, then no request member profile! */
            if (UserIMG) {
                load_container.children('img').attr('src', UserIMG);
            } else { /* if not, then only request per session!!! */
                load_container.load(UserURL + oConfig.sGetIMG, function() {
                    var imgTag = load_container.children('img');

                    if (imgTag.length == 0) {
                        load_container.append(sHtml); /* Saves the default avatar in local storage */
                        sessionStorage.setItem(UserURL, def_img);
                    } else {
                        imgTag.attr('class', 'ipsUserPhoto ipsUserPhoto_mini');
                        imgTag.css({
                            'width': '30px',
                            'height': '30px',
                            'border': '1px solid rgb(213, 213, 213)',
                            'padding': '1px',
                            'background': 'none repeat scroll 0% 0% rgb(255, 255, 255)',
                            'box-shadow': '0px 2px 2px rgba(0, 0, 0, 0.1)'
                        });
                        /* Saves the member avatar in local storage */
                        sessionStorage.setItem(UserURL, imgTag.attr('src'));
                    }
                });
            }
        });
    });
}
//]]>
</script>

Na seção de tutoriais eu tenho 2 tópicos em "Anúncio e outro em Ler" e no widget aparece também os 2 tópicos será possível retirar sem remover os tópicos? Apenas mostrar 10 tutoriais ?

  • Informações:
Fórum:master-publicitario.forumeiros.com/forumVersão:PUNBB
Tipo:Pedido de códigoTags:Modificação,widget,tutoriais



Última edição por IsmaelS. em 15/07/14, 12:52 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: Modificação widget 10 tutoriais

Mensagem por IsmaelS. em 15/07/14, 01:14 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/
  • 0

Resolvido Re: Modificação widget 10 tutoriais

Mensagem por Hancki em 15/07/14, 08:42 am

Olá!

Tente este:
Código:
<div id="insert_widget">Loading...</div>
<script type="text/javascript">
    //<![CDATA[
    /***
    * User Definition Variables
    ***/
    /* Put here your forum number!!! */
    var sForumNumber = 35;
    /* Put here your widget title!!! */
    var sWidgetTitle = 'Os últimos 10 tutoriais'
        /* END */

    /***
    * System Defined Variables - Do not edit if you don't know!
    ***/
    var oConfig = {
        sInfo: '<!--' +
            '* Application: Widget of the last 10 tutorials' +
            '* Description: This application can displays the last tutorials and member avatar of topics.' +
            '* Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)' +
            '* Made and Optimizations by JScript - 2014/03/08' +
            '* View more in: http://punbb.forumeiros.com/forum & http://ajuda.forumeiros.com' +
            '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
            '* This work is free. You can redistribute it and/or modify it' +
            '* under the terms of the WTFPL, Version 2' +
            '-->',
        sContent: '<div id="mod_recent_tutorials" class="main-content _sbcollapsable" style="margin: 0px; height: 213px; max-height: 225px; overflow: auto;">' +
            '<!-- #region recent_topic_row -->' +
            '<ul id="ul_recent_tutorials" class="ipsList_withminiphoto" style="margin: 0px ! important; padding-left: 0px ! important;">' +
            '<!-- content -->' +
            '</ul>' +
            '<!-- #endregion recent_topic_row -->' +
            '</div>',
        sCSS: '<style>' +
            '.ipsList_withminiphoto li {' +
            'margin-bottom: 8px;' +
            '}' +
            '.ipsType_smaller, .ipsType_smaller a {' +
            'font-size: 11px !important;' +
            '}' +
            '.ipsUserPhoto.ipsUserPhoto_mini {' +
            'width: 30px;' +
            'height: 30px;' +
            'border: 1px solid rgb(213, 213, 213);' +
            'background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
            'box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);' +
            'padding: 1px;' +
            '}' +
            '.ipsType_small {' +
            'font-size: 12px;' +
            '}' +
            '.desc.ipsType_smaller {' +
            'color: #777777;' +
            'margin: 0;' +
            '}' +
            '.list_content {' +
            'margin-left: 40px;' +
            'word-wrap: break-word;' +
            '.ipsList_withminiphoto {' +
            'list-style: none outside none !important;' +
            '}' +
            '</style>',
        sTarget: '',
        sFound: 'td:eq(2)',
        sCommon: 'a.topictitle',
        sGetIMG: ''
    };
    var oHtml = {
        PHPBB2: oConfig.sInfo +
            '<table border="0" cellpadding="0" cellspacing="1" class="forumline" width="100%">' +
            '' +
            '<tr>' +
            '<td class="catLeft" height="25"><span class="genmed module-title">' + sWidgetTitle + '</span></td>' +
            '</tr>' +
            '<tr>' +
            '<td align="left" class="row1">' + oConfig.sContent +
            '</td>' +
            '</tr>' +
            '' +
            '</table>',
        PHPBB3: oConfig.sInfo +
            '<div class="module">' +
            '<div class="inner">' +
            '<span class="corners-top"><span></span></span>' +
            '<div class="h3">' + sWidgetTitle + '</div>' + oConfig.sContent +
            '<span class="corners-bottom"><span></span></span>' +
            '</div>' +
            '</div>',
        PUNBB: oConfig.sInfo +
            '<div class="module main">' +
            '<div class="main-head"><h3>' + sWidgetTitle + '</h3></div>' + oConfig.sContent +
            '</div>',
        INVISION: oConfig.sInfo +
            '<div class="module borderwrap">' +
            '<div class="maintitle"><h3>' + sWidgetTitle + '</h3></div>' +
            '<div class="box-content">' + oConfig.sContent + '</div>' +
            '</div>'
    };

    jQuery(function () {
        /* Add CSS */
        /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
        jQuery(oConfig.sCSS).insertBefore('body');

        /* Forum versions! */
        var phpBB2 = jQuery('.bodyline');
        var phpBB3 = jQuery('#wrap');
        var punbb = jQuery('#pun-intro');
        var invision = jQuery('#ipbwrapper');

        if (phpBB2.length) {
            jQuery('#insert_widget').html(oHtml.PHPBB2);
            oConfig.sTarget = '.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")';
            oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
        } else if (phpBB3.length) {
            jQuery('#insert_widget').html(oHtml.PHPBB3);
            oConfig.sTarget = '.topiclist.topics.bg_none li:not(":empty")';
            oConfig.sFound = 'dd.dterm';
            oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
        } else if (punbb.length) {
            jQuery('#insert_widget').html(oHtml.PUNBB);
            oConfig.sTarget = '.main-content:nth-child(5) .statused tr:not(":empty")';
            oConfig.sFound = '.tcl.tdtopics';
            oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
        } else if (invision.length) {
            jQuery('#insert_widget').html(oHtml.INVISION);
            oConfig.sTarget = '.borderwrap table.ipbtable tbody tr:not(":empty")';
            oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
        };

        /* Fire event for 'scroll' to show the widget... */
        var elem = document.getElementById("insert_widget");
        if (isInViewPort(elem)) {
            LastTutorials();
        } else {
            jQuery(window).on('scroll.widget', showWidget(elem));
        }
    });

    /* Function to check if an element is visible in view port */
    function isInViewPort(elem) {
            var rect = elem.getBoundingClientRect();

            return (
                rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
                rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
        }
        /* Start function to show the widget... */

    function showWidget(elem) {
            return function () {
                /* Chech if the widget is visible in view port! */
                if (isInViewPort(elem)) {
                    /* If visible, stop event!!! */
                    jQuery(window).off('scroll.widget');

                    LastTutorials();
                }
            }
        }
        /* Widget conent */

    function LastTutorials() {
            var oTarget = 0;
            /* First forum link to read info */
            jQuery.get('/f' + sForumNumber + '-', function (data) {
                oTarget = jQuery(oConfig.sTarget, data);
            }).always(function () {
                var i = 0
                oTarget.each(function () {
                    if (i == 10) {
                        return false;
                    }
                    var oThis = jQuery(this); /* DOM chached for fast execution! */
                    var oFound = oThis.find(oConfig.sFound);
                    if (oFound.length) {
                        var sTopicTitle = oFound.find(oConfig.sCommon).parent().html();
                        var oUserInf = oThis.find('a[href^="/u"]');
                        var sAutor = oUserInf.html();
                        var sUserUrl = oUserInf.attr('href');
                        var sHtml =
                            '<li class="clearfix">' +
                            '<a href="' + sUserUrl + '" class="ipsUserPhotoLink left">' +
                            '<img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini">' +
                            '</a>' +
                            '<div class="list_content">' +
                            '<span class="ipsType_small">' + sTopicTitle + '</span>' +
                            '<p class="desc ipsType_smaller">' +
                            'Criado por <a href="' + sUserUrl + '">' + sAutor + '</a>' +
                            '</p>' +
                            '</div>' +
                            '</li>';
                        jQuery('#ul_recent_tutorials').append(sHtml);
                    }
                    i++
                });

                /* Now, read the member avatar info */
                /* DOM chached for fast execution! */
                oTarget = jQuery('#ul_recent_tutorials > li');
                oTarget.each(function (index) {
                    oThis = jQuery(this); /* DOM chached for fast execution! */
                    var load_container = oThis.children('a');
                    var UserURL = load_container.attr('href');
                    var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
                    var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
                    /* Gets the avatar saved in local storage (Fastest!)*/
                    var UserIMG = sessionStorage.getItem(UserURL);

                    /* If avatar alread saved, then no request member profile! */
                    if (UserIMG) {
                        load_container.children('img').attr('src', UserIMG);
                    } else { /* if not, then only request per session!!! */
                        load_container.load(UserURL + oConfig.sGetIMG, function () {
                            var imgTag = load_container.children('img');

                            if (imgTag.length == 0) {
                                load_container.append(sHtml); /* Saves the default avatar in local storage */
                                sessionStorage.setItem(UserURL, def_img);
                            } else {
                                imgTag.attr('class', 'ipsUserPhoto ipsUserPhoto_mini');
                                imgTag.css({
                                    'width': '30px',
                                    'height': '30px',
                                    'border': '1px solid rgb(213, 213, 213)',
                                    'padding': '1px',
                                    'background': 'none repeat scroll 0% 0% rgb(255, 255, 255)',
                                    'box-shadow': '0px 2px 2px rgba(0, 0, 0, 0.1)'
                                });
                                /* Saves the member avatar in local storage */
                                sessionStorage.setItem(UserURL, imgTag.attr('src'));
                            }
                        });
                    }
                });
            });
        }
        //]]>
</script>
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificação widget 10 tutoriais

Mensagem por IsmaelS. em 15/07/14, 12:52 pm

Olá,

Perfeito amigo, resolvido !

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/

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