BBcode definitielijst

[Ger]

Op mijn forumben ik achter de schermen bezig met de voorbereiding voor de overstap naar phpBB 3. Mijn forum gaat over zwaarden en vaak worden er allerlei vaktermen gebruikt als tsuka, saya, sageo, hi, enz. Voor de ervaren gebruikers geen probleem, maar voor beginners is het af en toe een oerwoud van onbegrijpelijke woorden. Ik heb wel een begrippen/definitielijst gemaakt, maar da's niet altijd even handig. Ik zou daarom graag willen dat als een gebruiker typt:

Code: Selecteer alles

[dfn]saya[/dfn]

dit vervangen wordt door:

Code: Selecteer alles

<dfn="schede">saya</dfn>

Waarbij in een tabel o.i.d. wordt opgezocht welke title verbonden moet worden aan het woord.

Is dat redelijkerwijs mogelijk?

[BetaDevil]

Niet met custom BBCodes, hier is toch een mod voor nodig waarschijnlijk.

[Salomon]

Wat eventueel ook kan, smilies maken

[BetaDevil]

OF het op de lijst met gesencureerde woorden zetten en dan vervangen met acronym-BBCode ofzo.

[Salomon]

Dat is pas een goed idee

Je maakt een BBCode aan:

Code: Selecteer alles

[dfn={TEXT2}]{TEXT1}[/dfn]

Vervanging:

Code: Selecteer alles

<dfn="{TEXT2}">{TEXT1}</dfn>

en dan voeg je als gecensureerd woord toe:

Code: Selecteer alles

saya

En dat wordt:

Code: Selecteer alles

[dfn=schede]saya[/dfn]

Nadeel is wel dat als je dat quote, je

Code: Selecteer alles

[dfn=schede]saya[/dfn]

ziet staan ipv saya.

[ElbertF]

Volgens mij wordt BBCode geparsed voor de censuur eroverheen gaat hoor.

[Ger]

Volgens mij wordt BBCode geparsed voor de censuur eroverheen gaat hoor.

10 punten voor Elbert. Ik had dat namelijk al geprobeerd.

Wat ik dus zoek is de methode om de BBcode te laten zoeken in een tabel en daaruit de juiste uitleg pakken. Ik ben daar echter niet bepaald bedreven in, dus als iemand mij op weg kan helpen is eeuwige roem je deel.

[ElbertF]

Je zou het alleen met JavaScript kunnen doen.

[dfn]{TEXT}[/dfn]

Code: Selecteer alles

<span
  onmouseover="if ( def_list['{TEXT}'] ) this.innerHTML = '{TEXT} (' + def_list['{TEXT}'] + ')';"
  onmouseout="this.innerHTML = '{TEXT}';"
  ">{TEXT}</span>

Deze code moet je dan ergens boven in je pagina plaatsen:

Code: Selecteer alles

<script type="text/javascript">
<!--
var def_list = new Array();

def_list['woord'] = 'uiteg';
//-->
</script>

Even snel gedaan, maar ik denk dat zoiets wel werkt.

[BetaDevil]

Ik denk dat ik wel iets kan maken, maar ik ben nu moe. Morgenochtend maak ik wel even een klein scriptje voor je gebaseerd op Berend

[Ger]

De ochtend is voorbij...

@Elbert: hoe maak ik een lijst met meerdere items daarin? Gewoon iets als

Code: Selecteer alles

def_list['aikuchi'] = 'kleine tanto zonder tsuba';
def_list['hada'] = 'sporen van het smeden';
def_list['kissaki'] = 'punt van een zwaard';

en zo verder?

[Salomon]

Jep (al heet ik geen Elbert)

[Ger]

Jep

Thanks!

(al heet ik geen Elbert)

Een supporter is altijd goed

[Salomon]

Al heb ik niet eens dat rankje onder m'n naam staan

Maare, we horen wel als het gelukt is, dan weten we dat voor een volgende keer allemaal

[Ger]

Het is gelukt!

Ik wil nog wel graag een stippellijntje onder de stukken die met [dfn] zijn aangegeven. Hoe kan ik dat doen?

[BetaDevil]

BBCode Replacement

Code: Selecteer alles

<span
  onmouseover="if ( def_list['{TEXT}'] ) this.innerHTML = '{TEXT} (' + def_list['{TEXT}'] + ')';"
  onmouseout="this.innerHTML = '{TEXT}';"
  style="border-bottom: 1px dashed #000000;"
  ">{TEXT}</span>

[Ger]

Dat werkt, bedankt!

Nu wil ik van die lijst het liefst een extern bestand maken. Dan moet ik dus een koppeling maken tussen die replacement html en het externe .js-bestand. Dat is mogelijk weet ik, alleen niet hoe...

[BetaDevil]

Plaats in overall_header.html

Code: Selecteer alles

<script type="text/javascript" src="http://www.site.nl/dfn.js"></script>

http://www.site.nl/dfn.js

Code: Selecteer alles

var def_list = new Array();

def_list['woord'] = 'uiteg';

[Ger]

Thanks!

[Ger]

In een continue zucht naar verbetering, lijkt het me leuk om de definities nóg gemakkelijker in te laten voegen voor de gebruikers. Ik denk dan aan bijvoorbeeld de Wikipedia-manier van links invoeren, dus dat men niet hoeft te typen

Code: Selecteer alles

[dfn]saya[/dfn]

maar gewoon

Code: Selecteer alles

[saya]

ofzo. Of nóg leuker: als men gewoon saya typt, dat het dan automatisch omgezet wordt naar het javascript-gebeuren zoals hierboven staat.

Is zoiets mogelijk?

NB: de censuur-lijst werkt niet, aangezien censuur pas na de BBcode wordt toegepast. Of kan ik dat eenvoudig verplaatsen?

[Ger]

Hmm… het lijkt erop dat het in IE niet goed gaat als ik meerdere definities in één post gebruik. Enig idee hoe dat komt, en hoe ik dat kan omzeilen?