assorted changes to make it work in older browsers

panikweb_templates/static/css/general.css

@@ -89,7 +89,6 @@ table,td,tr  {
 	margin:0;
 	word-wrap: break-word;
 	text-overflow: ellipsis;
-	overflow: hidden;
         text-align: center;
         vertical-align: middle;
         border: 1px solid #D0D0D0;

panikweb_templates/static/css/specifics.css

@@ -288,6 +288,7 @@ body{
 }
 #player-container #player{
     padding:0 0 0 0;
+    min-width: 240px;
 }
 
 #Changing h1.top a:hover {
@@ -942,6 +943,10 @@ ul.extra-soundfiles li div.audio {
     border:2px solid #0000ff;
 }
 
+.newsRoll .by3 button {
+	width: 100%;
+}
+
 .soundfiles .special a,
 .news .special a {
 	position: relative;

panikweb_templates/static/js/audioPlayer.js

@@ -68,10 +68,14 @@
 		},
 		savePlaylist: function(){
 			var JSONPlaylist = JSON.stringify(this.playlist, null, '\t');
-			localStorage['playlist'] = JSON.stringify(this.playlist, null, '\t');
+			if (localStorage !== null && localStorage !== undefined) {
+				localStorage['playlist'] = JSON.stringify(this.playlist, null, '\t');
+			}
 		},
 		loadPlaylist: function(){
-			this.playlist = localStorage['playlist']?JSON.parse(localStorage['playlist']):this.playlist;
+			if (localStorage !== null && localStorage !== undefined) {
+				this.playlist = localStorage['playlist']?JSON.parse(localStorage['playlist']):this.playlist;
+			}
 			$.each(this.playlist,function(k,v){
 				thePlaylist.playlistContainer.append(thePlaylist._htmlifyJsonSound(v));
 			});
@@ -132,19 +136,19 @@
 				thePlaylist.pauseSounds();
 				return this;
 			});
-			var controls = $('<span>',{class:'soundControls controls'});
-			var link = $('<a>',{href:sound.url,class:'button icon-external-link'});
-			var html5 = $('<button>',{title:"Display HTML5 audio",class:'icon-html5',click:function(){
+			var controls = $('<span>',{'class':'soundControls controls'});
+			var link = $('<a>',{href:sound.url,'class':'button icon-external-link'});
+			var html5 = $('<button>',{title:"Display HTML5 audio",'class':'icon-html5',click:function(){
 				audio.toggle();
 			}}).hide();
-			var remove = $('<button>',{title:"Remove from list",class:'icon-remove',click:function(){
+			var remove = $('<button>',{title:"Remove from list",'class':'icon-remove',click:function(){
 				container.remove();
 				thePlaylist._update();
 			}});
-			var stop = $('<button>',{title:"Stop",class:'icon-stop',click:function(){
+			var stop = $('<button>',{title:"Stop",'class':'icon-stop',click:function(){
 				audio.trigger('stop');
 			}}).hide();
-			var playpause = $('<button>',{title:"Play/Pause",class:'icon-play',click:function(){
+			var playpause = $('<button>',{title:"Play/Pause",'class':'icon-play',click:function(){
 				
 				  if (audio[0].paused == false) { audio.trigger('pause');
 				  } else {
@@ -152,7 +156,7 @@
 				}
 			}});
 			controls.append(playpause).append(stop).append(remove).append(html5);
-			var title = $('<a>',{title:"More information",href:sound.url,class:"button title",html:sound.title});
+			var title = $('<a>',{title:"More information",href:sound.url,'class':"button title",html:sound.title});
 			container.append(controls).append(title).append(audio);
 			if(sound.focus){thePlaylist.setFocus(container);}
 			return container;
@@ -191,16 +195,16 @@
 				thePlaylist._update();
 			}});
 			*/
-			this.registerControl('previous',{class:"icon-step-backward",click:function(){
+			this.registerControl('previous',{'class':"icon-step-backward",click:function(){
 				thePlaylist.playPrevious();
 			}});
-			this.registerControl('stop',{class:"icon-stop",click:	function(){ 
+			this.registerControl('stop',{'class':"icon-stop",click:	function(){ 
 				thePlaylist.stopSounds();
 			}});
-			this.registerControl('playpause',{class:"icon-play playPause",click:	function(){
+			this.registerControl('playpause',{'class':"icon-play playPause",click:	function(){
 				thePlaylist.playPauseList();
 			}});
-			this.registerControl('next',{class:"icon-step-forward",click:	function(){ 
+			this.registerControl('next',{'class':"icon-step-forward",click:	function(){ 
 				thePlaylist.playNext();
 			}});
 			return true;

panikweb_templates/static/js/specifics.js

@@ -14,7 +14,7 @@ var urlParams;
 $(function() {
 
 	doLog = function(aTextToLog, type){
-		var aLog = $('<div>',{class:"log "+type,html:aTextToLog});
+		var aLog = $('<div>',{'class':"log "+type,html:aTextToLog});
 		aLog.hide().prependTo($log).show('fast').delay(3000).hide('fast', function() { 
 			$(this).remove(); 
 		});
@@ -241,8 +241,8 @@ $(function() {
 	}
 
 	var $localList = $('#localList').playlist({
-		controlContainer: $('<div>',{class:"playListControls"}).sortable(),
-		playlistContainer: $('<ol>',{id:"myPlaylist",class:"custom"}).sortable(),
+		controlContainer: $('<div>',{'class':"playListControls"}).sortable(),
+		playlistContainer: $('<ol>',{id:"myPlaylist",'class':"custom"}).sortable(),
 		onLoad:function(self){
 			$('#toggleList').on('click',function(){ 
 				self.playlistContainer.toggleClass('deploy');