How to display references on html using bibtex format

I am using orgmode's export utility for html rendering. In my personal webpage on the University of Jyväskylä I want to display my publications. I have found that bibtex.js by google code is an easy way to do that.

For a long time I was getting the bibtex.js source code from google though for more than 4 months this link is broken. I was lucky enough to find the source code from Philip's Cooksey github page.

In my orgmode's file I am using the following HTML source code in order to render the bibtex citations in a proper manner. I have edit the "bibtex_template" according to my needs. The script below is rendered in html as follows1:

  • ().  . In . In . , Masters thesis. Masters thesis, . () ed., .
    <div id="bibtex_display"></div>
    <textarea id="bibtex_input" style="display:none;">
      title={A minimal interface for live hardware coding},
      author={Diapoulis, G. and I. Zannos},
      booktitle={Live Interfaces, 2012},
      title={Tangibility and Low-Level Live Coding},
      author={Diapoulis, Georgios and Zannos, Ioannis},
      publisher={Ann Arbor, MI: Michigan Publishing, University of Michigan Library}
      title={Effect of tempo and vision on interpersonal coordination of timing in dyadic performance},
      author={Thompson, Marc and Diapoulis, Georgios and Johnson, Susan and Kwan, Pui Yin and Himberg, Tommi},
      booktitle={Proceedings of the 11th International Symposium on CMMR, Plymouth, UK, June 16-19, 2015},
      organization={Laboratory of Mechanics and Acoustics}
      title={Exploring the perception of expressivity and interaction within musical dyads},
      author={Diapoulis, Georgios},
      school={University of Jyväskylä},
    <div class="bibtex_template">
        <span class="if author">
          <span class="author"></span>
        <span class="if year">
          (<span class="year"></span>).&nbsp
        <a class="url"><span class="title"></span></a>.
        <span class="if journal">
          In <span class="journal" style="font-style: italic;"></span>.
        <span class="if booktitle">
          In <span class="booktitle" style="font-style: italic;"></span>.
        <span class="if mastersthesis">
          <span class="mastersthesis" style="font-style: italic;"></span>, Masters thesis.
        <span class="if school">
          <i>Masters thesis,</i>&nbsp<span class="school"></span>.
        <span class="if volume" style="font-style: italic;">
          <span class="volume"></span>
          <span class="if number" style="font-style: italic;">(<span class="number"></span>)</span>,&nbsp
          <span class="if pages">
            <span class="pages"></span>.&nbsp
        <span class="if edition">
          <span class="edition"></span> ed.,
        <span class="if publisher">
          <span class="publisher"></span>.
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script>



    Unfortunately I noticed that this approach does not works for Chrome. In Firefox and Safari looks OK.

    Latest posts