Re: How to Hide Cancel all Uploads Button

  •  07-04-2011, 9:26 AM

    Re: How to Hide Cancel all Uploads Button

    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 --> 
View Complete Thread