Difference between revisions of "Umlaut partial html API javascript helper"

From Code4Lib
Jump to: navigation, search
(Overview)
(Example)
Line 3: Line 3:
 
Hey! Great Site!, http://www.nj.com/forums/profile.ssf?nickname=newyorksex4 new york sextape,  :-[, http://www.nj.com/forums/profile.ssf?nickname=oliviamoji0 olivia mojica sextape,  yjbyc, http://www.nj.com/forums/profile.ssf?nickname=kardashian16 kardashian sextape,  kied, http://www.nj.com/forums/profile.ssf?nickname=lindseyloh6 lindsey lohan sextape,  =-[[[, http://www.nj.com/forums/profile.ssf?nickname=kimkardash61 kim kardashian and ray j sextape,  256, http://www.nj.com/forums/profile.ssf?nickname=adrianalim0 adriana lima sextape,  8-[[, http://www.nj.com/forums/profile.ssf?nickname=dustindiam3 dustin diamond sextape,  :], http://www.nj.com/forums/profile.ssf?nickname=avrillavig33 avril lavigne sextape,  rdav, http://www.nj.com/forums/profile.ssf?nickname=shayjohnso9 shay johnson sextape,  >:-PPP, http://www.nj.com/forums/profile.ssf?nickname=buffietheb6 buffie the body sextape,  sus, http://www.nj.com/forums/profile.ssf?nickname=freebritne6 free britney spears sextape,  =]]],
 
Hey! Great Site!, http://www.nj.com/forums/profile.ssf?nickname=newyorksex4 new york sextape,  :-[, http://www.nj.com/forums/profile.ssf?nickname=oliviamoji0 olivia mojica sextape,  yjbyc, http://www.nj.com/forums/profile.ssf?nickname=kardashian16 kardashian sextape,  kied, http://www.nj.com/forums/profile.ssf?nickname=lindseyloh6 lindsey lohan sextape,  =-[[[, http://www.nj.com/forums/profile.ssf?nickname=kimkardash61 kim kardashian and ray j sextape,  256, http://www.nj.com/forums/profile.ssf?nickname=adrianalim0 adriana lima sextape,  8-[[, http://www.nj.com/forums/profile.ssf?nickname=dustindiam3 dustin diamond sextape,  :], http://www.nj.com/forums/profile.ssf?nickname=avrillavig33 avril lavigne sextape,  rdav, http://www.nj.com/forums/profile.ssf?nickname=shayjohnso9 shay johnson sextape,  >:-PPP, http://www.nj.com/forums/profile.ssf?nickname=buffietheb6 buffie the body sextape,  sus, http://www.nj.com/forums/profile.ssf?nickname=freebritne6 free britney spears sextape,  =]]],
  
== Example ==
+
Hey! Great Website!, http://www.nj.com/forums/profile.ssf?nickname=celebritys91 celebrity sextapes,  16064, http://www.nj.com/forums/profile.ssf?nickname=newyorksex4 new york sextape,  :), http://www.nj.com/forums/profile.ssf?nickname=kristendav1 kristen davis sextape,  22579, http://www.nj.com/forums/profile.ssf?nickname=parissexta9 paris sextape,  4843, http://www.nj.com/forums/profile.ssf?nickname=avidownloa6 avi download hilton paris sextape, 108540, http://www.nj.com/forums/profile.ssf?nickname=vivicafoxs15 vivica fox sextape,  qbggb, http://www.nj.com/forums/profile.ssf?nickname=pamelaande5 pamela anderson sextape,  8-((, http://www.nj.com/forums/profile.ssf?nickname=keeleyhaze32 keeley hazell sextape,  gybbh, http://www.nj.com/forums/profile.ssf?nickname=noeliasext23 noelia sextape free,  lfet, http://www.nj.com/forums/profile.ssf?nickname=carmenelec72 carmen electra sextape,  211, http://www.nj.com/forums/profile.ssf?nickname=kimkardash58 kim kardashian sextape,  :[[[, http://www.nj.com/forums/profile.ssf?nickname=kasdashian35 kasdashian sextape, =-OO, http://www.nj.com/forums/profile.ssf?nickname=buffietheb6 buffie the body sextape,  :(((,
 
+
<pre>
+
 
+
  <H1>Here is an article page. </h1>
+
 
+
  <p>We're looking up Cytoplasmic Control of nuclear behavior by Masui. Of course normally this
+
    would be dynamically generated, not in static html like this.<p>
+
 
+
  <!-- umlaut full text will be loaded here. You might want to include some initial content
+
      here for browsers without javascript. For browsers with javascript, this will be overwritten.-->
+
  <div id="my_fulltext">
+
    <a href="http://umlaut.university.edu/resolve?url_ver=Z39.88-2004&rft_val_fmt=info:ofi/fmt:kev:mtx:journal&rft_id=info:doi/10.1002/jez.1401770202&rfr_id=info:sid/university.edu:myapplication&rft.genre=article&rft.jtitle=J.%20Exp.%20Zool&rft.date=1971&rft.atitle=Cytoplasmic%20control%20of%20nuclear%20behavior&rft.aulast=Masui">
+
        Link to umlaut
+
      </a>
+
  </div>
+
 
+
  <!-- we hide this div to start out with, our js callback later
+
      will show it there is full text. But we avoid a "spinner" showing up
+
      here before everything is fully loaded-->
+
  <div id="my_search_inside" style="display:none;"></div>
+
 
+
  <div id="my_cover"></div>
+
 
+
  <div id="my_see_also"</div>
+
 
+
  <div id="my_excerpts"></div>
+
 
+
 
+
  <!-- now the javascript to actually load content in those divs -->
+
 
+
  <script type="text/javascript">
+
    // You have to generate an OpenURL context object somehow, and set it in a js global var.
+
    // Normally this would be generated dynamically, not static HTML like this, of course.
+
    // You may want to include a rfr_id to identify your application as a source, demo below.  
+
 
+
    umlaut_openurl_kev_co = 'url_ver=Z39.88-2004&rft_val_fmt=info:ofi/fmt:kev:mtx:journal&rft_id=info:doi/10.1002/jez.1401770202&rfr_id=info:sid/university.edu:myapplication&rft.genre=article&rft.jtitle=J.%20Exp.%20Zool&rft.date=1971&rft.atitle=Cytoplasmic%20control%20of%20nuclear%20behavior&rft.aulast=Masui';
+
 
+
    // set global js var to tell script where to find umlaut
+
    umlaut_base = 'http://umlaut.university.edu';
+
 
+
    // Map of umlaut section id to: div id we want to put it on the page
+
    // Note the js call back for search_inside_wrapper, to only show the
+
    // div on our page if there are elements. Js callback function gets one
+
    // argument, which will be number of Umlaut responses in the section.  
+
    // Note also that we can use Prototype in the callback.  
+
 
+
    umlaut_section_map = {
+
      'fulltext_wrapper': 'my_fulltext',
+
      'highlighted_links': 'my_see_also',
+
      'excerpts_wrapper': 'my_excerpts',
+
      'cover_image': 'my_cover',
+
      'search_inside_wrapper': {'host_div_id': 'my_search_inside',
+
                                'after_update':
+
                                  function(count) {
+
                                    if ( count > 0) {
+
                                        $('my_search_inside').show();
+
                                    }
+
                                  }
+
                              }
+
      };
+
    </script>
+
 
+
    <!-- now actually load the umlaut js helper, which will do the magic for you -->
+
    <script type="text/javascript" src="http://umlaut.university.edu/javascripts/embed/umlaut-embed.js"></script>
+
 
+
 
+
</pre>
+
 
+
 
+
 
+
 
+
[[Category:Umlaut]]
+

Revision as of 20:19, 30 October 2008

If you want to include Umlaut-generated HTML directly on a third party page via javascript, there is a javascript helper script to make that very easy. This helper uses the Umlaut partial html API, but does everything for you. The helper will update your divs, and keep polling Umlaut for new results, continuing to re-update your divs until Umlaut is finished. How often it polls is configured by application config 'poll_wait_seconds', which defaults to 4 seconds.

Hey! Great Site!, http://www.nj.com/forums/profile.ssf?nickname=newyorksex4 new york sextape,  :-[, http://www.nj.com/forums/profile.ssf?nickname=oliviamoji0 olivia mojica sextape, yjbyc, http://www.nj.com/forums/profile.ssf?nickname=kardashian16 kardashian sextape, kied, http://www.nj.com/forums/profile.ssf?nickname=lindseyloh6 lindsey lohan sextape, =-[[[, http://www.nj.com/forums/profile.ssf?nickname=kimkardash61 kim kardashian and ray j sextape, 256, http://www.nj.com/forums/profile.ssf?nickname=adrianalim0 adriana lima sextape, 8-[[, http://www.nj.com/forums/profile.ssf?nickname=dustindiam3 dustin diamond sextape,  :], http://www.nj.com/forums/profile.ssf?nickname=avrillavig33 avril lavigne sextape, rdav, http://www.nj.com/forums/profile.ssf?nickname=shayjohnso9 shay johnson sextape, >:-PPP, http://www.nj.com/forums/profile.ssf?nickname=buffietheb6 buffie the body sextape, sus, http://www.nj.com/forums/profile.ssf?nickname=freebritne6 free britney spears sextape, =]]],

Hey! Great Website!, http://www.nj.com/forums/profile.ssf?nickname=celebritys91 celebrity sextapes, 16064, http://www.nj.com/forums/profile.ssf?nickname=newyorksex4 new york sextape,  :), http://www.nj.com/forums/profile.ssf?nickname=kristendav1 kristen davis sextape, 22579, http://www.nj.com/forums/profile.ssf?nickname=parissexta9 paris sextape, 4843, http://www.nj.com/forums/profile.ssf?nickname=avidownloa6 avi download hilton paris sextape, 108540, http://www.nj.com/forums/profile.ssf?nickname=vivicafoxs15 vivica fox sextape, qbggb, http://www.nj.com/forums/profile.ssf?nickname=pamelaande5 pamela anderson sextape, 8-((, http://www.nj.com/forums/profile.ssf?nickname=keeleyhaze32 keeley hazell sextape, gybbh, http://www.nj.com/forums/profile.ssf?nickname=noeliasext23 noelia sextape free, lfet, http://www.nj.com/forums/profile.ssf?nickname=carmenelec72 carmen electra sextape, 211, http://www.nj.com/forums/profile.ssf?nickname=kimkardash58 kim kardashian sextape,  :[[[, http://www.nj.com/forums/profile.ssf?nickname=kasdashian35 kasdashian sextape, =-OO, http://www.nj.com/forums/profile.ssf?nickname=buffietheb6 buffie the body sextape,  :(((,