Grafix-Board | Druckvorschau: BBCode Spoiler verdeckter Text (mit Button) für das WBB lite

Geschrieben von mkkcs am 03.06.2007 um 13:46:

BBCode Spoiler verdeckter Text (mit Button) für das WBB lite

Titel: BBCode Spoiler verdeckter Text (mit Button) für das WBB lite
Version: 1.1
Beschreibung:

Hallo Leute,

da jetzt so oft nachgefragt wurde, hier eine kleine Umschreibung von einer 2.3er Lösung.

Dank an Match

Zitat:

Name: BB-Code Spoiler verdeckter Text (mit Button) für das WBB lite

Umschreiber : Martin Krause (mkkcs)

Version: 1.1 vom 02.06.07 mkkcs

Ich bedanke mich auch bei Match für die Vorlage !

Der Hack wurde mit einem wbb lite 1.0.2pl getestet

Demo: demo_thread.gif

basierend auf
_________________________________________________________________________
Name: BB-Code Spoiler für das WBB2.3.x
Hackersteller: Match
Version: 1.1 ( für WBB 2.3.x )
Demo: demo1.jpg und demo2.jpg
________________________________________________________________________
Beschreibung:
Dieser "Hack" enthält einen sog. Spoiler-BB-Code. Dieser Code "versteckt" den Inhalt zwischen den Codetags.
Dieser Spoiler-Tag hilft vor allem in Filmforen - in denen über Filme geredet wird, aber evtl. nicht alle das Ende bereits erfahren wollen^^ - bzw. Quizfragen etc.

- Benutzung von mehreren Spoiler in einem Beitrag jetzt möglich
- Designanpassung des Spoilers ans Design nun möglich

Einmal eine Anleitung für die Neuinstallation und eine Update-Anleitung von Version 1.0 auf V 1.1 ist vorhanden

Hidden Text (erst sichtbar nach Antwort):

Zum Eintrag in der Datenbank

Geschrieben von vacilar am 28.06.2007 um 15:29:

Wo kann ich dn Hack herunterladen?

Geschrieben von mkkcs am 28.06.2007 um 15:40:

nach erfolgreicher Freischaltung, in der Datenbank !

siehe auch hier

Geschrieben von vacilar am 28.06.2007 um 15:51:

Zitat:

Original von mkkcs
nach erfolgreicher Freischaltung, in der Datenbank !

siehe auch hier

Gut Danke für die schnelle Antwort großes Grinsen

Geschrieben von vacilar am 28.06.2007 um 16:22:

Hab leider eine Menge Fragen:

Mein Forum besitzt folgendes Template nicht "bbcode_buttons.tpl"

Hab da eine bbcode.js

Auch diese "Tabelle" bbx_bbcodes finde ich nirgends

Kann man das ganze auch ohne diese Programme "phpmyadmin / mysqldumper " einbauen?

Sorry hab kaum Ahnung von HTML, PHP und diesem Zeugs

Geschrieben von mkkcs am 28.06.2007 um 17:25:

Zitat:

Original von vacilar
Hab leider eine Menge Fragen:

Mein Forum besitzt folgendes Template nicht "bbcode_buttons.tpl"

Hab da eine bbcode.js

Auch diese "Tabelle" bbx_bbcodes finde ich nirgends

Kann man das ganze auch ohne diese Programme "phpmyadmin / mysqldumper " einbauen?

Sorry hab kaum Ahnung von HTML, PHP und diesem Zeugs

doch sollte im Verzeichnis templates sein

nein ohne phpmyadmin bekommst Du den Einbau nicht hin, aber sowas solltest Du haben, und wenn nicht direkt, dann aber über das Space-Einstellmenü !

Geschrieben von vacilar am 28.06.2007 um 19:02:

Zitat:

Original von mkkcs

Zitat:

doch sollte im Verzeichnis templates sein

nein ohne phpmyadmin bekommst Du den Einbau nicht hin, aber sowas solltest Du haben, und wenn nicht direkt, dann aber über das Space-Einstellmenü !

Wo finde ich dieses Space-Einstellmenu?

Geschrieben von mkkcs am 28.06.2007 um 19:25:

na bei Deinem Web-Space Hoster !

Geschrieben von Uw3 am 18.07.2007 um 17:54:

dankö tolle sache ^^

Geschrieben von k07 am 16.10.2007 um 13:24:

danke, werds mal testen..

Geschrieben von muratell am 17.11.2007 um 20:46:

RE: BBCode Spoiler verdeckter Text (mit Button) für das WBB lite

Immernoch einer der genialsten Hacks die es gibt smile

Geschrieben von fischeversenker am 23.12.2007 um 12:12:

genial! Danke für den tollen Code!

Geschrieben von dartomania am 23.12.2007 um 14:24:

Cool

Das werde ich mir dann ja auch gleich mal einbauen. :-)

DANKE

EDIT:// Wieso wird mir der Eintrag zur Datenbank verwehrt? :-(

Geschrieben von mkkcs am 23.12.2007 um 14:58:

Zitat:

Original von dartomania
Cool

Das werde ich mir dann ja auch gleich mal einbauen. :-)

DANKE

EDIT:// Wieso wird mir der Eintrag zur Datenbank verwehrt? :-(

tja wer lesen könnte wäre im klaren Vorteil, wurde schon hier im Thread erwähnt !! und in den Ankündigungen auch !

Geschrieben von =major= am 28.01.2008 um 15:40:

wenn ich mehrere spoiler hintereinander poste, wird immer nur der erste auf und zu geklappt. Woran kann das liegen?

Beispiel

Geschrieben von mkkcs am 28.01.2008 um 15:53:

komisch, bei mir funzt es sauber -> http://testlite.grafix-board.de/thread.php?postid=15#post15

hast Du mal ne URL wo es nicht funzt ?

Geschrieben von =major= am 28.01.2008 um 15:55:

http://cofo.major-visions.com/thread.php?postid=14#post14

ich hab das ein bisschen abgeändert, aber ka, eigentlich nichts an der funktion oder so o.O

woanders hab ich auch grad mit firebug gespickt, aber da schauts genauso aus wie bei mir, nur da funktionierts sogar verschachtelt o.O

Geschrieben von mkkcs am 28.01.2008 um 15:59:

weil es nicht der selbe ist !

bei Dir steht im Quelltext

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:

<div class="spoiler">

    <span class="smallfont"><b>Spoiler: </b></span> <input  type="button"  class="input"

        value="&raquo; show &laquo;" 

        style="width:65px; font-size:10px; margin:0px; padding:0px;"
..

und bei mir

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<div id="spoiler">
<div id="spoilerkopf">
    <input  type="button" 
        value="Zeigen" 
        style="width:65px; font-size:10px; margin:0px; padding:0px;"
        onclick="
            if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
                this.innerText = ''; 
                this.value = 'Verstecken'; 
            } 
            else 
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
             ...

vor dem Problem stand ich auch erst, aber durch eine rechtzeitige Bug-Meldung bei mywbb hab ich den Fehler behoben !

Geschrieben von =major= am 28.01.2008 um 16:08:

hab den code von woanders her, aber die anleitung war irgendwie identisch mit deiner, darum hielt ich für das gleiche.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

<div id="spoiler">
<div id="spoilerkopf">
    <input  type="button" 
        value="Zeigen"
        style="width:65px; font-size:10px; margin:0px; padding:0px;"
        onclick="
            if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
                this.innerText = ''; 
                this.value = 'Verstecken'; 
            } 
            else 
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
                this.innerText = ''; 
                this.value = 'Zeigen'; 
            }" />
</div>
<div>
    <div style="display: none;" class="spoilerlook">
{param1}
    </div>
</div>
</div>

steht jetzt drin, funzt aber gar nicht mehr

edit: habs aus dem sql gefehl kopiert und vergessen die doppelten ' weg zu machen

mal schaun obs jetzt geht

Geschrieben von =major= am 28.01.2008 um 16:13:

ok, jetzt klappts. Merci dir.

Geschrieben von mkkcs am 28.01.2008 um 16:21:

dann wird es wahrscheinlich der von Match gewesen sein fürs 2er, den hatte ich nur aufs lite angepasst ! großes Grinsen

Geschrieben von =major= am 28.01.2008 um 21:28:

hab ja aber die 2.3.6er version Augenzwinkern

naja, vom style her wars mir eh ein wenig zu aufdringlich *g* Muss mir nur noch was überlegen, wie ich das div was versteckt wird gestalte, das schaut mir zu schlciht aus großes Grinsen

Geschrieben von mkkcs am 28.01.2008 um 21:54:

tja den Gestaltungsmöglichkeiten ist dann nur noch Tür und Tor geöffnet !

sollte auch mit Tabellen funktionieren !

Geschrieben von =major= am 03.02.2008 um 05:03:

Ich weiß nicht, ob es jemanden interessiert, aber ich hab den Code mal ein wenig abgeändert, jetzt kann man mit

code:
1:	[Spoiler=Titel]Spoilertext[/spoiler]

Den Titel bzw Text vor dem Spoiler selber schreiben. Vorteilhaft, wenn man Screenshots die das Forum nur unnötig in die länge ziehen verstecken will.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

<div id="spoiler">
<div id="spoilerkopf">
    <span class="smallfont"><b>{param1}: </b></span><input class="input" type="button" 
        value="&laquo; SHOW &raquo;"
        style="width:65px; font-size:9px; margin:0px; padding:0px;"
        onclick="
            if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
                this.innerText = ''; 
                this.value = '&raquo; HIDE &laquo;'; 
            } 
            else 
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
                this.innerText = ''; 
                this.value = '&laquo; SHOW &raquo;'; 
            }" />
</div>
<div>
    <div style="display: none; padding: 5px; width: 90%" class="spoilerlook">
<hr />
<div style=" width: 90%; padding: 8px;">
{param2}
</div>
<hr />
    </div>
</div>
</div>

achja, ein paar infos zum einbinden:
man muss einen zweiten bbcode mit gleichen namen (spoiler) erstellen und dort anzahl der parameter auf 2 setzen. Rest wie gehabt. Ggf beispiel noch ändern. Der grund für den zweiten bbcode is, wenn jemand sich nicht daran hält und das =Titel vergisst, wird dann automatisch der erste code verwendet. Und wenn der nicht mehr vorhanden ist, dann wird der bbcode nicht umgewandelt.