public/javascripts/jquery.js public/javascripts/jquery.uploadProgress.js views/upload.php @@ -206,6 +206,14 @@ include('views/edit_page.php'); } } + elseif(preg_match("/^upload$/", $request)) + { + if($_SERVER['REQUEST_METHOD'] == "POST") + { + // Usually, you'd do something here with the file + } + include('views/upload.php'); + } elseif(preg_match("/^(.+)$/", $request, $m)) { $results = mysql_query("SELECT * FROM pages WHERE permalink = '" . $m[1] . "'"); app.php @@ -21,3 +21,22 @@ tinyMCE.init({ spellchecker_languages: "+English=en", spellchecker_rpc_url: "/pages/spellcheck" }); + +$(document).ready(function($) { + $(function() { + $('form').uploadProgress({ + /* scripts locations for safari */ + jqueryPath: "/javascripts/jquery.js", + uploadProgressPath: "/javascripts/jquery.uploadProgress.js", + /* function called each time bar is updated */ + uploading: function(upload) {$('#percents').html(upload.percents+'%');}, + /* selector or element that will be updated */ + progressBar: "#progressbar", + /* progress reports url */ + progressUrl: "/upload/progress", + /* how often will bar be updated */ + interval: 1000 + }); + }); +}); + public/javascripts/application.js @@ -101,3 +101,20 @@ label input { width: 80em; margin: 2em auto 0 auto; } + +.bar { + width: 300px; + clear: both; +} + +#progress { + background: #eee; + border: 1px solid #222; + margin-top: 20px; +} +#progressbar { + width: 0px; + height: 24px; + background: #333; +} + public/stylesheets/default.css @@ -9,6 +9,8 @@ <?php if(isset($vars['description'])) { ?> <meta name="Description" content="<?php echo $vars['description']; ?>" /> <?php } ?> + <script type="text/javascript" src="/javascripts/jquery.js"></script> + <script type="text/javascript" src="/javascripts/jquery.uploadProgress.js"></script> <script type="text/javascript" src="/javascripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript" src="/javascripts/application.js"></script> <link href="/stylesheets/default.css" media="all" rel="stylesheet" type="text/css" /> views/layout.php f79ae64356ec574a140c0425a4966991b7bd0544 Myles Eftos myles@madpilot.com.au http://github.com/madpilot/eotw_talk/commit/91f8c35e57f7cac70f867c9b4f4ceb60846d8446 91f8c35e57f7cac70f867c9b4f4ceb60846d8446 2009-11-02T17:26:34-08:00 2009-11-02T17:26:34-08:00 Added uploader (Not sure how to demo that using localhost... db5cb9f58f0bd1cd8c73e3ae71110e075fa157ce Myles Eftos myles@madpilot.com.au