Using simpleCart.js toBuild a Finding AidShopping CartAllison Jai ODellArchivists Being Awesome8 May 2013
simpleCart.jshttp://simplecartjs.org
Heres how it looks:Container List w/ “Request” ButtonSample from Library of Congress EAD documentation
Request ListItems added from finding aidto the request listhttp://www.allisonjai.com/EAD.html
EAD File TweaksEncase each < c02 > (or other level) with a < div >class="simpleCart_shelfItem"Each < did > gets class="ite...
EAD File Tweaks<c02 level="file"><div class="simpleCart_shelfItem"><did class="item_name">MS-P29 /<container type="box-fol...
Creating the E-mail FormIn the simpleCart.js file, change: me.checkoutTo = Email;Add form input validation to the e-mail c...
Creating the E-mail Form(Other submission options exist! This is what I did...)Add these lines to simpleCart.js:var email ...
Collecting Patron Information(What the prompt from the previous slide does...)
E-mail to the Archives
Possibilities* Automatically print call slips* Transfer request to a tracking database* Include scheduling in request, lin...
Upcoming SlideShare
Loading in …5
×

Using JavaScript simpleCart to build finding aid "shopping cart"

1,871 views

Published on

Allison Jai O'Dell spoke at Archivists Being Awesome about her work setting up a shopping cart for manuscript finding aids using JavaScript simpleCart

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,871
On SlideShare
0
From Embeds
0
Number of Embeds
325
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Using JavaScript simpleCart to build finding aid "shopping cart"

  1. 1. Using simpleCart.js toBuild a Finding AidShopping CartAllison Jai ODellArchivists Being Awesome8 May 2013
  2. 2. simpleCart.jshttp://simplecartjs.org
  3. 3. Heres how it looks:Container List w/ “Request” ButtonSample from Library of Congress EAD documentation
  4. 4. Request ListItems added from finding aidto the request listhttp://www.allisonjai.com/EAD.html
  5. 5. EAD File TweaksEncase each < c02 > (or other level) with a < div >class="simpleCart_shelfItem"Each < did > gets class="item_name"Include the "item_add" command alongsideevery didAdd collection number to each box/foldernumber for identification
  6. 6. EAD File Tweaks<c02 level="file"><div class="simpleCart_shelfItem"><did class="item_name">MS-P29 /<container type="box-folder" label="Box ">1 : 4</container><unittitle>Classic, John Hancock Hall, Boston</unittitle>,<unitdate normal="1938">1938</unitdate></did>[<a href="javascript:;" class="item_add" onclick="displaymessage()"/>Request</a>] <br><br></div></c02>
  7. 7. Creating the E-mail FormIn the simpleCart.js file, change: me.checkoutTo = Email;Add form input validation to the e-mail checkout,using the guidelines at:https://github.com/wojodesign/simplecart-js/issues/242<?php$to = you@example.com;$subject = the subject;$jcitems = $_POST[jcitems];$headers = From: webmaster@example.com . "rn" .Reply-To: webmaster@example.com . "rn" .X-Mailer: PHP/ . phpversion();mail($to, $subject, $jcitems, $headers);Header(Location: thankyou.html);?>
  8. 8. Creating the E-mail Form(Other submission options exist! This is what I did...)Add these lines to simpleCart.js:var email = document.createElement("email");email = prompt("Please enter your e-mail address");form.appendChild(me.createHiddenElement("email", email));Add this line to the PHP file:$email = $_POST[email];And tweak:mail($to, $subject, $jcitems.$email, $headers);
  9. 9. Collecting Patron Information(What the prompt from the previous slide does...)
  10. 10. E-mail to the Archives
  11. 11. Possibilities* Automatically print call slips* Transfer request to a tracking database* Include scheduling in request, link withcalendar….Other ideas? Questions?http://www.allisonjai.com/EAD.htmlE-mail me: AJODELL@gmail.com

×