Grafix-Board (http://www.grafix-board.de/forum/index.php)
- hacks (http://www.grafix-board.de/forum/board.php?boardid=29)
-- wbb lite Hack-Support (http://www.grafix-board.de/forum/board.php?boardid=31)
--- BBCode Spoiler verdeckter Text (mit Button) für das WBB lite (http://www.grafix-board.de/forum/threadid.php?threadid=1310)
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
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: |
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ü ! |
|
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
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 =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="» show «"
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 !
Geschrieben von =major= am 28.01.2008 um 21:28:
hab ja aber die 2.3.6er version
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
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="« SHOW »"
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 = '» HIDE «';
}
else
{
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = '';
this.value = '« SHOW »';
}" />
</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.
Powered by: Burning Board © 2001-2004 WoltLab GmbH