4,8d3
< <style>
<   td.source {
<     border: 1px solid transparent;
<   }
< </style>
13,15d7
<  var sourcenum=location.search.split('sourcenum=')[1] ? eval(location.search.split('sourcenum=')[1].split('&')[0]) : 1;
<  var sdone=false;
<  var sourceid='sou' + 'rce';
95c87
<      document.getElementById(sourceid).setAttribute('contenteditable',false);
---
>      document.getElementById('source').setAttribute('contenteditable',false);
98,99c90,91
<   if (clonedata != document.getElementById(sourceid).innerHTML) { 
<     clonedata=document.getElementById(sourceid).outerHTML.replace(' id=', ' data-id=');
---
>   if (clonedata != document.getElementById('source').innerHTML) { 
>     clonedata=document.getElementById('source').outerHTML.replace(' id=', ' data-id=');
101,144d92
<   } 
<   if (sourcenum > 1 && !sdone) {
<     sdone=true;
<     var snc=document.getElementById('source').innerText;
<     var ourone=1, onepos=0;
<     var spanstuff='', kspan=0;
<     if (eval('' + snc.length) > eval('' + sourcenum)) {
<       ourone=Math.floor(eval(eval('' + snc.length) / eval('' + sourcenum)));
<     }
<     for (kspan=0; kspan<eval('' + sourcenum); kspan++) {
<       if (eval(eval('' + onepos) + eval('' + ourone)) < eval('' + snc.length) && eval(1 + kspan) != eval('' + sourcenum)) {
<       spanstuff+='<span class=source draggable="true" id=span' + kspan + '>' + snc.substring(onepos).substring(0,ourone) + '</span>';
<       } else if (eval('' + onepos) < eval('' + snc.length)) {
<       //alert(snc.substring(onepos));
<       spanstuff+='<span class=source draggable="true" id=span' + kspan + '>' + snc.substring(onepos) + '</span>';
<       } else {
<       spanstuff+='<span class=source draggable="true" id=span' + kspan + '> </span>';
<       }
<       onepos+=ourone;
<     }
<     document.getElementById('dsource').innerHTML='<ta' + 'ble cellpadding=0 cellspacing=0 id=source style="background-color:#f0f0f0;"><t' + 'r>' + spanstuff.replace(/span/g, 'td') + '</t' + 'r></ta' + 'ble>';
<     setTimeout(aathen, 50);
<   setTimeout(cloneize, 100);
<  }
< 
<  function aathen() {
<     for (var kspan=0; kspan<eval('' + sourcenum); kspan++) {
< document.getElementById('td' + kspan).addEventListener("dragstart", (ev) => {
<   console.log("dragStart");
<   sourceid='' + ev.target.id;
<   // Change the source element's background color
<   // to show that drag has started
<   ev.currentTarget.classList.add("dragging");
<   // Clear the drag data cache (for all formats/types)
<   ev.dataTransfer.clearData();
<   // Set the drag's format and data.
<   // Use the event target's id for the data
<   ev.dataTransfer.setData("text/plain", ev.target.id);
< });
< document.getElementById('td' + kspan).addEventListener("dragend", (ev) =>
<   ev.target.classList.remove("dragging")
< );
<     }
<     //alert(spanstuff);
145a94
>   setTimeout(cloneize, 100);
296,297c245,246
< <div id=dsource>
<   <p id="source" class="source" draggable="true" contenteditable="true" style="background-color:#f0f0f0;">
---
> <div>
>   <p id="source" draggable="true" contenteditable="true" style="background-color:#f0f0f0;">
317d265
<   sourceid='' + ev.target.id;
350c298
<          if (('' + ev.target.getAttribute('data-answer')) == ('' + document.getElementById('source').getAttribute('data-answer')) || ('' + ev.target.getAttribute('data-answer')) == ('' + document.getElementById(sourceid).getAttribute('data-answer'))) {
---
>          if (('' + ev.target.getAttribute('data-answer')) == ('' + document.getElementById('source').getAttribute('data-answer'))) {
355,359c303
<            if (document.getElementById('source').outerHTML.indexOf('<ta' + 'ble') == 0) {
<            alert(('Correct answer was ' + document.getElementById(sourceid).getAttribute('data-answer')).replace('null',''));
<            } else {
<            alert(('Correct answer was ' + document.getElementById('source').getAttribute('data-answer')).replace('null',''));
<            }
---
>            alert('Correct answer was ' + document.getElementById('source').getAttribute('data-answer'));
364c308
<          clonedatatwo=document.getElementById(sourceid).outerHTML;
---
>          clonedatatwo=document.getElementById('source').outerHTML;
368c312
<          clonedatatwo=document.getElementById(sourceid).outerHTML;
---
>          clonedatatwo=document.getElementById('source').outerHTML;