Added basic contextmenu. No functionality!

1 files changed, 32 insertions, 2 deletions

diff --git a/www/browse.php b/www/browse.php
index ceb1be7..4e12694 100644
--- a/www/browse.php
+++ b/www/browse.php
@@ -61,6 +61,19 @@ function browse($content){
 						document.getElementById("upload-bg").style.visibility = "hidden";
 						return;
 					}
+					
+					
+					function showMenu(e) {
+						var posx = e.clientX +window.pageXOffset +"px";
+						var posy = e.clientY + window.pageYOffset + "px";
+						document.getElementById("context-menu").style.position = "absolute";
+						document.getElementById("context-menu").style.display = "inline";
+						document.getElementById("context-menu").style.left = posx;
+						document.getElementById("context-menu").style.top = posy;
+					}
+					function hideMenu() {
+						document.getElementById("context-menu").style.display = "none"; 
+					}
 				</script>
 				<div id="new-folder-bg">
 					<div id="new-folder-area">
@@ -89,7 +102,24 @@ function browse($content){
 						</form>
 					</div>
 				</div>
-				<table cellspacing="0">'.$file_list.'</table>';
+				
+				
+				<table oncontextmenu="return false" onmousedown="hideMenu()" cellspacing="0" >'.$file_list.'</table>
+				
+				
+				<div id="context-menu" style="display:none">
+					<table>
+						<tr>
+							<td>rename</td>
+						</tr>
+						<tr>
+							<td>delete</td>
+						</tr>
+						<tr>
+							<td>set permissions</td>
+						</tr>
+					</table>
+				</div>';
 	
 		include("static/footer.html");
 }
@@ -105,7 +135,7 @@ function get_icon($file){
 
 function get_link($file){
 	$slash = (($_GET["folder"]!="" && substr($_GET["folder"], -1) != "/"))? "/" : "";
-	return '<a  class="file" href="/'.$_GET["name"]."/".$_GET["folder"].$slash.$file[3].'/">';
+	return '<a oncontextmenu="showMenu(event)" class="file" href="/'.$_GET["name"]."/".$_GET["folder"].$slash.$file[3].'/">';
 }
 
 function get_item($file){