• netfux

    (@netfux)


    Hi, I’m really upset with this… Sorry but that’s how I feel. Each time I try to send a form, when I click on Submit Button I get the spinning arrow with no confirmation at all about the message successfuly sent, so the client doesn’t know whether the form was sent or not. I deactivated all plugins and the error is still there, then I changed my Theme which is DIVI 2.0 and the error continues being there, I reinstalled the Contact Form plugin with new contact form and fresh css and the error is still there… THEN, I just create a new form and I get the messages correctly. The problem is that I used a very special form that someone coded for me, but he made some kind of mistake and can’t find the programmer anymore. So I copy the code for you guys and see if luckly some of you could find where is the problem causing the spinning arrow with no confirmation message sent. The form page is http://lauladejazz.com/admissions-i-acces/solicitut-dinscripcio/

    Here is the code:

    <div class=”wrapper-form”>
    <div class=”bloc1″>

    • <label class=”overlabel” for=”nombre”>Nom</label>
      [text* nombre]
    • <label class=”overlabel” for=”apellidos”>Cognoms</label>
      [text* apellidos]
    • <label class=”overlabel” for=”edad”>Edat (opcional)</label>
      [text edad]
    • <label class=”overlabel” for=”email”>Correu</label>
      [email* email]
    • <label class=”overlabel” for=”telefono1″>Telèfon mòbil</label>
      [tel* telefono1]
    • <label class=”overlabel” for=”telefono2″>Telèfon fixe (opc.)</label>
      [tel telefono2]
    • <label class=”overlabel” for=”direccion”>Direcció (opc.)</label>
      [text direccion]
    • <label class=”overlabel” for=”ciudad”>Ciutat</label>
      [text* ciudad]
    • <label class=”overlabel” for=”provincia”>Província</label>
      [text* provincia]
    • <label class=”overlabel” for=”postal”>Còdig Postal (opc.)</label>
      [text postal]
    • <label class=”overlabel” for=”web”>Pàgina web (opc.)</label>
      [text web]

    </div>

    <div id=”accordion” class=”bloc”>

    <h4 class=”bloc-title”>Quin Instrument/s toques? [+]</h4>

    <div id=”instrumentacion” class=”bloc-content”>
    [checkbox instrumentacion “Veu” “Flauta” “Clarinet” “Obòe” “Fagot” “Saxo Soprano” “Saxo Alt” “Saxo Tenor” “Saxo Baríton” “Trompeta” “Trompa” “Trombó” “Bombardí” “Tuba” “Violí” “Viola” “Cello” “Contrabaix” “Baix Elèctric” “Guitarra Clàssica” “Guitarra Elèctrica” “Piano” “Vibràfon” “Bateria” “Percussió”]

      <label class=”overlabel” for=”otro”>Altre</label>
      [text instrumentacion-otro]

    </div>

    <h4 class=”bloc-title”>En Quina Formació estàs interessat/da? [+]</h4>

    <div id=”objetivos” class=”bloc-content”>
    [checkbox objetivos “Grau Professional – Jazz (LOE)” “Formació de Lliure Elecció” “Cursos i Tallers” “M’agradaria que un professional m’orientara sobre aquest tema”]

    </div>

    <h4 class=”bloc-title”>Desitges contractar algún tipus de grup musical per a esdeveniments o altres circumstàncies? [+]</h4>
    <div id=”objetivos” class=”bloc-content”>
    <p>Per favor, descriu-nos el teu cas i et contestarem a la màxima brevetat. També pots posar-te en contacte amb nosaltres a través de la pàgina de contacte, o bé per via telefònica (telèfon de contacte del Departament de Gestió Musical)</p>

    [textarea historia id:historia]

    </div>

    <h4 class=”bloc-title”>T’agradaria treballar a l’Aula de Jazz? [+]</h4>
    <div id=”objetivos” class=”bloc-content”>
    <p> Des de l’Aula de Jazz volem estar plenament interconnectats amb els professionals que s’ajusten al perfil docent que necessitem. Per favor, si penses que pots treballar en l’Aula de Jazz, adjunta el teu currículum vitae a aquest formulari i fes clic a “Enviar” (format .pdf, word o pages). D’aquesta forma, si sorgeix una vacant que s’ajuste a les teues necessitats, podrem contactar amb tu al més prompte possible.</p>

    [file archivo id:archivo class:upload limit:4194304]

    <div id=”botonf” >

    </div>
    </div>

    <h4 class=”bloc-title”>Sou un grup o projecte musical interessats en formar part del nostre Departament de Gestió Musical (Management) de l’Aula de Jazz? [+]</h4>

    <div id=”objetivos” class=”bloc-content”>
    <p>Adjunteu-nos el vostre projecte en un arxiu comprimit .zip, amb tota la informació que pugueu sobre ell, especialment descripció del projecte, àudios del grup i enllaços a vídeos. El projecte serà valorat per un equip de professionals i si encaixa amb la nostra filosofia, ens posarem en contacte amb vosaltres aviat.</p>

    [file archivo id:archivo class:upload limit:4194304]

    <div id=”botonf” >

    </div>
    </div>

    <h4 class=”bloc-title”>Si així ho desitges, explica’ns el teu cas més detalladament [+]</h4>

    <div id=”objetivos” class=”bloc-content”>

    [textarea historia id:historia]

    </div>
    </div>

    [submit “Enviar”]

    </div>
    </div>

    <script src=”//code.jquery.com/jquery-1.10.2.js”></script>
    <script src=”//code.jquery.com/ui/1.10.4/jquery-ui.js”></script>
    <script>
    jQuery(document).ready(function($) {
    $( “input[value=’Clases Particulares’]” ).change(function () {
    if ($(this).attr(“checked”))
    {
    $(‘#horario’).fadeIn();
    }
    else {
    $(‘#horario’).fadeOut();
    }
    });
    });
    </script>
    <script>
    jQuery(document).ready(function($) {
    $(function() {
    $( “#accordion” ).accordion({
    collapsible: true,
    heightStyle: “content”
    });
    });
    });
    </script>

    Thank’s a lot in advance

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter netfux

    (@netfux)

    RE: The problem is that I used a very special form that someone coded for me, but he made some kind of mistake and can’t find the programmer anymore.

    ​​Your upset should probably be directed at the programmer that wrote the form for you.

    ​​It includes the following JavaScript could which is likely to be the cause of your problems​​.

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>​​​​

    This loads a specific version of jQuery and loads it directly in the form – which is extremel​y poor practice with WordPress.

    It is likely to cause ​​JavaScript conflicts with Contact Form 7 and other plugins you choose to use.

    Any jQuery error can stop jQuery processing any more script on a page. It is likely that jQuery processing is being interupted before it gets to the relevant CF7 script.​

    The actual JavaScript ​​implemented in your form is super basic so you should be able to find another programmer on Upwork etc. to implement the extra functionality using proper WordPress practices.

    Thread Starter netfux

    (@netfux)

    Buzztone, thank’s a lot for your help, although I need something more than an explanation of the problem, I would need a solution here. But you put me in the right road I guess… I would need some programmer who can help me very quickly in some programming details like this one in my web page. The thing is that I never know where to find a good and cheap one, two words which not always walk together… Could you kindly point me to some place? you said for example Upwork?… Anything else? Thank’s a lot again

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problem with form code causing spinning arrow and no confirmation’ is closed to new replies.