fraNNNta-Design
Bine a-ti venit pe fraNNNta-Design



 
AcasaAcasa  CalendarCalendar  EvenimenteEvenimente  PublicatiiPublicatii  GalerieGalerie  FAQFAQ  CautareCautare  MembriMembri  GrupuriGrupuri  InregistrareInregistrare  ConectareConectare  

Distribuiţi | 
 

 Previzualizare lista topicuri

In jos 
AutorMesaj
Justice
fondator
avatar

Respect : 100% Mesaje : 215
Inscris : 05/08/2015

MesajSubiect: Previzualizare lista topicuri   Sam 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. 04

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
Sus In jos
Vezi profilul utilizatorului http://board.forumotion.com
mr.franta
fondator
avatar

Respect : 100% Mesaje : 3980
Inscris : 18/06/2011

MesajSubiect: Re: Previzualizare lista topicuri   Sam Apr 09, 2016 10:38 pm

Multumim pentru acest script minunat R1bboN!
Sus In jos
Vezi profilul utilizatorului http://www.frannnta-design.com Online
Justice
fondator
avatar

Respect : 100% Mesaje : 215
Inscris : 05/08/2015

MesajSubiect: Re: Previzualizare lista topicuri   Sam Apr 09, 2016 10:48 pm

@mr.franta a scris:
Multumim pentru acest script minunat R1bboN!

Cu placere! 499
Sus In jos
Vezi profilul utilizatorului http://board.forumotion.com
hamesashek
Membru nou
avatar

Respect : 100% Mesaje : 16
Inscris : 31/03/2017

MesajSubiect: Re: Previzualizare lista topicuri   Mier Mai 03, 2017 2:32 am

Multumim pentru
Sus In jos
Vezi profilul utilizatorului
Justice
fondator
avatar

Respect : 100% Mesaje : 215
Inscris : 05/08/2015

MesajSubiect: Re: Previzualizare lista topicuri   Mier Mai 03, 2017 8:39 pm

Aparent codurile au disparut, o sa le refac si o sa le postez curand :)
Sus In jos
Vezi profilul utilizatorului http://board.forumotion.com
mr.franta
fondator
avatar

Respect : 100% Mesaje : 3980
Inscris : 18/06/2011

MesajSubiect: Re: Previzualizare lista topicuri   Mier Mai 03, 2017 9:20 pm

Te asteptam cu edit!
Sus In jos
Vezi profilul utilizatorului http://www.frannnta-design.com Online
Justice
fondator
avatar

Respect : 100% Mesaje : 215
Inscris : 05/08/2015

MesajSubiect: Re: Previzualizare lista topicuri   Vin Mai 05, 2017 10:25 pm

Am gasit codurile postate tot pe forumul asta. Anyway, am dat edit la primul mesaj.
Sus In jos
Vezi profilul utilizatorului http://board.forumotion.com
fg.design
Rank: Membru
Rank: Membru
avatar

Respect : 100% Mesaje : 36
Inscris : 21/02/2018

MesajSubiect: Re: Previzualizare lista topicuri   Sam Feb 24, 2018 5:23 pm

Trebuia sa pui si o demonstratie
Sus In jos
Vezi profilul utilizatorului
Continut sponsorizat




MesajSubiect: Re: Previzualizare lista topicuri   

Sus In jos
 
Previzualizare lista topicuri
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
fraNNNta-Design :: ForumGratuit & Web-Design :: Tutoriale si Coduri :: jQuerry-
Mergi direct la: