Replace the "View Additional Copies..." button with a Link in bib_display.html

This HTML/Javascript solution will replace the long (some might say ugly) "View additional copies..." button that appears on bib_display.html when a record has more than ten attached items.

1. Wrap your <--{items}--> token in a span or div, and give the span/div an id. For example:
   <span class="bibItems" id="bibItems_main">
   <--{items}-->
   </span>
2. Insert the following JavaScript code below the span/div you just created:
   <script type="text/javascript"> <-- // What is the id of the element (usually a span or div) that contains your {items} token? var elId = "bibItems_main"; // What do you want the link text to be? var linkTxt = "See all copies"; // Give the new link a class so it can be added to your stylesheet; var linkClass = "view_link"; // No need to edit beyond this point; var itWrap = document.getElementById(elId); var frm = itWrap.getElementsByTagName("form"); if (frm.length == 0) {} // if there are no forms in the element, do nothing; else { for (var i=0; i<frm.length; i++) { if (frm[i].action.indexOf('holdings&') != -1) { // if the View additional copies form exists... ; var theFrm = frm[i]; // get it; var act = theFrm.action; // get the form's action; var lnk = document.createElement('a'); // create the new link element; var txt = document.createTextNode(linkTxt); // create the new link text; lnk.href = act; // the form's action becomes the link's href value; lnk.className = linkClass; // attach a className to the link (customizable); lnk.setAttribute('title',linkTxt); // attach a title to the link; lnk.appendChild(txt); itWrap.insertBefore(lnk,theFrm.parentNode); // insert the new link; theFrm.style.display = "none"; // hide the old form; } else {} } } //--> </script>
   You can customize the first 3 variables of the script; keep in mind that the id you created in Step 1 should match the value of elId in the script.

Before:

After: