YourWBB

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Hacks und Addons » Spoiler BB-Code

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

14.018 Views | | Thema zu Favoriten hinzufügen

Seiten (2): [1] 2 nächste »

Neues Thema erstellen Antwort erstellen

Spoiler BB-Code

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Ph!L$

Mitglied

Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3

Spoiler BB-Code

Antworten Zitieren Editieren Melden UP

Titel: Spoiler BB-Code
Version: 1.0
Beschreibung: Es wurde bereits des Öfteren nach einem Spoiler-BB-Code gefragt und daher habe ich mal einen gecodet.
Ein Spoiler-BB-Code wurde bereits gepostet, doch diesen fand ich persönlich nicht sonderlich gelungen.
Daher hier meine Variante... :rolleyes:

In den unteren Grafiken sieht man den Spoiler BB-Code in Aktion.
Anzumerken ist, dass folgendes als BB-Code eingegeben wurde, damit es so aussieht, wie im Anhang:

[spoiler=TiTEL]VERSTECKTER TEXT[/spoiler]

Copyright: Liegt bei N3Z | Milhouse und diese Erweiterung darf auch nicht ohne meine Genehmigung verteilt werden.
Zur Verteilung sind ausschließlich N3Z.DE, mywbb.info und y******.info berechtigt !

Einbau: Ca. 15-60 Sekunden !

----

weiter zum Download

23.02.06 10:45

E-Mail WWW Finden Als Freund hinzufügen

sw007

Mitglied

Dabei seit: 04.12.04
Beiträge: 29
Forenversion: 2.3.4

Antworten Zitieren Editieren Melden UP

der Hack ist klasse, nur eines würde mich interessieren: wie krieg ich es hin, dass ich die Titel eingabe umgehe und stattdessen zwischen 2 einfachen tags schreiben kann, also [spoiler]text[/spoiler] statt [spoiler=Titel]text[/spoiler] und statt Titel z.B. nur Spoiler : dort stehen habe.

das brauche ich wegen dem Einfügen eines klickbaren tags

24.02.06 18:33

E-Mail WWW Finden Als Freund hinzufügen

Ph!L$

Mitglied

Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3

Themenstarter Thema begonnen von Ph!L$

Antworten Zitieren Editieren Melden UP

Dafür schreibst einfach den BB-Code um, sodass du folgendes hast

Bei wird ersetzt durch:

Zitat:

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b>   <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTag
Name('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagN
ame('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagN
ame('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {param1} </div> </div> </div>

Bei Anzahl Parameter:

Zitat:

Dann wird als Überschrift Spoiler genommen und der Text zwischen
[spoiler] und [/spoiler] als versteckter Text.

24.02.06 22:45

E-Mail WWW Finden Als Freund hinzufügen

sw007

Mitglied

Dabei seit: 04.12.04
Beiträge: 29
Forenversion: 2.3.4

Antworten Zitieren Editieren Melden UP

er Zeigt jetzt Spoiler als titel und den Show Button an, aber wenn ich ihn klicke, dann passiert nichts verwirrt

25.02.06 08:51

E-Mail WWW Finden Als Freund hinzufügen

Ph!L$

Mitglied

Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3

Themenstarter Thema begonnen von Ph!L$

Antworten Zitieren Editieren Melden UP

Lag wohl an der schlechter Formatierung des Textes, den ich gepostet habe...
Der Code im Anhang sollte kompatibel sein.

Dateianhang:

spoiler-bb-code.txt (792 Byte, 223 mal heruntergeladen)

25.02.06 09:16

E-Mail WWW Finden Als Freund hinzufügen

sw007

Mitglied

Dabei seit: 04.12.04
Beiträge: 29
Forenversion: 2.3.4

Antworten Zitieren Editieren Melden UP

naja, fast^^

Dateianhang:

Untitled-7.gif (2 KB, 2.319 mal heruntergeladen)

25.02.06 10:57

E-Mail WWW Finden Als Freund hinzufügen

Ph!L$

Mitglied

Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3

Themenstarter Thema begonnen von Ph!L$

Antworten Zitieren Editieren Melden UP

Shize...muss param1 sein Zunge raus

Dann gehts aber ^^
Bin bissl verplant heut morgen großes Grinsen

Edit: Musst also bei wird ersetzt durch param 2 suchen und das durch param 1 ersetzen Augenzwinkern

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Ph!L$: 25.02.06 11:10.

25.02.06 10:58

E-Mail WWW Finden Als Freund hinzufügen

Match

Webdesign

Dabei seit: 26.12.04
Beiträge: 147
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Fortgeschritten
Herkunft: Würzburg
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden UP

Wenn man schon meinen Hack kritisiert, in dem Thread davon Werbung macht und ihm dann noch den exakt selben Namen gibt, dann sollte man vielleicht auch mal prüfen, ob das Zeug xHTML valid ist. (Wenn ich auch sagen sagen muss, dass das "Klapp-Feature" cool ist; der Code sieht irgendwie schlecht aus)

Aber netter Hack.

__________________
Mit freundlichen Grüßen,
Match

"Ich weiß, dass ich nicht weiß" (Platon)

Mögliche Systeme:
OS: Windows XP SP3 // Windows Vista // Ubuntu 8.10 Auflösung: 1280x1024 // 1280x960 // 1280 x 1024 Browser: Firefox 3

25.02.06 15:28

E-Mail WWW Finden Als Freund hinzufügen

sw007

Mitglied

Dabei seit: 04.12.04
Beiträge: 29
Forenversion: 2.3.4

Antworten Zitieren Editieren Melden UP

Der Hack ist wirklich klasse. Freude

Jetzt, wo er das macht was es soll. Uns das Klappen funktioniert sowohl mit IE als auch mit FF, für mich reicht das Freude

25.02.06 16:24

E-Mail WWW Finden Als Freund hinzufügen

Ph!L$

Mitglied

Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3

Themenstarter Thema begonnen von Ph!L$

Antworten Zitieren Editieren Melden UP

Zitat:

Original von Match
Wenn man schon meinen Hack kritisiert, in dem Thread davon Werbung macht und ihm dann noch den exakt selben Namen gibt, dann sollte man vielleicht auch mal prüfen, ob das Zeug xHTML valid ist. (Wenn ich auch sagen sagen muss, dass das "Klapp-Feature" cool ist; der Code sieht irgendwie schlecht aus)

Aber netter Hack.

Hmm, weiß nicht, wie du den Hack sonst nennen möchtest.
Und ich habe nichts kritisiert. Habe lediglich gesagt, dass er mir nicht so gefällt.
Ob er xHTML valid ist oder nicht, interessiert mich ehrlich gesagt sonderlich wenig aber wenn es jemanden stören sollte, dann kann er den ja gern so ändern, wie er ihn möchte. Augen rollen

Darfst mir gern zeigen, was an dem Code schlecht ist. Man lernt nie aus Freude

25.02.06 18:32

E-Mail WWW Finden Als Freund hinzufügen

Volken Volken ist männlich

Mitglied

Dabei seit: 13.09.04
Beiträge: 56
Herkunft: NRW
Forenversion: 2.3; 2.1

Antworten Zitieren Editieren Melden UP

php:

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:

<img src="{$style['imagefolder']}/spoiler.gif" alt="spoiler" border="0"/>
<div class="tabletitle">
    <input  type="button" 
        value="Show" 
        style="width:45px; 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 = 'Hide'; 
            } 
            else 
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
                this.innerText = ''; 
                this.value = 'Show'; 
            }"/>
    &nbsp;&nbsp;<b>Spoiler-Warnung</b> (Lesen auf eigene Gefahr)
</div>
<div class="inposttable">
    <div style="display: none;">
        {param1}
    </div>
</div>

Das ist meine Version des Spoiler Codes. Der Valdi scheints auch zu mögen.
Zum sprachvariablen nutzen war ich grad zu faul.

€dit: es scheinen noch Fehler drin vorhanden zu sein.

Dateianhang:

spoiler.gif (2,05 KB, 2.022 mal heruntergeladen)

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Volken: 16.03.06 01:11.

26.02.06 19:31

E-Mail Finden Als Freund hinzufügen

Mayrix
Mitglied

Dabei seit: 21.03.04
Beiträge: 26

Antworten Zitieren Editieren Melden UP

@Ph!L$,

ich wollte jetzt einen Button dafür in die bbcode_button.tpl machen, aber leider müssen da ja noch mehrere Dinge dafür erstellt werden, denn sonst funktioniert das ja nicht, hast Du dafür auch etwas erstellt?

Gruß Mayrix

17.04.06 18:16

E-Mail Finden Als Freund hinzufügen

SgtSlyghter
Mitglied

Dabei seit: 26.07.05
Beiträge: 29
Forenversion: 2.3; Lite 1.0

Antworten Zitieren Editieren Melden UP

Thx hat super gefunzt

Ohne Probs eingebaut, hab den irgendwie seid ewigkeiten gesucht aber keinen gefunden.

mfg
Ner0 cool

18.04.06 15:34

E-Mail Finden Als Freund hinzufügen

Scout123
Mitglied

Dabei seit: 15.03.06
Beiträge: 14

Antworten Zitieren Editieren Melden UP

LOL super!!!! Hab jetzt so einen ähnlichen Spoiler bb code gemacht

Man warum habe ich diesen Thread nicht vorher gefunden..

30.04.06 23:29

E-Mail Finden Als Freund hinzufügen

GoreHound GoreHound ist männlich

Mitglied

Dabei seit: 31.12.05
Beiträge: 27
Herkunft: Hamburg
Forenversion: 2.3

Antworten Zitieren Editieren Melden UP

ich hab den auch eingebaut, colle sache, nur hab ich da ein kleines problem und zwar, wie krieg ich das hin das der auch bei den bbcodes beim thread erstellen angezeigt wird, aklso so das mann es nur anklicken muss und ein kleines fenster komtm wo mann das den text reinschreiben kann. so z.b. ein link hinzufügen?!?!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von GoreHound: 04.05.06 18:37.

04.05.06 18:37

E-Mail Finden Als Freund hinzufügen

Sa!boT
Mitglied

Dabei seit: 03.08.05
Beiträge: 72

Antworten Zitieren Editieren Melden UP

Zitat:

Original von GoreHound
ich hab den auch eingebaut, colle sache, nur hab ich da ein kleines problem und zwar, wie krieg ich das hin das der auch bei den bbcodes beim thread erstellen angezeigt wird, aklso so das mann es nur anklicken muss und ein kleines fenster komtm wo mann das den text reinschreiben kann. so z.b. ein link hinzufügen?!?!

Dem kann ich mich nur anschließen...

__________________

http://www.stargate-project.de/stargate/

!! Save - Stargate - Project !! Ne, so nicht!

08.05.06 16:32

E-Mail Finden Als Freund hinzufügen

Mayrix
Mitglied

Dabei seit: 21.03.04
Beiträge: 26

Antworten Zitieren Editieren Melden UP

@Sa!boT und GoreHound

Ich bin zwar auch kein Coder, aber ich habe es bei mir so gelöst:

Ich habe den bbcode so erstellt wie es hier beschrieben wurde:
Spoiler BB-Code

Damit ist dann dieser Text:
Spoiler
immer darüber, und man kann ihn nicht ändern! (beim einbau änderbar, aber nicht für die User)

dann habe ich in der bbcode_buttons.tpl diese Zeile eingefügt, wo der Button sein soll:

code:

1:
2:
3:

<img src="{$style['imagefolder']}/bbcode_Spoiler.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_spoiler']}" title="{$lang->items['LANG_POSTINGS_BBCODE_Spoiler']}" border="0" onclick="bbcode(document.bbform,'Spoiler','')" onmouseover="this.style.cursor='hand';" />

dazu muß natürlich noch eine Sprachdatei in "postings" Namens:
LANG_POSTINGS_BBCODE_Spoiler
erstellt werden, und ein Button namens bbcode_Spoiler.gif!

So klappt es bei mir sehr gut!

Es ist zwar auch keine saubere Löung, aber da hier ja keiner etwas in diese richtung macht, habe ich mir damit beholfen!

Ich Bitte auch alle die coden können hier nicht so genau hinzuschauen, ist nur eine Löung die ein nichtcoder erstellt hat großes Grinsen

Gruß Mayrix

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Mayrix: 09.05.06 08:48.

09.05.06 08:42

E-Mail Finden Als Freund hinzufügen

afrasenta_1 afrasenta_1 ist männlich

Mitglied

Dabei seit: 10.04.04
Beiträge: 23
Herkunft: mainz
Forenversion: WBB Lite

Antworten Zitieren Editieren Melden UP

Habe da ne frage ...

ich möchte einmal,

wenn [spoiler]text[/spoiler] ist das kommt

Spoiler: BUTTON

und wenn ich [spoiler=test]text[/spoiler] mache

test: BUTTOn

kommt

verständlich und umsetzbar?

19.07.06 09:12

E-Mail Finden Als Freund hinzufügen

mauserklausi
Du bist Deutschland!

Dabei seit: 21.04.07
Beiträge: 219
Forenversion: 2.3

Antworten Zitieren Editieren Melden UP

Moin,
bei mir ist ein Problem: Der Text, der versteckt werden soll, wird auch versteckt, aber er erscheint davor noch offen, obwohl der Code [spoiler]bla[/spoiler] eingegeben wurde.
Er erscheint also noch mal offen. Beim Anhang wird der Text, der eigendlich erst auf Druck auf "Hide" zu sehen ist, offen davor angezeigt.
BSP: http://zischundwech.de/thread.php?threadid=226&page=1

Dateianhang: