Ph!L$
Mitglied
Dabei seit: 14.03.05
Beiträge: 26
Forenversion: 2.3.3
|
|
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
|
|
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
|
|
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:
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
|
|
er Zeigt jetzt Spoiler als titel und den Show Button an, aber wenn ich ihn klicke, dann passiert nichts
|
|
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
|
|
Lag wohl an der schlechter Formatierung des Textes, den ich gepostet habe...
Der Code im Anhang sollte kompatibel sein.
|
|
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
|
|
Der Hack ist wirklich klasse.
Jetzt, wo er das macht was es soll. Uns das Klappen funktioniert sowohl mit IE als auch mit FF, für mich reicht das
|
|
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
|
|
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.
Darfst mir gern zeigen, was an dem Code schlecht ist. Man lernt nie aus
|
|
25.02.06 18:32 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Mayrix
Mitglied
Dabei seit: 21.03.04
Beiträge: 26
|
|
@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
|
|
Thx hat super gefunzt
Ohne Probs eingebaut, hab den irgendwie seid ewigkeiten gesucht aber keinen gefunden.
mfg
Ner0
|
|
18.04.06 15:34 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Scout123
Mitglied
Dabei seit: 15.03.06
Beiträge: 14
|
|
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
|
|
Sa!boT
Mitglied
Dabei seit: 03.08.05
Beiträge: 72
|
|
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...
__________________
|
|
08.05.06 16:32 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Mayrix
Mitglied
Dabei seit: 21.03.04
Beiträge: 26
|
|
@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
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
Mitglied
Dabei seit: 10.04.04
Beiträge: 23
Herkunft: mainz Forenversion: WBB Lite
|
|
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
|
|
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
__________________
|
|
05.05.07 09:32 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|