1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained PGN Chessboard 1.0

javascript chess games viewer for websites, blogs and live broadcasts

  1. Iomega0318
    Compatible XF Versions:
    • 1.0
    • 1.1
    • 1.2
    • 1.3
    • 1.4
    • 1.5
    Not really a request but noticed this thread here:
    So I decided to take it upon myself to do a simple, very simple example of what the OP was looking for, this can of course be taken much further and at some point I might look into doing so but I don't see a need at the moment. This uses http://pgn4web.casaschi.net for the javascript source, if you wish you can download the files yourself from https://sourceforge.net/projects/pgn4web/files/ and change the link accordingly. The way I implemented it makes it so you won't have to download any other files.

    As for the "board" itself there is much more customization available here:

    This uses the SMF style of BBCode, [PGN]
    This is an export of the BBCode directly from the BB Code & Smilies section of the XenForo Admin Panel, so that is where you will import the XML.

    Don't wish to import it?

    Add it in yourself using the following:
    (You can of course rename this to whatever you wish.)

    ss (2016-11-09 at 08.33.11)f.png
    <script type="text/javascript"> "use strict"; var pgn4webURL = "http://pgn4web.casaschi.net"; if (!document.getElementById("pgn4webEncoderScript")) { document.write('<script id="pgn4webEncoderScript" type="text/javascript" src="' + pgn4webURL + '/pgn-encoder.js"></' + 'script>'); } </script> <script type='text/javascript'> "use strict"; var pgn4webTextareaIdNum; if (pgn4webTextareaIdNum === undefined) { pgn4webTextareaIdNum = 1; } var pgn4webTextareaId = "pgn4web_" + pgn4webTextareaIdNum++; document.write("<textarea id='" + pgn4webTextareaId +"' style='display: none;'>"); </script>{text}</textarea> <script type='text/javascript'> "use strict"; var pgnText = document.getElementById(pgn4webTextareaId).value.replace(/<.*?>/g, ' '); var height = 268; var multiGamesRegexp = /\s*\[\s*\w+\s*"[^"]*"\s*\]\s*[^\s\[\]]+[\s\S]*\[\s*\w+\s*"[^"]*"\s*\]\s*/m; if (multiGamesRegexp.test(pgnText)) { height += 34; } document.write("<iframe src='" + pgn4webURL + "/board.html?am=l&amp;d=3000&amp;ss=26&amp;ps=d&amp;pf=d&amp;lcs=WdSO&amp;dcs=LHCg&amp;bbcs=LHCg&amp;hm=b&amp;hcs=lF6v&amp;bd=c&amp;cbcs=UJuI&amp;ctcs=BoVy&amp;hd=j&amp;md=f&amp;tm=13&amp;fhcs=$$$$&amp;fhs=14&amp;fmcs=$$$$&amp;fccs=v71$&amp;hmcs=M___&amp;fms=14&amp;fcs=m&amp;cd=i&amp;bcs=WdSO&amp;fp=13&amp;hl=t&amp;fh=b&amp;fw=p&amp;pe=" + EncodePGN(pgnText) + "' frameborder=0 width=100% height=" + height + " scrolling='no' marginheight='0' marginwidth='0'>your web browser and/or your host do not support iframes as required to display the chessboard</iframe>"); </script>
    [pgn] ... PGN data ... [/pgn]


    1. pgn4web-archive-viewer.png
    2. pgn4web-chessboard.png
    3. pgn4web-informant.png
    4. pgn4web-live-games-app.png
    5. pgn4web-live-multi.png
    6. pgn4web-puzzler.png
    iorG19 likes this.