Commits

Mathias Panzenböck  committed 7c4cbdf

make buttons non-draggable

  • Participants
  • Parent commits 5ca8bdc

Comments (0)

Files changed (1)

 	<div class="about-float">
 	<a class="logo" title="Magnatune" href="http://magnatune.com/"><img alt="" src="images/logo.png"/></a>
 	<span class="app installed" style="display:none;">App is installed</span>
-	<a class="app button install" style="display:none;"
+	<a class="app button install" style="display:none;" draggable="false"
 		href="javascript:Magnatune.App.install();void(0)">Install Browser App</a>
-	<a class="app button uninstall" style="display:none;"
+	<a class="app button uninstall" style="display:none;" draggable="false"
 		href="javascript:Magnatune.App.uninstall();void(0)">Remove Browser App</a>
 	<label class="notification-controls" style="display:none;">
 		<input type="checkbox"
 		Show notifications on song change
 	</label>
 	</div>
-	<p><a id="start-tour" href="javascript:Magnatune.Tour.start();void(0)">Take a Tour</a> to
+	<p><a id="start-tour" draggable="false" href="javascript:Magnatune.Tour.start();void(0)">Take a Tour</a> to
 	get an overview of the features.</p>
 	<div class="share"></div>
 	<hr/>
 				<div id="play-progress" style="width:0px;"><div id="play-progress-knob"></div></div>
 				<div id="seek-tooltip" style="display:none;">
 					<div id="seek-position">--:--</div>
-					<img src="images/seek-tooltip-arrow.png" alt=""/>
+					<img draggable="false" src="images/seek-tooltip-arrow.png" alt=""/>
 				</div>
 			</div>
 
 			<div id="play-control-buttons">
-				<a id="stop-button" href="javascript:Magnatune.Player.stop();void(0)" title="Stop">&#x25A0;</a>
-				<a id="previous-button" href="javascript:Magnatune.Playlist.previous();void(0)" title="Previous">&#x25AE;&#x25C0;</a>
-				<a id="next-button" href="javascript:Magnatune.Playlist.next();void(0)" title="Next">&#x25B6;&#x25AE;</a>
+				<a id="stop-button" draggable="false" href="javascript:Magnatune.Player.stop();void(0)" title="Stop">&#x25A0;</a>
+				<a id="previous-button" draggable="false" href="javascript:Magnatune.Playlist.previous();void(0)" title="Previous">&#x25AE;&#x25C0;</a>
+				<a id="next-button" draggable="false" href="javascript:Magnatune.Playlist.next();void(0)" title="Next">&#x25B6;&#x25AE;</a>
 			</div>
 				
-			<a id="volume-button" class="button" href="javascript:Magnatune.Player.toggleVolume();void(0)" title="Change Volume"><img src="images/volume.png" alt="Volume"/></a>
+			<a id="volume-button" class="button" draggable="false" href="javascript:Magnatune.Player.toggleVolume();void(0)"
+				title="Change Volume"><img draggable="false" src="images/volume.png" alt="Volume"/></a>
 			<div id="volume-control" class="popup-menu" data-button="volume-button" style="display:none;">
 				<div id="volume">100%</div>
 				<div id="volume-bar-container"><div id="volume-bar" style="height:100%;"></div></div>
 					<label for="remember-login">remember</label>
 				</div>
 				<div class="popup-buttons">
-					<img id="login-spinner" title="Login in Progress..." style="display:none;" src="images/spinner.png" alt=""/>
+					<img draggable="false" id="login-spinner" title="Login in Progress..." style="display:none;" src="images/spinner.png" alt=""/>
 					<button type="submit">Login</button>
 				</div>
 			</form>
 			
 			<div id="waiting-wrapper">
-				<img id="waiting" title="Buffering..." style="display:none;" src="images/spinner.png" alt=""/>
+				<img draggable="false" id="waiting" title="Buffering..." style="display:none;" src="images/spinner.png" alt=""/>
 			</div>
 
 			<div id="status">
 			</div>
 
 			<div id="currently-playing">
-				<a href="javascript:Magnatune.Playlist.randomAlbum();void(0)">[Play Random Album]</a>
+				<a draggable="false" href="javascript:Magnatune.Playlist.randomAlbum();void(0)">[Play Random Album]</a>
 			</div>
 
 			<div class="slide-expand top">
-				<a id="player-hide" href="javascript:Magnatune.Player.hide();" title="Hide Player">&#x25B4;</a>
-				<a id="player-show" href="javascript:Magnatune.Player.show();" title="Show Player" style="display:none;">&#x25BE;</a>
+				<a id="player-hide" draggable="false" href="javascript:Magnatune.Player.hide();" title="Hide Player">&#x25B4;</a>
+				<a id="player-show" draggable="false" href="javascript:Magnatune.Player.show();" title="Show Player" style="display:none;">&#x25BE;</a>
 			</div>
 			
-			<a id="play-button" href="javascript:Magnatune.Player.playPause();void(0)"><img
-				id="play-image" src="images/play.png" alt="Play" title="Play"/><img
-				id="pause-image" src="images/pause.png" alt="Pause" title="Pause" style="display:none;"/></a>
+			<a id="play-button" draggable="false" href="javascript:Magnatune.Player.playPause();void(0)"><img
+				id="play-image" draggable="false" src="images/play.png" alt="Play" title="Play"/><img
+				id="pause-image" draggable="false" src="images/pause.png" alt="Pause" title="Pause" style="display:none;"/></a>
 		</div>
 	</div>
 
 			<div class="navigation-head">
 				<span class="search-container text-input-container">
 					<input id="search" type="text" autocomplete="off" title="Enter Search Terms"/>
-					<a class="input-clear" href="javascript:Magnatune.Navigation.clear();void(0)" title="Clear">&times;</a>
+					<a class="input-clear" draggable="false" href="javascript:Magnatune.Navigation.clear();void(0)" title="Clear">&times;</a>
 				</span>
 
-				<a class="navigation-head-button button" id="tree-mode-button" href="javascript:Magnatune.Navigation.toggleModeSelect();void(0)" title="Change Grouping of the Collection">Group</a>
+				<a class="navigation-head-button button" id="tree-mode-button" draggable="false" href="javascript:Magnatune.Navigation.toggleModeSelect();void(0)" title="Change Grouping of the Collection">Group</a>
 				<ul id="tree-mode-select" class="popup-menu pulldown-menu" data-button="tree-mode-button" style="display:none;">
-					<li id="mode-album" class="first"><a href="javascript:Magnatune.Navigation.setMode('album');void(0)">Album</a></li>
-					<li id="mode-artist-album"><a href="javascript:Magnatune.Navigation.setMode('artist/album');void(0)">Artist / Album</a></li>
-					<li id="mode-genre-album"><a href="javascript:Magnatune.Navigation.setMode('genre/album');void(0)">Genre / Album</a></li>
-					<li id="mode-genre-artist-album" class="last active"><a href="javascript:Magnatune.Navigation.setMode('genre/artist/album');void(0)">Genre / Artist / Album</a></li>
+					<li id="mode-album" class="first"><a draggable="false" href="javascript:Magnatune.Navigation.setMode('album');void(0)">Album</a></li>
+					<li id="mode-artist-album"><a draggable="false" href="javascript:Magnatune.Navigation.setMode('artist/album');void(0)">Artist / Album</a></li>
+					<li id="mode-genre-album"><a draggable="false" href="javascript:Magnatune.Navigation.setMode('genre/album');void(0)">Genre / Album</a></li>
+					<li id="mode-genre-artist-album" class="last active"><a draggable="false" href="javascript:Magnatune.Navigation.setMode('genre/artist/album');void(0)">Genre / Artist / Album</a></li>
 				</ul>
 
-				<a class="navigation-head-button button" id="tree-order-button" href="javascript:Magnatune.Navigation.toggleOrderSelect();void(0)" title="Change Sorting">Order</a>
+				<a class="navigation-head-button button" id="tree-order-button" draggable="false" href="javascript:Magnatune.Navigation.toggleOrderSelect();void(0)" title="Change Sorting">Order</a>
 				<ul id="tree-order-select" class="popup-menu pulldown-menu" data-button="tree-order-button" style="display:none;">
-					<li id="order-by-name" class="first active"><a href="javascript:Magnatune.Navigation.setOrder('name');void(0)">By Name</a></li>
-					<li id="order-by-date" class="last"><a href="javascript:Magnatune.Navigation.setOrder('date');void(0)">By Date</a></li>
+					<li id="order-by-name" class="first active"><a draggable="false" href="javascript:Magnatune.Navigation.setOrder('name');void(0)">By Name</a></li>
+					<li id="order-by-date" class="last"><a draggable="false" href="javascript:Magnatune.Navigation.setOrder('date');void(0)">By Date</a></li>
 				</ul>
 			</div>
 			<div id="tree">
 			</div>
 			
 			<div class="slide-expand left">
-				<a id="navigation-hide" href="javascript:Magnatune.Navigation.hide();void(0)" title="Hide Collection">&#x25C2;</a>
-				<a id="navigation-show" href="javascript:Magnatune.Navigation.show();void(0)" title="Show Collection" style="display:none;">&#x25B8;</a>
+				<a id="navigation-hide" draggable="false" href="javascript:Magnatune.Navigation.hide();void(0)" title="Hide Collection">&#x25C2;</a>
+				<a id="navigation-show" draggable="false" href="javascript:Magnatune.Navigation.show();void(0)" title="Show Collection" style="display:none;">&#x25B8;</a>
 			</div>
 		</div>
 
 
 			<div id="playlist-container" style="display:none;" class="tab">
 				<div class="tab-head">
-					<a class="button" href="javascript:Magnatune.Playlist.clear();void(0)" title="Clear Playlist"><img src="images/clear.png" alt="Clear Playlist"/></a>
-					<a class="button" href="javascript:Magnatune.Playlist.removeSelected();void(0)" title="Remove Selected"><img src="images/remove.png" alt="Remove Selected"/></a>
-					<a class="button" href="javascript:Magnatune.Playlist.toggleSelectAll();void(0)" title="Select All/None"><img src="images/all-none.png" alt="Select All/None"/></a>
-					<a id="show-current" class="button" href="javascript:Magnatune.Playlist.showCurrent();void(0)" title="Show Active Track"><img src="images/current.png" alt="Show Active Track"/></a>
-					<a class="button" href="javascript:Magnatune.Playlist.randomAlbum();void(0)" title="Play Random Album"><img src="images/random.png" alt="Play Random Album"/></a>
+					<a class="button" draggable="false" href="javascript:Magnatune.Playlist.clear();void(0)" title="Clear Playlist"><img draggable="false" src="images/clear.png" alt="Clear Playlist"/></a>
+					<a class="button" draggable="false" href="javascript:Magnatune.Playlist.removeSelected();void(0)" title="Remove Selected"><img draggable="false" src="images/remove.png" alt="Remove Selected"/></a>
+					<a class="button" draggable="false" href="javascript:Magnatune.Playlist.toggleSelectAll();void(0)" title="Select All/None"><img draggable="false" src="images/all-none.png" alt="Select All/None"/></a>
+					<a id="show-current" class="button" draggable="false" href="javascript:Magnatune.Playlist.showCurrent();void(0)" title="Show Active Track"><img draggable="false" src="images/current.png" alt="Show Active Track"/></a>
+					<a class="button" draggable="false" href="javascript:Magnatune.Playlist.randomAlbum();void(0)" title="Play Random Album"><img draggable="false" src="images/random.png" alt="Play Random Album"/></a>
 
 					<span id="playlists-controls">
-						<a class="button" id="playlists-button" href="javascript:Magnatune.Playlist.togglePlaylistMenu();void(0)"
-								title="Load Playlist..."><img src="images/playlists.png" alt="Load Playlists..."/></a>
+						<a class="button" id="playlists-button" draggable="false" href="javascript:Magnatune.Playlist.togglePlaylistMenu();void(0)"
+								title="Load Playlist..."><img draggable="false" src="images/playlists.png" alt="Load Playlists..."/></a>
 						<table id="playlists-menu" class="popup-menu pulldown-menu" data-button="playlists-button" style="display:none;">
 							<tbody>
 								<tr class="first last"><td><span class="empty">(No Saved Playlists)</span></td></tr>
 							</tbody>
 						</table>
-						<a class="button" id="save-button" href="javascript:Magnatune.Playlist.toggleSaveDialog();void(0)" title="Save Playlist..."><img src="images/save.png" alt="Save Playlist..."/></a>
+						<a class="button" id="save-button" draggable="false" href="javascript:Magnatune.Playlist.toggleSaveDialog();void(0)" title="Save Playlist..."><img draggable="false" src="images/save.png" alt="Save Playlist..."/></a>
 						<form action="javascript:Magnatune.Playlist.dialogSave();void(0)" id="save-popup" class="popup-menu popup-form" data-button="save-button" style="display:none;">
 							<div class="text-input-container">
 								<input id="save-playlist-name" type="text" placeholder="Playlist Name" title="Enter name of new playlist"/>
 							</div>
 						</form>
 					</span>
-					<a id="export-button" class="button" href="javascript:Magnatune.Playlist.toggleExportMenu();void(0)">Export...</a>
+					<a id="export-button" class="button" draggable="false" href="javascript:Magnatune.Playlist.toggleExportMenu();void(0)">Export...</a>
 					<form action="javascript:Magnatune.Playlist.showExport();void(0)"
 						id="export-menu" class="popup-menu popup-form" data-button="export-button" style="display:none;">