SoftDesign


Bun venit Vizitator pe SoftDesign, speram ca-ti place acest forum care iti pune la dispozitie o gama larga de tutoriale si resurse pentru WebDesign si ForumGratuit , si speram ca vei binevoi sa-ti faci cont pe forum pentru a avea aces la toate subiectele forumui.

[PhpBB3][jQuery] Categorii retractabile

In jos

[PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de Gyzmo la data de Mar Sept 06, 2011 12:37 am

Descriere:
Cu ajutorul acestui cod JavaScript va puteti creea un super efect de retractare a categoriilor
*!* Acest cod functioneaza doar pe phpbb3

Instalare:

P.A > Module > Javascript codes management > Create a new javascript >
Titlu* : Categorii retractabile
Placement : In all the pages
Javascript code* :

PRIMUL COD:



*Are 2 imagini cu care poteti micsora/mari categoria.
Cod:
    <script>
    jQuery(function() {
    jQuery('a:contains("Report an abuse")').remove();
    });
    </script>
    <script>
    jQuery(function() {
    jQuery('a:contains("Mark all forums read")').remove();
    });
    </script>
          <script>
        jQuery(function() {
          jQuery('div.forabg ul li.header').prepend('<span class="toggle" style="float: right; margin-right: 10px; font-weight: bold; margin-top: 5px; cursor: pointer;"><img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" /></span>');

          jQuery('.toggle').click(function() {
            if (jQuery(this).parent().parent().parent().find('li.row').is(':visible')) {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').hide('slow');
            }

            else {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').show('slow');
            }
          });
        });
        </script>


Personalizare:
*Codul este usor personalizabil Smile
*Puteti personaliza codul inlocuind:

http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png -> cu iamginea MICSORARE
http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png -> cu imaginea MARIRE

Previzualizare: http://sd-test1.ace.st/forum

AL DOILEA COD:



*Categoria se retrage facand un simplu click pe categorie

Cod:
<script type="text/javascript">var pvf= document.getElementById('main-content').firstChild; while(pvf.className!='forabg' && pvf.className!='h3' && (pvf=pvf.nextSibling) ); var i= 1; while(pvf && pvf.className=='forabg') { vf=pvf.firstChild.firstChild.nextSibling; vf.firstChild.style.cursor='pointer'; vf.firstChild.id='catret'+(i++); vf.firstChild.onclick=function() { if(parseInt(my_getcookie(this.id))==1) { my_setcookie(this.id,'0',0,0); this.parentNode.nextSibling.style.display='block'; } else { my_setcookie(this.id,'1',1,0); this.parentNode.nextSibling.style.display='none'; } }; if(parseInt(my_getcookie(vf.firstChild.id))==1) vf.nextSibling.style.display='none'; pvf= pvf.nextSibling; } </script>

Personalizare:

*Codul nu poate fi personalizat !

Previzualizare: http://sd-test1.ace.st/forum



Tutorial realizat de: Gyzmo
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.


Ultima editare efectuata de catre Gyzmo in Sam Noi 26, 2011 1:20 pm, editata de 2 ori
avatar
Gyzmo
GFXcrew

Sex : masculin
Mesaje : 727
Credite : 29188
Data de inscriere : 05/09/2011
Localizare : Braila

Vezi profilul utilizatorului http://widegfx.forumer.ro/

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de k1r0n la data de Mar Sept 06, 2011 12:42 am

Foarte frumos cod . Felicitari !
avatar
k1r0n
Gold Member

Sex : masculin
Mesaje : 107
Credite : 2738
Data de inscriere : 05/09/2011
Localizare : bacau

Vezi profilul utilizatorului http://smart-design.forumer.ro

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de eduard la data de Mar Sept 06, 2011 12:54 am

Impresionant ! Felicitari si bravo pentru munca depusa
avatar
eduard
Membru activ

Mesaje : 76
Credite : 2686
Data de inscriere : 05/09/2011

Vezi profilul utilizatorului

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de Vizitato la data de Mar Sept 06, 2011 4:25 am

Am o intrebare, de ce nu upladez fisierele pe un host propriu si dupa sa pui doar 2 linkuri cu fisierele JS, bine 3 linkuri cu cel de la libraria ?
avatar
Vizitato
Vizitator


Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de erik39 la data de Mier Sept 07, 2011 7:14 am

Dragut , pacat ca nu mai folosesc phpbb3:D.
avatar
erik39
Gold Member

Mesaje : 82
Credite : 2701
Data de inscriere : 06/09/2011

Vezi profilul utilizatorului

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de Marius la data de Mier Sept 07, 2011 7:14 am

Un tutorial văzut pe mai multe forumuri , dar eficient !
avatar
Marius
Membru activ

Mesaje : 66
Credite : 32439
Data de inscriere : 07/09/2011

Vezi profilul utilizatorului

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de Shaggy la data de Mier Oct 19, 2011 9:12 am

Al doilea cod il punem in generalitati?
avatar
Shaggy
Moderator

Sex : masculin
Mesaje : 364
Credite : 3041
Data de inscriere : 06/09/2011
Localizare : Pascani

Vezi profilul utilizatorului http://staraim.forumz.ro/forum

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de PlayOn la data de Joi Oct 20, 2011 9:20 am

Bravo Johnny !Foarte bun codul:)
avatar
PlayOn
Administrator

Sex : masculin
Mesaje : 254
Credite : 2898
Data de inscriere : 06/09/2011
Localizare : ROMANIA

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de gab1Tzu la data de Vin Dec 09, 2011 12:26 am

foarte bun codul!
avatar
gab1Tzu
Gold Member

Sex : masculin
Mesaje : 248
Credite : 2853
Data de inscriere : 24/09/2011
Localizare : Craiova

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de extream la data de Lun Apr 09, 2012 10:34 pm

codurile sunt gresite cum sa pui in js ?

cum sa pui in javascript
Cod:
<script> <script />


Cod:
jQuery(function() {
    jQuery('a:contains("Report an abuse")').remove();
    });
    jQuery(function() {
    jQuery('a:contains("Mark all forums read")').remove();
    });
        jQuery(function() {
          jQuery('div.forabg ul li.header').prepend('<span class="toggle" style="float: right; margin-right: 10px; font-weight: bold; margin-top: 5px; cursor: pointer;"><img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" /></span>');

          jQuery('.toggle').click(function() {
            if (jQuery(this).parent().parent().parent().find('li.row').is(':visible')) {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').hide('slow');
            }

            else {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').show('slow');
            }
          });
        });
[/code]codul functionabil este
Cod:
jQuery(function() {
    jQuery('a:contains("Report an abuse")').remove();
    });
    jQuery(function() {
    jQuery('a:contains("Mark all forums read")').remove();
    });
        jQuery(function() {
          jQuery('div.forabg ul li.header').prepend('[b][img]http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png[/img][/b]');

          jQuery('.toggle').click(function() {
            if (jQuery(this).parent().parent().parent().find('li.row').is(':visible')) {
              jQuery(this).html('[img]http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png[/img]');
              jQuery(this).parent().parent().parent().find('li.row').hide('slow');
            }

            else {
              jQuery(this).html('[img]http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png[/img]');
              jQuery(this).parent().parent().parent().find('li.row').show('slow');
            }
          });
        });
avatar
extream
Nou venit

Sex : masculin
Mesaje : 19
Credite : 2505
Data de inscriere : 04/01/2012
Localizare : Bacau

Vezi profilul utilizatorului http://www.phpbb-online.forumhit.ro

Sus In jos

Re: [PhpBB3][jQuery] Categorii retractabile

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum