Support forums - List regists by date decreasing

Support forums » Products » ASP Uploader » Re: List regists by date decreasing

List regists by date decreasing

Last post 11-14-2012, 7:22 AM by Kenneth. 1 replies.


	Sort Posts: Previous Next

11-14-2012, 12:16 AM 75248

websano
Joined on 11-14-2012
Posts 1

List regists by date decreasing

Reply Quote

Whenever I send my files, time to list them I have to go down the scrollbar to view the last submitted.

I would like to list them in reverse order by date.

How do I do?

Here is the code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>
            Misc - File manager using AJAX
      </title>
      <link href="demo.css" rel="stylesheet" type="text/css" />

      <script type="text/javascript">
            var handlerurl='misc-filemanager-handler.asp'
      </script>
      <script type="text/javascript">
            function DoMyAjax(guidlist, deleteid)
            {
                  guidlist = guidlist || "";
                  deleteid = deleteid || "";

                  //Send Request
                  var xh;
                  if (window.XMLHttpRequest)
                        xh = new window.XMLHttpRequest();
                  else
                        xh = new ActiveXObject("Microsoft.XMLHTTP");
                  xh.open("POST", handlerurl, false, null, null);
                  xh.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
                  xh.send("guidlist=" + guidlist + "&deleteid=" + deleteid);

                  if (xh.status != 200)
                  {
                        alert("http error " + xh.status);
                        setTimeout(function() { document.write(xh.responseText); }, 10);
                        return;
                  }

                  var filelist = document.getElementById("filelist");

                  var div = document.getElementById("myfilescontainer");

                  //alert(xh.responseText);
                  var list = eval(xh.responseText); //get JSON objects

                  if (list.length > 0)
                  {

                        var table = document.createElement("TABLE");

                        table.border = 1;
                        table.cellSpacing = 0;
                        table.cellPadding = 4;
                        table.style.borderCollapse = "collapse";
                        table.style.width = "640px";

                        var th = table.insertRow(-1);
                        th.style.backgroundColor = "steelblue";
                        th.style.color = "white";
                        th.style.textAlign = "center";
                        th.insertCell(-1).innerHTML = "Time";
                        th.insertCell(-1).innerHTML = "FileName";
                        th.insertCell(-1).innerHTML = "Size";
                        th.insertCell(-1).innerHTML = " ";

                        //Process Result:
                        for (var i = 0; i < list.length; i++)
                        {
                              var item = list[i];
                              var row = table.insertRow(-1);
                              var td1 = row.insertCell(-1);
                              var td2 = row.insertCell(-1);
                              var td3 = row.insertCell(-1);
                              var td4 = row.insertCell(-1);

                              td1.style.width = "160px";
                              td1.innerHTML = item.UploadTime;

                              td2.innerHTML = "<a href='" + item.FileUrl + "' target='_blank'>" + item.FileName + "</a>";

                              td2.title = item.Description;

                              td3.style.width = "80px";
                              td3.style.textAlign = "right";
                              td3.innerHTML = item.FileSize;

                              td4.style.width = "45px";
                              td4.innerHTML = "<a href='BLOCKED SCRIPTvoid(0)' onclick='DoMyDelete(\"" + item.FileName + "\",\"" + item.FileID + "\");return false;'>Delete</a>";

                        }

                        div.innerHTML = "";
                        div.appendChild(table);
                  }
                  else
                  {
                        div.innerHTML = "<div style='padding:8px;border:solid 1px steelblue;color:maroon;'>No files.</div>";
                  }
            }

            function DoMyDelete(filename, fileid)
            {
                  if (confirm("Are you sure you want to delete " + filename + "?"))
                  {
                        DoMyAjax("", fileid)
                  }
            }

            function CuteWebUI_AjaxUploader_OnPostback()
            {

                  var uploader = document.getElementById("myuploader");
                  var guidlist = uploader.value;

                  DoMyAjax(guidlist);

                  //call uploader to clear the client state
                  uploader.reset();
            }
      </script>

</head>
<body>
      <div class="demo">

<h2>File storage application powered by Ajax</h2>
<p>This example shows you how to use ASP Uploader create an online file storage application. Make your file upload page more user friendly!</p>
<ul>
                  <li>Allowed file types: jpeg, jpg, gif, png, zip</li>
      </ul>
<div style="padding:4px">

            <%
            Dim uploader
            Set uploader=new AspUploader
            uploader.MaxSizeKB=1024
            uploader.AllowedFileExtensions="jpeg,jpg,gif,png,zip"
            uploader.Name="myuploader"
            uploader.InsertText="Select multiple files (Max 1M)"
            uploader.MultipleFilesUpload=true
            %>

            <%=uploader.GetString() %>

            <hr />

      </div>

      <br /><br />
<div style="padding:4px" id="myfilescontainer">
            Loading....
</div>

<script type="text/javascript">
            //first load.
      DoMyAjax("");
</script>


      </div>
</body>
</html>

11-14-2012, 7:22 AM 75253 in reply to 75248

Kenneth
Joined on 02-13-2008
Posts 3,886

Re: List regists by date decreasing

Reply Quote

Hi,

Please try the new example below, the red code is what I am changed.

T<%@ Language="VBScript" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Misc - File manager using AJAX
</title>
<link href="demo.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
var handlerurl='misc-filemanager-handler.asp'
</script>
<script type="text/javascript">
function DoMyAjax(guidlist, deleteid)
{
guidlist = guidlist || "";
deleteid = deleteid || "";

//Send Request
var xh;
if (window.XMLHttpRequest)
xh = new window.XMLHttpRequest();
else
xh = new ActiveXObject("Microsoft.XMLHTTP");
xh.open("POST", handlerurl, false, null, null);
xh.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
xh.send("guidlist=" + guidlist + "&deleteid=" + deleteid);

if (xh.status != 200)
{
alert("http error " + xh.status);
setTimeout(function() { document.write(xh.responseText); }, 10);
return;
}

var filelist = document.getElementById("filelist");

var div = document.getElementById("myfilescontainer");

//alert(xh.responseText);
var list = eval(xh.responseText); //get JSON objects

if (list.length > 0)
{

var table = document.createElement("TABLE");

table.border = 1;
table.cellSpacing = 0;
table.cellPadding = 4;
table.style.borderCollapse = "collapse";
table.style.width = "640px";

var th = table.insertRow(-1);
th.style.backgroundColor = "steelblue";
th.style.color = "white";
th.style.textAlign = "center";
th.insertCell(-1).innerHTML = "Time";
th.insertCell(-1).innerHTML = "FileName";
th.insertCell(-1).innerHTML = "Size";
th.insertCell(-1).innerHTML = " ";

//Process Result:
for (var i = 0; i < list.length; i++)
{
var item = list[i];
var row = table.insertRow(1);;
var td1 = row.insertCell(-1);
var td2 = row.insertCell(-1);
var td3 = row.insertCell(-1);
var td4 = row.insertCell(-1);

td1.style.width = "160px";
td1.innerHTML = item.UploadTime;

td2.innerHTML = "<a href='" + item.FileUrl + "' target='_blank'>" + item.FileName + "</a>";

td2.title = item.Description;

td3.style.width = "80px";
td3.style.textAlign = "right";
td3.innerHTML = item.FileSize;

td4.style.width = "45px";
td4.innerHTML = "<a href='BLOCKED SCRIPTvoid(0)' onclick='DoMyDelete(\"" + item.FileName + "\",\"" + item.FileID + "\");return false;'>Delete</a>";

}

div.innerHTML = "";

div.appendChild(table);
}
else
{
div.innerHTML = "<div style='padding:8px;border:solid 1px steelblue;color:maroon;'>No files.</div>";
}
}

function DoMyDelete(filename, fileid)
{
if (confirm("Are you sure you want to delete " + filename + "?"))
{
DoMyAjax("", fileid)
}
}

function CuteWebUI_AjaxUploader_OnPostback()
{

var uploader = document.getElementById("myuploader");
var guidlist = uploader.value;

DoMyAjax(guidlist);

//call uploader to clear the client state
uploader.reset();
}
</script>

</head>
<body>
<div class="demo">

<h2>File storage application powered by Ajax</h2>
<p>This example shows you how to use ASP Uploader create an online file storage application. Make your file upload page more user friendly!</p>
<ul>
<li>Allowed file types: jpeg, jpg, gif, png, zip</li>
</ul>
<div style="padding:4px">

<%
Dim uploader
Set uploader=new AspUploader
uploader.MaxSizeKB=1024
uploader.AllowedFileExtensions="jpeg,jpg,gif,png,zip"
uploader.Name="myuploader"
uploader.InsertText="Select multiple files (Max 1M)"
uploader.MultipleFilesUpload=true
%>

<%=uploader.GetString() %>

<hr />

</div>

<br /><br />
<div style="padding:4px" id="myfilescontainer">
Loading....
</div>

<script type="text/javascript">
//first load.
DoMyAjax("");
</script>

</div>
</body>
</html>

Regards,

Ken