Welcome!

Thanks for visiting. If you found this information interesting or useful (or you think I'm dead wrong about something) I'd like to invite you to leave a comment on this post. You can also subscribe to my RSS feed or sign up for email updates on the right-hand side of the page.

If you Digg what you StumbleUpon, find my writing del.icio.us, or are one of the Technorati, you know what to do:

Simple flashcards using JQuery

I wanted to create some flashcards for my Jesus and the Gospels class, where the final exam involves being given a large number of fill-in-the-blank questions. I also wanted to try out JQuery, a lightweight Javascript toolkit that has fascinated me for a while. The result is quite impressive for very little work.

To add items to the flashcards, you mark up text that looks like this:

How now brown cow?

So that it looks like this:

<p>How now <span class=”words”>brown</span> cow?</p>

I inlined the JQuery 1.2.1 library, wrote a tiny bit of glue to make things look good, and the result can be downloaded here: BI190 Flashcards using JQuery.

Related posts:

  1. Pauker for flashcards [caption id="attachment_288" align="alignright" width="300" caption="Pauker displaying Hebrew language flashcards"][/caption] My...

2 Responses to “Simple flashcards using JQuery


  • Aaron
    January 3rd, 2008 04:45
    1

    hey, i like the flashcard idea. any way of being able to use it like a memory test, ie. so i can actually type in the text before clicking to see the answer?

    also, i like your work on vixta.org. have been trying to put ubuntu on my laptop which has win 2000 on it, as win 2000 seems really slow on an old laptop. with ubuntu it seems to fly.

    i’d like to try vixta, but my laptop only has a cd-rom and not dvd-rom :(

    i could prob. create a bootable usb drive, but it seems like a lot of work, and i’m not sooo technically minded.

    blessings, aaron

  • Ted Carnahan
    March 28th, 2008 07:34
    2

    Wow, somehow I didn’t see this comment until now. Sorry! The trouble with doing a memory test is the vast number of ways that you can type a valid answer. The company I work for, Ideaworks, runs an essay grading service called SAGrader, which performs this feat, and it’s quite an involved process. Definitely possible, and SAGrader does a great job of extracting student answers from unstructured text, but let’s just say that it’s more complicated than I care to implement in Javascript.

Leave a Reply