forms-job example

9 replies · opened Feb 26, 2022

AazermannFeb 26, 2022

Hi,
I just downloaded forms-job example and having problems with textarea field its empty and getting error tinymce theme.min.js file was missing i get the file and add to my project but getting more errors

tinymce.min.js:9 GET http://127.0.0.1:5507/js/components/tinymce/icons/default/icons.min.js net::ERR_ABORTED 404 (Not Found)
nu.loadScript @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
nu.loadScripts @ tinymce.min.js:9
nu.loadQueue @ tinymce.min.js:9
o @ tinymce.min.js:9
e @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
a.onload @ tinymce.min.js:9
load (async)
nu.loadScript @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
nu.loadScripts @ tinymce.min.js:9
nu.loadQueue @ tinymce.min.js:9
N1 @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
_x.render @ tinymce.min.js:9
n @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
t @ tinymce.min.js:9
ui.executeHandlers @ tinymce.min.js:9
o @ tinymce.min.js:9
r @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ui.bind @ tinymce.min.js:9
V @ tinymce.min.js:9
init @ tinymce.min.js:9
(anonymous) @ forms-job.html:1956
e @ jquery.js:2
t @ jquery.js:2
setTimeout (async)
(anonymous) @ jquery.js:2
c @ jquery.js:2
fireWith @ jquery.js:2
fire @ jquery.js:2
c @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
B @ jquery.js:2
content.js:571 addedMutatedNodes empty skip
tinymce.min.js:9 Failed to load icons: default from url http://127.0.0.1:5507/js/components/tinymce/icons/default/icons.min.js
Mv @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
o @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
a.onerror @ tinymce.min.js:9
error (async)
nu.loadScript @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
nu.loadScripts @ tinymce.min.js:9
nu.loadQueue @ tinymce.min.js:9
o @ tinymce.min.js:9
e @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
a.onload @ tinymce.min.js:9
load (async)
nu.loadScript @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
u @ tinymce.min.js:9
nu.loadScripts @ tinymce.min.js:9
nu.loadQueue @ tinymce.min.js:9
N1 @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
_x.render @ tinymce.min.js:9
n @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ce @ tinymce.min.js:9
t @ tinymce.min.js:9
ui.executeHandlers @ tinymce.min.js:9
o @ tinymce.min.js:9
r @ tinymce.min.js:9
(anonymous) @ tinymce.min.js:9
ui.bind @ tinymce.min.js:9
V @ tinymce.min.js:9
init @ tinymce.min.js:9
(anonymous) @ forms-job.html:1956
e @ jquery.js:2
t @ jquery.js:2
setTimeout (async)
(anonymous) @ jquery.js:2
c @ jquery.js:2
fireWith @ jquery.js:2
fire @ jquery.js:2
c @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
B @ jquery.js:2
7content.js:571 addedMutatedNodes empty skip
forms-job.html:1 Refused to apply style from 'http://127.0.0.1:5507/js/components/tinymce/skins/ui/oxide/skin.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
2content.js:571 addedMutatedNodes empty skip
forms-job.html:1 Refused to apply style from 'http://127.0.0.1:5507/js/components/tinymce/skins/ui/oxide/content.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
forms-job.html:1 Refused to apply style from 'http://127.0.0.1:5507/js/components/tinymce/skins/content/default/content.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
72content.js:571 addedMutatedNodes empty skip
still blank textarea need a fix please

SSemicolon WebSTAFFFeb 26, 2022

Hello,

Apologies for the Inconveniences caused!

From reading the errors, it appears that the error is due to the Server Configurations as our Live Previews: https://themes.semicolonweb.com/html/canvas/forms-job.html appear to be working perfectly fine. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

AazermannFeb 26, 2022

the problem is some files missing when downloaded to computer no need for live url cause i didn't change anything just download it and run on local server

AazermannFeb 27, 2022

Hi, can you fix it and send me the working one please i am in a deadline here.

PS: you can download and test it by yourself to define which files are missing ( may be the problem is in partial download not full demo download) i just download forms job

SSemicolon WebSTAFFFeb 28, 2022

Hello,

So the issue is with the missing files not downloaded with the Package. We recommend using the Package Generator: https://docs.semicolonweb.com/docs/getting-started/installation/ to download just the forms-job.html HTML File and it will generate the Files required for this HTML Template.

Additionally, we highly recommend providing us with a Live URL for all the future Support Requests so that we can provide you with more efficient support.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AazermannFeb 28, 2022

I already did it with that way i always do but in your generator some files are missing you can download and test it by your self as i said before i didn't change single line just download and open in vs code
and as i send you image the texarea field was empty with the errors which was some files missing

SSemicolon WebSTAFFFeb 28, 2022

Hello,

Thanks for your Continued Patience!

This issue is due to the Files being imported from within the JS Files. We will check this out and fix this shortly. Meanwhile, we have attached the ZIP File for you, which you can simply extract and paste it inside the js/components Folder.

This will definitely fix the issue. Hope this Helps!

Additionally, you can also download the Entire Package from ThemeForest as it works perfectly fine with all the Files included by default.

Let us know if we can help you with anything else or if you find any further issues.

AazermannMar 2, 2022

Hi there thanks for folder now have another problem change the form like this


					
                    

                    
                        
                            
                                
                                    
                                        
                                    
                                
                                Slider
                                
                                    Bİlgİlerİ Getİr
                                
                                
                                
                                    Slider-1
                                    Başlık-1:
                                    
                                
                                
                                    Başlık-2:
                                    
                                
                                
                                    Başlık-3:
                                    
                                
                                
                                    İmaj Adı:
                                    
                                
                                 
                                    
                                 
                                 
                                     
                                    
                                        
                                      
                                 
                                 
                                    İmaj Seç
                                 
                                 
                                    Slİder-1 Güncelle

and my js file is


slider1Update.onclick = updateSlider1
// Slider-1 Update
async function updateSlider1() {
    var ImgToUpload = files[0]
    var ImgName = namebox2.value + extlab.innerHTML
    const storage = getStorage();
    const storageRef = sRef(storage, "Images/"+ImgName)
    const UploadTask = uploadBytesResumable(storageRef, ImgToUpload)

    UploadTask.on('state-changed', (snapshot) => {
        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100
        proglab.value = "Upload " + progress + "%"
    },
    (error) => {
        alert("error: imaj yüklenemedi!")
    },
    ()=> {
        getDownloadURL(UploadTask.snapshot.ref).then((downloadURL) => {
           //SaveURLtoFirestore(downloadURL);
           const  showSlider1 = document.querySelector('#slider1')

           updateDoc(docRef, {
               Baslik1: showSlider1.slider1Baslik1.value,
               Baslik2: showSlider1.slider1Baslik2.value,
               Baslik3: showSlider1.slider1Baslik3.value,
               imageName: ImgName,
               imageURL: downloadURL
           })
           .then(() => {
            showSlider1.reset()
            myimg.src = "#"
           css3-spinner.hide()
        })
        })
    }
    )
}

as u can see save form elements to firebase and firestore its working fine but can not get rid of css3-spinner after everything end it still continue spinning also tried .remove() .stop() too but nothing work also tried to remove .form-widget but if i remove that class form is not working what is the stop code for css3-spinner

AazermannMar 2, 2022

tired to solve issues and make a new form but the normal required also not working in your pages

SSemicolon WebSTAFFMar 3, 2022

Hello,

As we have mentioned earlier, we would need Live URLs to check and verify the issues. Also, can you please provide us with a URL for the Page on Our Live Previews where the Validations are not working, so that we can check them out and fix at the earliest.

In your above codes, you must hide the .form-process DIV instead. This is code used in the Core Files:
[ch_pre]$(form).find('.form-process').fadeOut();[/ch_pre]

The rest of the Codes are customized codes and we cannot provide support for them due to the Support Policy: https://themeforest.net/page/item_support_policy . Additionally, if the Validations are not working on the Form, there is a JS Conflict on your Page which you can check using the Browser Console.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard