Previzualizare lista topicuri

4 participanți

:: ForumGratuit & Web-Design :: Resurse Web-Design :: jQuerry

Previzualizare lista topicuriSam Apr 09, 2016 10:37 pm

Salutare tuturor,

Din lipsa de ocupatie, am facut un mic cod care adauga o imagine dupa numele fiecarui forum. Odata ce dati click pe ea se deschide un pop-up cu lista de topicuri din acel forum.

PunBB:

Cod:

$(document).ready(function() {
    $('a.forumtitle').after(' <img id="imag" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Afiseaza un pop-up cu lista de topicuri" style="cursor:pointer;" />');
    $('img#imag').click(function() {
        $('body').append(
       
            '<div id="fil" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
            '<div id="containerq" class="pun" style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                '<div id="lista" style="max-height:400px;overflow-y:auto;">'+
                    '<center>'+
                        '<span class="loading" style="font-weight:bold;font-size:18px;">'+
                            'Se incarca...'+
                        '</span>'+
                    '</center>'+
                '</div>'+
            '</div>'
           
        );
        $('#lista').load($(this).siblings('a.forumtitle').attr('href')+' .main.paged');
        $('div#fil').click(function() {
          $('#fil, #containerq').remove();
      });
    });
});

Invision:

Cod:

$(document).ready(function() {
    $('a.forumtitle').after(' <img id="imag" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Afiseaza un pop-up cu lista de topicuri" style="cursor:pointer;" />');
    $('img#imag').click(function() {
        $('body').append(
       
            '<div id="fil" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
            '<div id="containerq" class="pun" style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                '<div id="lista" style="max-height:400px;overflow-y:auto;">'+
                    '<center>'+
                        '<span class="loading" style="font-weight:bold;font-size:18px;">'+
                            'Se incarca...'+
                        '</span>'+
                    '</center>'+
                '</div>'+
            '</div>'
           
        );
        $('#lista').load($(this).siblings('a.forumtitle').attr('href')+' .ipbtable');
        $('div#fil').click(function() {
          $('#fil, #containerq').remove();
      });
    });
});

phpBB2:

Cod:

$(document).ready(function() {
    $('a.forumlink').after(' <img id="imag" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Afiseaza un pop-up cu lista de topicuri" style="cursor:pointer;" />');
    $('img#imag').click(function() {
        $('body').append(
       
            '<div id="fil" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
            '<div id="containerq" class="pun" style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                '<div id="lista" style="max-height:400px;overflow-y:auto;">'+
                    '<center>'+
                        '<span class="loading" style="font-weight:bold;font-size:18px;">'+
                            'Se incarca...'+
                        '</span>'+
                    '</center>'+
                '</div>'+
            '</div>'
           
        );
$('#lista').load($(this).siblings('a.forumlink').attr('href')+' .forumline:eq(1)');
        $('div#fil').click(function() {
          $('#fil, #containerq').remove();
      });
    });
});

phpBB3:

Cod:

$(document).ready(function() {
    $('a.forumtitle').after(' <img id="imag" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Afiseaza un pop-up cu lista de topicuri" style="cursor:pointer;" />');
    $('img#imag').click(function() {
        $('body').append(
       
            '<div id="fil" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
           
            '<div id="containerq" class="pun" style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                '<div id="lista" style="max-height:400px;overflow-y:auto;">'+
                    '<center>'+
                        '<span class="loading" style="font-weight:bold;font-size:18px;">'+
                            'Se incarca...'+
                        '</span>'+
                    '</center>'+
                '</div>'+
            '</div>'
           
        );
$('#lista').load($(this).siblings('a.forumtitle').attr('href')+' .topiclist.topics.bg_none');
        $('div#fil').click(function() {
          $('#fil, #containerq').remove();
      });
    });
});

Codurile se adauga in Gestiunea codurilor JavaScript, cu plasamentul pe index.

Ultima editare efectuata de catre R1bb0N in Vin Mai 05, 2017 10:24 pm, editata de 2 ori