diff options
| -rw-r--r-- | usr/local/www/filebrowser/browser.js | 34 | ||||
| -rw-r--r-- | usr/local/www/filebrowser/browser.php | 8 |
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" /> <?=$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=""> <?=$file;?> </div> |
