Posterous Templating II

HTML

<script src="http://jquizme.googlecode.com/hg/releases/pre-release%20of%20jQuizMe%202.2%20fixed/jQuizMe-2.2.js"></script>
<h1>Demo P2PU Quiz Using jQuizMe</h1>

<div id="quiz"></div>

CSS

body {
    font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    background: #E6EAE9;
}

a {
    color: #c75f3e;
}

#mytable {
    width: 700px;
    padding: 0;
    margin: 0;
}

caption {
    padding: 0 0 5px 0;
    width: 700px;     
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}


td.alt {
    background: #F5FAFA;
    color: #797268;
}

th.spec {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(images/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}

JavaScript

var quiz = {
 multiList: [
  {ques: "Where is P2PU incorporated?" 
$('#theDiv').prepend($('<img>',{id:'theImg',src:'http://1.bp.blogspot.com/-3ABRfUXFlV8/UcxzhExqWHI/AAAAAAAAE7Y/DndhY-rSRFg/s1600/logo_funbutlearn.png'})), 
   ans: "California", 
   ansSel:["New York", "South Africa", "Principality of Sealand"]
  },
  {ques: "How is P2PU legally structured?", 
   ans: "as a tax exempt 501(c)(3) entity", 
   ansSel:["as a trust", "under the Creative Commons protocol", "under the Discordian Charter"]
  },
  {ques: "Who is the executive director of P2PU?", 
   ans: "Philipp Schmidt", 
   ansSel:["Phillip Schmidt", "Illipphay Idtschmay", "Eric Schmidt"]
  },
  {ques: "When was the domain P2PU.org first registered?",
   ans: "October, 2008", 
   ansSel: [ "October 2010", "July, 2008", "Mayvember 2007"] 
  },
 ]
};

var options = {
 showAns: false,
 review: false,
 blockCheck: true
};

$("#quiz").jQuizMe( quiz, { quizType: "multi" });