converting browser JS code from scriptaculous to jQuery

2 files changed, 20 insertions, 22 deletions

diff --git a/usr/local/www/filebrowser/browser.js b/usr/local/www/filebrowser/browser.js
index f25f9f5..c9788c4 100644
--- a/usr/local/www/filebrowser/browser.js
+++ b/usr/local/www/filebrowser/browser.js
@@ -2,47 +2,45 @@
 	pfSense_MODULE:	shell
 */
 
-Event.observe(
-	window, "load",
+jQuery(document).ready(
 	function() {
-		Event.observe(
-			"fbOpen", "click",
+		jQuery("#fbOpen").click(
 			function() {
-				Effect.Appear("fbBrowser", { duration: 0.75 });
-				fbBrowse($("fbTarget").value);
+				jQuery("#fbBrowser").fadeIn(750);
+				fbBrowse(jQuery("#fbTarget").val());
 			}
 		);
 	}
 );
 
 function fbBrowse(path) {
-	new Effect.Fade("fileContent");
+	jQuery("#fileContent").fadeOut();
 
-	if($("fbCurrentDir"))
-		$("fbCurrentDir").innerHTML = "Loading ...";
+	if(jQuery("#fbCurrentDir"))
+		jQuery("#fbCurrentDir").html("Loading ...");
 
-	new Ajax.Request(
+	jQuery.ajax(
 		"/filebrowser/browser.php?path=" + encodeURI(path ? path : "/"),
-		{ method: "get", onComplete: fbComplete }
+		{ type: "get", complete: fbComplete }
 	);
 	
 }
 
 function fbComplete(req) {
-	$("fbBrowser").innerHTML = req.responseText;
+	jQuery("#fbBrowser").html(req.responseText);
 
 	var actions = {
 		fbHome:  function() { fbBrowse("/");                                },
-		fbClose: function() { Effect.Fade("fbBrowser", { duration: 0.75 }); },
+		fbClose: function() { jQuery("#fbBrowser").fadeOut(750); },
 		fbDir:   function() { fbBrowse(this.id);                            },
-		fbFile:  function() { $("fbTarget").value = this.id;                }
+		fbFile:  function() { jQuery("#fbTarget").val(this.id);             }
 	}
 
 	for(var type in actions) {
-		$A(Element.getElementsByClassName("fbBrowser", type)).each(
-			function(element) {
-				Event.observe(element, "click", actions[type]);
-				element.style.cursor = "pointer";
+		jQuery("#fbBrowser ." + type).each(
+			function() {
+				jQuery(this).click(actions[type]);
+				jQuery(this).css("cursor","pointer");
 			}
 		);
 	}
diff --git a/usr/local/www/filebrowser/browser.php b/usr/local/www/filebrowser/browser.php
index a1eaa04..d3c8cbb 100644
--- a/usr/local/www/filebrowser/browser.php
+++ b/usr/local/www/filebrowser/browser.php
@@ -37,11 +37,11 @@ if(is_file($path))
 <table width="100%">
 	<tr>
 		<td class="fbHome" width="25px" align="left">
-			<img onClick="$('fbTarget').value='<?=$realDir?>'; fbBrowse('/');" src="/filebrowser/images/icon_home.gif" alt="Home" title="Home" />
+			<img onClick="jQuery('#fbTarget').val('<?=$realDir?>'); fbBrowse('/');" src="/filebrowser/images/icon_home.gif" alt="Home" title="Home" />
 		</td>
 		<td><b><?=$path;?></b></td>
 		<td class="fbClose" align="right">
-			<img onClick="new Effect.Fade($('fbBrowser'));" border="0" src="/filebrowser/images/icon_cancel.gif" alt="Close" title="Close" />
+			<img onClick="jQuery('#fbBrowser').fadeOut();" border="0" src="/filebrowser/images/icon_cancel.gif" alt="Close" title="Close" />
 		</td>
 	</tr>
 	<tr>
@@ -74,7 +74,7 @@ foreach($dirs as $dir):
 	<tr>
 		<td></td>
 		<td class="fbDir vexpl" id="<?=$realDir;?>" align="left">
-			<div onClick="$('fbTarget').value='<?=$realDir?>'; fbBrowse('<?=$realDir?>');">
+			<div onClick="jQuery('#fbTarget').val('<?=$realDir?>'); fbBrowse('<?=$realDir?>');">
 				<img src="/filebrowser/images/folder_generic.gif" />
 				&nbsp;<?=$dir;?>
 			</div>
@@ -122,7 +122,7 @@ foreach($files as $file):
 		<td></td>
 		<td class="fbFile vexpl" id="<?=$fqpn;?>" align="left">
 			<?php $filename = str_replace("//","/", "{$path}/{$file}"); ?>
-			<div onClick="$('fbTarget').value='<?=$filename?>'; loadFile(); new Effect.Fade($('fbBrowser'));">
+			<div onClick="jQuery('#fbTarget').val('<?=$filename?>'); loadFile(); jQuery('#fbBrowser').fadeOut();">
 				<img src="/filebrowser/images/file_<?=$type;?>.gif" alt="" title="">
 				&nbsp;<?=$file;?>
 			</div>