comparison interfaces/ape.js @ 2168:af79a7f6a38b

Possible fix for #1673 and #1674

 			// Construct outside reference;
 			var orNode = new outsideReferenceDOM(audioObject,index,document.getElementById('interface-buttons'));
 			audioObject.bindInterface(orNode);
 		} else {
 			// Create a slider per track
-			var sliderNode = new sliderObject(audioObject,interfaceObj);
+			var sliderNode = new sliderObject(audioObject,interfaceObj,index);
 			audioObject.bindInterface(sliderNode);
             interfaceContext.commentBoxes.createCommentBox(audioObject);
 		}
 	});
 	

         scaleDOM.setAttribute('value',position)
 		this.scale.appendChild(scaleDOM);
 		scaleDOM.style.left = Math.floor((pixelPosition-($(scaleDOM).width()/2)))+'px';
 	}
 	
-	this.createSliderObject = function(audioObject)
+	this.createSliderObject = function(audioObject,label)
 	{
 		var trackObj = document.createElement('div');
         trackObj.align = "center";
 		trackObj.className = 'track-slider track-slider-disabled track-slider-'+audioObject.id;
 		trackObj.id = 'track-slider-'+this.id+'-'+audioObject.id;

 		w = Math.floor(w+(offset+8));
 		trackObj.style.left = w+'px';
 		this.canvas.appendChild(trackObj);
 		this.sliders.push(trackObj);
 		this.metrics.push(new metricTracker(this));
-		var label = document.createElement("label");
-        switch(audioObject.specification.parent.label) {
-            case "letter":
-                label.textContent = String.fromCharCode(97 + this.metrics.length-1);
-                break;
-            case "capital":
-                label.textContent = String.fromCharCode(65 + this.metrics.length-1);
-                break;
-            case "none":
-                label.textContent = "";
-                break;
-            default:
-                label.textContent = ""+this.metrics.length;
-                break;
-        }
-        trackObj.appendChild(label);
+		var labelHolder = document.createElement("span");
+        labelHolder.textContent = label;
+        trackObj.appendChild(labelHolder);
 		this.metrics[this.metrics.length-1].initialise(convSliderPosToRate(trackObj));
 		return trackObj;
 	};
 	
 	this.resize = function(event)

 			scaleObj.style.left = Math.floor((pixelPosition-($(scaleObj).width()/2)))+'px';
 		}
 	};
 }
 
-function sliderObject(audioObject,interfaceObjects) {
+function sliderObject(audioObject,interfaceObjects,index) {
 	// Create a new slider object;
 	this.parent = audioObject;
 	this.trackSliderObjects = [];
+    this.label = null;
+    switch(audioObject.specification.parent.label) {
+        case "letter":
+            this.label = String.fromCharCode(97 + index);
+            break;
+        case "capital":
+            this.label = String.fromCharCode(65 + index);
+            break;
+        case "none":
+            this.label = "";
+            break;
+        default:
+            this.label = ""+(index+1);
+            break;
+    }
 	for (var i=0; i<interfaceContext.interfaceSliders.length; i++)
 	{
-		var trackObj = interfaceContext.interfaceSliders[i].createSliderObject(audioObject);
+		var trackObj = interfaceContext.interfaceSliders[i].createSliderObject(audioObject,this.label);
 		this.trackSliderObjects.push(trackObj);
 	}
 
 	// Onclick, switch playback to that track
 	

 	this.getValue = function() {
 		return convSliderPosToRate(this.trackSliderObjects[0]);
 	};
 	this.getPresentedId = function()
 	{
-		return this.trackSliderObjects[0].children[0].textContent;
+		return this.label;
 	};
 	this.canMove = function()
 	{
 		return true;
 	};