comparison interfaces/AB.js @ 2394:3d47c5ae0159

Fix for #88 and #89

 	{
 		document.getElementById("pageTitle").textContent = interfaceObj.title;
 	}
     
     var interfaceOptions = specification.interfaces.options.concat(interfaceObj.options);
+    // Clear the interfaceElements
+    {
+        var node = document.getElementById('playback-holder');
+        if (node){feedbackHolder.removeChild(node);}
+        node = document.getElementById('page-count');
+        if (node){document.getElementById('interface-buttons').removeChild(node);}
+        node = document.getElementById('master-volume-holder-float');
+        if (node){feedbackHolder.removeChild(node);}
+    }
+    
     for (var option of interfaceOptions)
     {
         if (option.type == "show")
         {
             switch(option.name) {
                 case "playhead":
                     var playbackHolder = document.getElementById('playback-holder');
                     if (playbackHolder == null)
                     {
                         playbackHolder = document.createElement('div');
+                        playbackHolder.id = 'playback-holder';
                         playbackHolder.style.width = "100%";
                         playbackHolder.style.float = "left";
                         playbackHolder.align = 'center';
                         playbackHolder.appendChild(interfaceContext.playhead.object);
                         feedbackHolder.appendChild(playbackHolder);

                         document.getElementById('interface-buttons').appendChild(pagecountHolder);
                     }
                     pagecountHolder.innerHTML = '<span>Page '+(testState.stateIndex+1)+' of '+testState.stateMap.length+'</span>';
                     break;
                 case "volume":
-                    if (document.getElementById('master-volume-holder') == null)
+                    if (document.getElementById('master-volume-holder-float') == null)
                     {
                         feedbackHolder.appendChild(interfaceContext.volume.object);
                     }
                     break;
             }