<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> . : : Document file management for learning system : : .</title> <!--เรียกใช้ css --> <link rel="stylesheet" type="text/css" href="../css/layout.css"> <link rel="stylesheet" type="text/css" href="../css/jqueryFileTree.css" media="screen"> <?php include('css_t.php'); ?> <!--เรียกใช้ javascript --> <script type="text/javascript" src="../Scripts/layer.js"></script> <script type="text/javascript" src="../Scripts/jquery.js"></script> <script type="text/javascript" src="../Scripts/jquery.easing.js"></script> <script type="text/javascript" src="../Scripts/jqueryFileTree.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#fileTree').fileTree({ root: '../year/', script: '../Scripts/jqueryFileTree.php', folderEvent: 'click', expandSpeed: 750, collapseSpeed: 750, multiFolder: false }, function(file) { alert(file); }); }); function openFile(file) { // do something with file } $(document).ready( function() { $('#fileTree').fileTree({ [options] }, function(file) { openFile(file); }); }); </script> <style type="text/css"> .example { float: left; margin: 15px; } .demo { width: 400px; height: 400px; border-top: solid 1px #BBB; border-left: solid 1px #BBB; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; background: #FFF; overflow: scroll; padding: 5px; } </style> </head> <body> <div class="example" align="center" > <div id="fileTree" class="demo"></div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง