Chrisj Posted November 9, 2018 Share Posted November 9, 2018 The php web video script that I'm using has two Forms. One for uploading videos, and one for editing the Form (in the User account > My Channel > Manage > edit-video). When I complete the edit-video Form and then select Publish, the Publish button changes to 'Please Wait'. But, when I select "Publish" on the Upload Form nothing appears to happen, for a while until the video is finished uploading. But the line of code seems to be the same in each of the files: $('#submit-btn').val("{{LANG please_wait}}"); I'd like help so as to when the Upload Form "Publish button is selected it changes to Please Wait as, the edit-video Form does. Here is the edit-video Form <script> code: <script> $(function () { $('.edit-thumb').on('click', function(event) { $('#thumbnail').trigger('click'); }); $('#thumbnail').on('change', function(event) { readURL(this); }); $('#description').keyup(function(event) { str = $(this).val().replace(/(?:\r\n|\r|\n)/g, '<br />'); $('.video-description p').html(str); }); $('#title').keyup(function(event) { $('.video-title p').html($(this).val()); }); $("#mySingleFieldTags").tagit({ allowSpaces: true }); $('#edit-form form').ajaxForm({ url: '{{LINK aj/edit-video}}' + '?hash=' + $('.main_session').val(), beforeSend: function() { $('#submit-btn').attr('disabled', true); $('#submit-btn').text("{{LANG please_wait}}"); }, success: function(data) { if (data.status == 200) { $('#video-success').html(data.message); window.location.href = '/manage-videos/'; //window.location.href = '{{URL}}'; } else { $('#submit-btn').attr('disabled', false); $('#submit-btn').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg> {{LANG publish}}'); $('.errors').removeClass('hidden').html(data.message); } } }); }); </script> Here is the Upload video Form <script> code: <script> $(function () { var video_drop_block = $("[data-block='video-drop-zone']"); if (typeof(window.FileReader)){ video_drop_block[0].ondragover = function() { video_drop_block.addClass('hover'); return false; }; video_drop_block[0].ondragleave = function() { video_drop_block.removeClass('hover'); return false; }; video_drop_block[0].ondrop = function(event) { event.preventDefault(); video_drop_block.removeClass('hover'); var file = event.dataTransfer.files; $('#upload-video').find('input').prop('files', file); }; } $("#mySingleFieldTags").tagit({ allowSpaces: true }); var bar = $('.bar'); var percent = $('.percent'); var prcsvdo = $('.pt_prcs_vdo'); var is_uploaded = false; var video_thumb = Array(); $('#upload-video').submit(function(event) { let file_size = $(".upload-video-file").prop('files')[0].size; if (file_size > "{{CONFIG max_upload}}") { swal({ title: '{{LANG error}}', text: "{{LANG file_is_too_big}} <?php echo pt_size_format($pt->config->max_upload); ?>", type: 'error', confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'OK', buttonsStyling: true, confirmButtonClass: 'btn btn-success', }).then(function(){ swal.close(); $('.upload-video-file').val(''); }, function() { swal.close(); $('.upload-video-file').val(''); }); return false; } else{ var filename = $('.upload').val().split('\\').pop(); $('#title').val(filename); $('#upload-form').removeClass('hidden'); $('.upload').addClass('hidden'); } }); $('#choose-thumnail-cr').bind('slid.bs.carousel', function (e) { var vsthumb = video_thumb[$(this).find('.active').index()]; $("#video-thumnail").val(vsthumb); }); $('#upload-video').ajaxForm({ url: '{{LINK aj/upload-video-ffmpeg}}?hash=' + $('.main_session').val(), dataType:'json', beforeSend: function() { $('.progress').removeClass('hidden'); var percentVal = '0%'; bar.width(percentVal); percent.html(percentVal); }, uploadProgress: function(event, position, total, percentComplete) { if(percentComplete > 50) { percent.addClass('white'); } var percentVal = percentComplete + '%'; bar.width(percentVal); percent.html(percentVal); if (percentComplete == 100) { prcsvdo.html('<svg width="30" height="10" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#000"><circle cx="15" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite" /></circle><circle cx="60" cy="15" r="9" fill-opacity="0.3"><animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="0.5" to="0.5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite" /></circle><circle cx="105" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite" /><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite" /></circle></svg> {{LANG porcessing_video}}'); $('.progress').find('.bar').removeClass('upload-progress-bar'); } }, success: function(data) { percentVal = '0%'; bar.width(percentVal); $('.progress').addClass('hidden'); if (data.status == 200) { $('#video-location').val(data.file_path); Snackbar.show({text: '<i class="fa fa-check"></i> ' + data.file_name + ' {{LANG successfully_uplaoded}}'}); $('#submit-btn').attr('disabled', false); $('.upload-video-file').val(''); $('#title').val(data.file_name); $("#video-thumnails").removeClass('hidden'); var i = 0; var url = '{img}'; video_thumb = data.images; $("#video-thumnails").find('.item').each(function(index, el) { if (i == 0) { $("#video-thumnail").val(data.images[i]); } $(el).html($("<img>",{ src:url.replace('{img}',data.images[i]) })); i++; }); } else if(data.status == 401){ swal({ title: '{{LANG oops}}!', text: "{{LANG upload_limit_reached}}!", type: 'info', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: '{{LANG upgrade_now}}', cancelButtonText: '{{LANG cancel}}', confirmButtonClass: 'btn btn-success margin-right', cancelButtonClass: 'btn', buttonsStyling: false }).then(function(){ window.location.href = '{{LINK go_pro}}'; }, function() { window.location.href = '{{LINK }}'; }); } else if(data.status == 402){ swal({ title: '{{LANG error}}', text: data.message, type: 'error', confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'OK', buttonsStyling: true, confirmButtonClass: 'btn btn-success', }).then(function(){ swal.close(); $('.upload-video-file').val(''); }, function() { swal.close(); $('.upload-video-file').val(''); }); } else { Snackbar.show({showAction: false,backgroundColor: '#e22e40',text: '<div>'+ data.error +'</div>'}); } } }); $('#upload-form form').ajaxForm({ url: '{{LINK aj/ffmpeg-submit}}'+'?hash=' + $('.main_session').val(), beforeSend: function() { $('#submit-btn').attr('disabled', true); $('#submit-btn').val("{{LANG please_wait}}"); }, success: function(data) { if (data.status == 200) { window.location.href = data.link; } else if(data.status == 402){ swal({ title: '{{LANG error}}', text: data.message, type: 'error', confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'OK', buttonsStyling: true, confirmButtonClass: 'btn btn-success', }).then(function(){ window.location.href = '{{LINK upload-video}}'; }, function() { window.location.href = '{{LINK }}'; }); } else { $('#submit-btn').attr('disabled', false); $('#submit-btn').val('{{LANG publish}}'); Snackbar.show({text: '<div>'+ data.message +'</div>'}); } } }); $('.upload-video-file').on('change', function() { $('#upload-video').submit(); }); }); function PT_OpenUploadForm() { $('#upload-video').find('input').trigger('click'); } </script> Any help will be appreciated Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/ Share on other sites More sharing options...
requinix Posted November 9, 2018 Share Posted November 9, 2018 You can't use the same ID for multiple elements. Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562042 Share on other sites More sharing options...
Chrisj Posted November 9, 2018 Author Share Posted November 9, 2018 can you elaborate? I'm not understanding your specific solution Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562043 Share on other sites More sharing options...
requinix Posted November 9, 2018 Share Posted November 9, 2018 You said the page has two forms, right? Do the submit buttons for both of them have an ID of "submit-btn"? Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562044 Share on other sites More sharing options...
Chrisj Posted November 9, 2018 Author Share Posted November 9, 2018 thanks for your reply. I wasn't as clear as I could have been, no they are separate pages/files Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562045 Share on other sites More sharing options...
requinix Posted November 9, 2018 Share Posted November 9, 2018 Are you sure you have that label switching in the right event handler for the right form? Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562046 Share on other sites More sharing options...
Chrisj Posted November 9, 2018 Author Share Posted November 9, 2018 Thanks for your reply. I didn't write this code, so I don't know the answer to your question, and I'm not familiar with 'label switching'. Any additional help/guidance is appreciated ... Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562047 Share on other sites More sharing options...
requinix Posted November 9, 2018 Share Posted November 9, 2018 By switching I'm talking about that submit-btn code. It's "switching" the label on the button to say something else. If you're going to be making changes here then you'll need to learn what the code is doing. What forms are what, how their AJAX requests are formed, everything that's happening. Because you're the only one who can see the site, make changes, and determine if they fixed the problem or not. What I'm pointing out is that the code for the upload page, the one that's not working, seems to indicate there are multiple forms on the page: there is some code written for one, and other code written for the other. So perhaps the problem is in there. Quote Link to comment https://forums.phpfreaks.com/topic/307880-one-script-shows-message-one-does-not/#findComment-1562048 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.