File: demo.html

Recommend this page to a friend!
  Classes of Vallo Reima   JS Filer   demo.html   Download  
File: demo.html
Role: Example script
Content type: text/plain
Description: Example
Class: JS Filer
Display and manipulate a HTML treeview control
Author: By
Last change: Add files via upload
Delete demo.html
Date: 2 years ago
Size: 3,408 bytes
 

Contents

Class file image Download
<!-- * jsFiler demo * * URL parameters: * mode -- r - right-click menu * m - main menu * n - node menu * Requires: ajax.php emulator * @package jsFiler * @author Vallo Reima * @copyright (c) 2016,2017 --> <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="jsFiler" name="generator"> <title>jsFiler</title> <link type="image/x-icon" rel="shortcut icon" href="favicon.ico"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.5/themes/default/style.min.css" /> <link media="all" type="text/css" rel="stylesheet" href="jsfiler.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.5/jstree.min.js"></script> <script src="jsfiler.min.js" type="text/javascript"></script> <style type="text/css"> body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100.01%; margin: 5px; } .shell{ width:100%; border:0px solid #000000; } .shell a, shell a:link, shell a:visited, shell td a, shell td a:link, shell td a:visited { text-decoration:none; color:#666666; } .shell a:hover{ text-decoration:none; color:#000000; } .head { border-bottom:1px solid #A0A0A0; font-size:14px; height:27px; } .menu{ margin-left:10px; padding-top:5px; float:left; } .menu a { margin-left: 5px; } .sign{ float:right; margin-right: 20px; } .content { clear: both; margin-right:50px; padding:20px 20px 20px 20px; font-size: 12px; } </style> <script type="text/javascript"> $(document).ready(function() { /** * set menu type * @param {string} key name * @return {object} */ var Menu = function(key) { var p = new RegExp(key + "=([^&]*)", "i").exec(window.location.search); //get URL parameter p = p && p[1] ? p[1] : 'rm'; var m = 0; if (p.indexOf('r') + 1) { m += 1; } if (p.indexOf('m') + 1 || p.indexOf('n') + 1) { m += 2; } var r = {mode: m}; r.main = (p.indexOf('m') === -1) ? '' : '.menu';//displaying no/classname return r; }; var menu = Menu('mode'); //get menu type /* create the tree */ $('#filer_0').jsfiler({menuMode: menu.mode, mainMenu: menu.main, checkBox: 0}); //activate $('#filer_0').jsfiler({knotRemove: 2});//adjust deletion mode }); </script> </head> <body> <div class="shell"> <div class="head"> <div class="menu"><noscript>JavaScript is disabled. Please enable and reload the page</noscript></div> <div class="sign">jsFiler Plugin Demo &nbsp;&copy; 2016 <a href="mailto:info@vregistry.com?subject=jsFiler">vRegistry</a></div> </div> <div class="content"> <div id="filer_0"></div> </div> </div> </body> </html>