Lexi Help
Die neuesten Themen
» Impressum
von #Frank Gestern um 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Gestern um 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Gestern um 22:07

» Themen-Icons
von Bigtuber Gestern um 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Gestern um 20:09

» Themen fixieren
von inde Gestern um 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Gestern um 13:34

» Mein altes Forum zurückbekommen
von Bigtuber Di 27 Sep 2016 - 19:18

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

[phpBB3] Ein-Ausklappfunktion für Kategorien über einen Schalter

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB3] Ein-Ausklappfunktion für Kategorien über einen Schalter

Beitrag von inde am Mi 15 Aug 2012 - 1:22

Beim herumstöbern bei den anderen Formieren-Support-Foren ist mir bei dem Englischensprachigen Forum sowie dem Italienischem Forum aufgefallen, dass sich dort die Kategorien mit Hilfe eines Schalters ein- und ausblenden lassen. Da der Style in diesen Foren der selbe wie hier ist, bin ich einmal davon ausgegangen das es sich auch um BB3-Foren handelt.

Bei unseren Tipps & Tricks zu der Einklappfunktion der Kategorien und auch bei der Verbesserung der Funktion ist dies leider nicht möglich. Sad

Im Englischen Forum habe ich gesehen, dass dort zusätzlich eine class und natürlich die entsprechenden Grafiken vergeben wurden.
Code:

Sicherlich fehlt hierzu noch ein Script für ein Modul oder aber eine Seite.

Ich würde dies gerne auch in meinem Forum umsetzen.
Somit wäre gewährleistet, dass die User die Einklappfunktion auf Anhieb verstehen ........ohne dass man es erklären müsste. Wink

Könntet ihr mir vielleicht bei der Umsetzung behilflich sein Question

LG inde


Zuletzt von inde am Mi 15 Aug 2012 - 14:40 bearbeitet, insgesamt 1 mal bearbeitet

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Ein-Ausklappfunktion für Kategorien über einen Schalter

Beitrag von Günther am Mi 15 Aug 2012 - 1:52

Hallo inde,

dazu wurden im englischen Support folgende Codes verwendet:

Zuerst gehst du zu
AB -> Module -> HTML und JAVASCRIPT -> Javascript Codes Verwaltung
und machst dort folgende Einstellung:
Die Javascript-Code Verwaltung aktivieren: Ja
Anschließend klickst du auf "Ein neues JavaScript erstellen", wählst dort
Platzierung: Auf der Startseite,
gibst einen beliebigen Titel ein und fügst dieses Script ein:
Code:
function toggleLTcategory(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="toggleLTcategory(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document.cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){toggleLTcategory(cid,'x')}}}}});
Nun klickst du auf "Bestätigen".

Der zweite Schritt besteht aus einem CSS-Eintrag, welcher den aus dem Script zugeordneten Klassen für die aus- bzw. eingeklappte Kategorie jeweils ein anderes Hintergrundbild (Plus-/Minus-Button) zuweist.
Dazu fügst du unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:
Code:
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
Die verwendeten Buttons sollten gut passen, bei Bedarf siehst du aber sicherlich, an welchen Stellen du die Grafikurls austauschen kannst. Die erste Grafikurl ist für den Plus-, die zweite für den Minusbutton verantwortlich.

Diese Umsetzung funktioniert reibungslos, viel Spaß damit! Smile

Liebe Grüße
Günther


Zuletzt von Günther am Sa 12 Jan 2013 - 15:13 bearbeitet, insgesamt 1 mal bearbeitet (Grund : Update des Scripts)

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Ein-Ausklappfunktion für Kategorien über einen Schalter

Beitrag von inde am Mi 15 Aug 2012 - 14:40

Danke, es hat auf Anhieb geklappt, ich ändere nur noch die Grafiken passend zum Forum. Freunde top



LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Ein-Ausklappfunktion für Kategorien über einen Schalter

Beitrag von Günther am Mi 15 Aug 2012 - 14:44

Aber gerne doch. Smile
-done-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten