comparison ape.js @ 3:1b01b7443a46

ape.js now creates text boxes for user feedback per channel.
author Nicholas Jillings <nicholas.jillings@eecs.qmul.ac.uk>
date Sun, 08 Mar 2015 19:53:47 +0000
parents 955d229b8a02
children 4766f485a1b0
comparison
equal deleted inserted replaced
2:955d229b8a02 3:1b01b7443a46
51 canvas.height = 150; 51 canvas.height = 150;
52 canvas.style.backgroundColor = '#eee'; 52 canvas.style.backgroundColor = '#eee';
53 53
54 sliderBox.appendChild(canvas); 54 sliderBox.appendChild(canvas);
55 55
56 var feedbackHolder = document.createElement('div');
57
58 var tracksXML = xmlDoc.find('track');
59 tracksXML.each(function(index,element){
60 var trackObj = document.createElement('div');
61 var trackTitle = document.createElement('span');
62 trackTitle.innerText = 'Comment on track '+index;
63 var trackComment = document.createElement('textarea');
64 trackComment.rows = '4';
65 trackComment.cols = '100';
66 trackComment.name = 'trackComment'+index;
67 trackComment.className = 'trackComment';
68 feedbackHolder.appendChild(trackTitle);
69 feedbackHolder.appendChild(trackComment);
70 feedbackHolder.appendChild(trackObj);
71 })
72
56 73
57 // Inject into HTML 74 // Inject into HTML
58 insertPoint.innerHTML = null; // Clear the current schema 75 insertPoint.innerHTML = null; // Clear the current schema
59 insertPoint.appendChild(title); // Insert the title 76 insertPoint.appendChild(title); // Insert the title
60 insertPoint.appendChild(sliderBox); 77 insertPoint.appendChild(sliderBox);
78 insertPoint.appendChild(feedbackHolder);
61 } 79 }