Hi Eric,
The Code posted by you works fine. But it seems it doesn't suit for my code.
Here is my code. Kindly let me know what I have to do for this?
The Problem is when I click on cancel current upload, Select Upload Files Button is visible. If I select the files, I cannot see Start Upload Button.
<!-- Uploading Progress bar code STARTS here -->
<style>
.AjaxUploaderCancelAllButton {
display: none !important;
}
</style>
<script type="text/javascript">
function doStart()
{
var hidden=this;
document.getElementById("temptest2").style.display="none";
var hidden=this;
document.getElementById("temptest").style.display="none";
var uploadobj = document.getElementById('myuploader');
if (uploadobj.getqueuecount() > 0)
{
uploadobj.startupload();
}
else
{
alert("Please browse files for upload");
}
}
</script>
<?php require_once "phpuploader/include_phpuploader.php" ?>
<div align="center">
<?php
$uploader=new PhpUploader();
$uploader->MaxSizeKB=1023340;
$uploader->Name="myuploader";
$uploader->InsertText="Select multiple files (Max 10M)";
//$uploader->AllowedFileExtensions="*.jpg,*.png,*.gif,*.txt,*.zip,*.rar";
$uploader->MultipleFilesUpload=true;
$uploader->ManualStartUpload=true;
$uploader->CancelUploadMsg="Cancel Current Upload";
//you can change the image color to blue or something else
$uploader->ProgressPicture="phpuploader/resources/button.png";
$uploader->Render();
?>
<br>
<div id="temptest">
<button id="cancelallbtn" style='display: none; color: black; cursor: pointer;'
onclick="CancelAll();return false;">Cancel All</button>
</div>
<br><br>
<div id="temptest2">
<button id="submitbutton" style='display: none; cursor: pointer;'
onclick="doStart();return false;">Upload</button>
</div>
</div>
<script type="text/javascript">
function CuteWebUI_AjaxUploader_OnQueueUI(list)
{
var cancelallbtn=document.getElementById("cancelallbtn");
var submitbutton=document.getElementById("submitbutton");
if(list.length<1)
{
submitbutton.style.display="none";
return;
}
submitbutton.style.display="";
if(list.length<2)
{
cancelallbtn.style.display="none";
return;
}
cancelallbtn.style.display="";
}
function CuteWebUI_AjaxUploader_OnTaskComplete(task)
{
var div=document.createElement("DIV");
div.innerHTML=task.FileName + " is uploaded!";
document.body.appendChild(div);
}
function CancelAll()
{
var uploader=document.getElementById('myuploader');
uploader.cancelall();
cancelallbtn.style.display="none";
}
function CuteWebUI_AjaxUploader_OnStart()
{
var hidden=this;
hidden.internalobject.insertBtn.style.display="none";
hidden.internalobject.submitbutton.style.visibility="hidden";
hidden.internalobject.submitbutton.style.display="none";
hidden.internalobject.cancelBtn.style.visibility="hidden";
hidden.internalobject.cancelBtn.style.display="none";
}
function CuteWebUI_AjaxUploader_OnStop()
{
var hidden=this;
hidden.internalobject.insertBtn.style.display="";
}
</script>
<!-- Uploading Progress bar code ENDS here -->