Mercurial > hg > webaudioevaluationtool
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 } |