Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1

    salvare dati di un form in javascript in wordpress

    Ciao a tutti,
    ho un problema con un form e wordpress. Ho creato un form in javascript che calcola preventivi e adesso dovrei fare in modo che tramite un bottone si possano salvare i dati nel database del mio sito wordpress....senza usare plugin...ma non so propio come fare....dovrei usare php ma in wordpress non si puo usare php (alcuni plugin aggirano questa limitazione) ma il form l ho fatto io senza plugin tipo contact form7 ecc. Come faccio a salvare i dati? e poi magari avere la possibilità di scaricarli in csv....
    Grazie

  2. #2
    hai ragione, avevo visto delle discussioni dove dicevano che non si poteva usare e che bisognava usare dei plugin. Il problema è che il form l ho fatto in javascript e html e non capisco nulla di php. Devo trovare il modo di salvare i dati del form nel db e non so proprio come fare...è una pagina che calcola un preventivo, contiene 2 form

  3. #3
    tolto
    Ultima modifica di Gabriele80; 13-06-2017 a 12:39

  4. #4
    seconda parte...



    <input style="height:2.5em;width:20em;font-size:110%;border-radius: 10px;" type="button" id="btn1" value="calcola" onclick="calcola();"/></br></br>



    </form>

    <form name="form1" id="formulario1">
    <input type="text" name="email2" value="mio@gmail.com" style="visibility:hidden;">

    <label>Email:</label><input type="text" name="email"style="margin-left: 2em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"> <br />





    <input type="text" name="oggetto" value="Preventivo" style="visibility:hidden;"> <br />

    <label>Forma:</label>
    <select name="dicitura" id="dici" style="margin-left: 2em;min-width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;">
    <option value="" selected="selected"></option>
    <option value="Spett">Azienda </option>
    <option value="Egregio signor ">Privato maschile</option>
    <option value="Gentile signora ">Privato femminile</option>
    </select>
    </br>
    </br>
    <label>Nome cliente:</label>&nbsp&<input type="text" name="destinatario" id="clie"style="margin-left:1em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"> <br />
    <br />
    <label>Data di partenza:</label>&nbsp<input type="date" name="datap" id="part"style="margin-left:1em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"/></br>
    <br />
    <label>Data di arrivo:</label>&nbsp&<input type="date" name="dataarr" id="arr"style="margin-left:1em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"/></br>
    <br>
    <label>Luogo di partenza:</label>&nbsp<input type="text" name="luogop" id="lpart"style="margin-left:1em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"/></br>
    <br />
    <label>Luogo di arrivo:</label>&nbsp<input type="text" name="luogoarr" id="larr"style="margin-left:1em;width:10em;text-align:center; border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"/></br>


    <br>
    <br>
    <input type="button" value="Invia Email" onClick="Email()" style="height:2.5em;width:20em;font-size:110%;border-radius: 10px;">
    <br>

    </form>
    <input type="reset" id="reset" onclick="resett()"style="height:2.5em;width:6em;fo nt-size:110%;border-radius: 10px;" name="reset" value="Resetta">
    </div>
    </body>

  5. #5
    he si mi serve urgente perchè sto facendo una stage per scuola e devo consegnare tra una settimana

  6. #6
    ho trovato uno script in php che crea la tabella se non esiste e salva i dati ma di un form all interno dello script ....ho provato a ficcarci dentro il mio ma non si vede piu nulla....

  7. #7
    non saprei se è attivo o no https.. dove lo vedo?

  8. #8
    he sono nuovo del forum e non lo so ancora usare bene

  9. #9
    <html>
    <script language="javascript">





    function calcola()
    {



    var costo1=3.5;
    var risult1;
    var n1= document.getElementById("CartoniPerLibri").value;

    var risult1 =costo1*n1;

    var costo2=4;
    var risult2;
    var n2= document.getElementById("CartoniPerTrasloco").valu e;

    var risult2 =(costo2*n2);

    var costo3=9;
    var risult3;
    var n3= document.getElementById("BauliPerAbiti").value;

    var risult3 =(costo3*n3);


    var costo4=5;
    var risult4;
    var n4= document.getElementById("NoleggioCasse").value;

    var risult4 =(costo4*n4);



    var costo5=10;
    var risult5;
    var n5= document.getElementById("MetriCubi").value;
    var n6=document.getElementById("Mesi").value;
    var risult5 =(costo5*n5*n6);


    var tariffa=49;
    var risult6;
    var n7=document.getElementById("ore").value;
    var n8=document.getElementById("noperai").value;


    var mezzo=document.getElementById("mezz").value;
    var mez=eval(mezzo);
    //var risult6=((tariffa+mez)*n7)*n8;
    var quant=document.getElementById("qtamezz").value;
    var qt=eval(quant);



    var risult6=(tariffa*n8)*n7+(mez*n7)*qt;
    var tariffascala=140;
    var scala=document.getElementById("orescala").value;
    var risult7=tariffascala*scala;

    var tot=risult1+risult2+risult3+risult4+risult5+risult 6+risult7;
    document.getElementById("Totale:").value =tot;
    }

    function enable_number(status)
    {
    status=!status;
    document.f1.CartoniPerLibri.disabled = status;
    }

    function enable_number2(status)
    {
    status=!status;
    document.f1.CartoniPerTrasloco.disabled = status;
    }

    function enable_number3(status)
    {
    status=!status;
    document.f1.BauliPerAbiti.disabled = status;
    }

    function enable_number4(status)
    {
    status=!status;
    document.f1.NoleggioCasse.disabled = status;
    }

    function enable_number5(status)
    {
    status=!status;
    document.f1.MetriCubi.disabled = status;
    document.f1.Mesi.disabled = status;

    }

    function enable_number7(status)
    {
    status=!status;
    document.f1.noperai.disabled = status;
    document.f1.ore.disabled = status;
    document.f1.qtamezz.disabled = status;
    document.f1.mezz.disabled = status;
    }
    function enable_number8(status)
    {
    status=!status;
    document.f1.orescala.disabled = status;

    }



    function cancella() {

    document.getElementById("CartoniPerTrasloco").valu e="";


    }

    function cancella2() {
    document.getElementById("CartoniPerLibri").value=" ";

    }

    function cancella3(){

    document.getElementById("BauliPerAbiti").value="";
    }



    function cancella4() {

    document.getElementById("NoleggioCasse").value="";
    }


    function cancella5() {

    document.getElementById("MetriCubi").value="";
    document.getElementById("Mesi").value="";

    }

    function cancella6() {

    document.getElementById("noperai").value="";
    document.getElementById("ore").value="";
    document.f1.mezz.value="";
    document.f1.qtamezz.value="";

    }
    function cancella7() {

    document.getElementById("orescala").value="";


    }

    function cancellaf1(){

    document.getElementById("arr").value="";
    document.getElementById("clie").value="";
    document.getElementById("part").value="";

    }

    function resett() {
    status=!status;
    if(document.getElementById("reset").onclick){

    document.f1.noperai.disabled = status;
    document.f1.ore.disabled = status;
    document.f1.MetriCubi.disabled = status;
    document.f1.Mesi.disabled = status;
    document.f1.NoleggioCasse.disabled = status;
    document.f1.BauliPerAbiti.disabled = status;
    document.f1.CartoniPerLibri.disabled = status;
    document.f1.CartoniPerTrasloco.disabled=status;
    document.f1.mezz.disabled=status;
    document.f1.qtm.disabled=status;
    document.form1.email.value="";
    document.form1.datap.value="";
    document.form1.dataarr.value="";
    document.form1.dicitura.value="";
    document.form1.destinatario.value="";
    document.f1.mezz.value="";
    document.f1.qtamezz.value="";
    document.f1.orescala.value="";
    document.form1.luogop.value="";
    document.form1.luogoarr.value="";
    document.getElementById("ff").reset();
    document.getElementById("formulario1").reset();






    }




    }


    function Email() {
    var email = document.form1.email.value;
    var oggetto = document.form1.oggetto.value;

    var email2 = document.form1.email2.value;
    var oper=document.f1.noperai.value;
    var orari=document.f1.ore.value;
    var metricub=document.f1.MetriCubi.value;
    var me=document.f1.Mesi.value;
    var nolcas=document.f1.NoleggioCasse.value;
    var ba=document.f1.BauliPerAbiti.value;
    var ctraslo=document.f1.CartoniPerTrasloco.value;
    var libri=document.f1.CartoniPerLibri.value;
    var r=document.f1.Totale.value;
    var dp=document.form1.datap.value;
    var darr=document.form1.dataarr.value;
    var dic=document.form1.dicitura.value;
    var cli=document.form1.destinatario.value;
    var partda=document.form1.luogop.value;
    var arrda=document.form1.luogoarr.value;



    if ((email.indexOf("@") == (-1)) || (email == "") || (email == "undefined")) {
    alert("Inserire un indirizzo email valido.");
    document.modulo.email.focus();
    }
    else if ((oggetto == "") || (oggetto == "undefined")) {
    alert("Inserire un oggetto.");
    document.modulo.oggetto.focus();
    }

    else {
    location.href = "mailto:" + email +","+ email2+"?Subject=" + oggetto + "&Body="+dic+" "+cli+",%0a"+"di seguito trova il dettaglio del suo preventivo. Siamo lieti della fiducia e dell'interesse dimostrati nei nostri confronti. Questo preventivo ha una validità di 30 giorni a partire dalla data di ricezione della presente email. Cordiali saluti, Francesco Pedretti, Via Collina 30, CH-6962 Viganello (Lugano) - Tel. +41 91 971 22 11%0a"+"%0aCartoni per libri: "+libri+"%0aBauli per vestiti: "+ba+"%0aCartoni per trasloco: "+ctraslo+"%0aNolegio casse in plastica: "+nolcas+"%0aManodopera= Operai: "+oper+", Ore di lavoro: "+orari+"%0aImmagazzinamento= Metri cubi: "+metricub+", Mesi: "+me
    +"%0aData di partenza: "+dp+"%0aData di arrivo: "+darr+"%0a"+"%0aPartenza da: "+partda+"%0aDestinazione: "+arrda+"%0aTotale: "+r;
    }

    }


    $(function(){
    if (!Modernizr.inputtypes.date) {
    // If not native HTML5 support, fallback to jQuery datePicker
    $('input[type=date]').datepicker({
    // Consistent format with the HTML5 picker
    dateFormat : 'yy-mm-dd'
    },
    // Localization
    $.datepicker.regional['it']
    );
    }
    });



    function pulisci(){
    document.getElementById("ff").reset();
    document.getElementById("formulario1").reset();
    }


    </script>
    <title>miapagina</title>
    <body>

    <body onload=enable_number(false);
    onload=enable_number2(false);>
    <head><meta name="viewport" content="width=device-width" >

    <img class="flex" src="inner-banner.jpg">
    <a href="fitintoAstag.html">Passa al tariffario ASTAG</a>

    </head>

    <div class="a">
    <br>


    </br>
    </br>
    <form name="f1" id="ff" method="POST" onsubmit="return false">
    <h2>Preventivo </h2>

    <input type="text" name="" id="w" value="Gentile cliente, di seguito trova il dettaglio del suo preventivo. Siamo lieti della fiducia e dell'interesse dimostrati nei nostri confronti. Questo preventivo ha una validità di 30 giorni a partire dalla data di ricezione della presente email. Cordiali saluti, Staff Pedretti Traslochi."></input>







    <h3>Cartoni Libri: </h3>


    <p> 40x35x40 CHF 3.5/pz</p>


    <input type="checkbox" name="" value=""onclick="enable_number(this.checked)" onchange="cancella2()">
    &nbsp &nbsp &nbsp &nbsp<input type="number" required="required"name="CartoniPerLibri" id="CartoniPerLibri" disabled="disable" onsubmit="return false"style="border-radius:10px;text-align:center;"></input></br>
    </br>


    <h3>Cartoni trasloco: </h3><p> 60x60x60 CHF 4.-/pz</p>
    <input type="checkbox" name="" value=""onclick="enable_number2(this.checked)" onchange="cancella()">
    &nbsp &nbsp &nbsp &nbsp<input type="number" required="required"name="CartoniPerTrasloco" id="CartoniPerTrasloco" disabled="disable"style="border-radius:10px;text-align:center;"></input></br>
    </br>



    <h3>Bauli vestiti: </h3><p> 60x60x170 CHF 9.-/pz</p>
    <input type="checkbox" name="" value=""onclick="enable_number3(this.checked)" onchange="cancella3()">
    &nbsp &nbsp &nbsp &nbsp<input type="number" required="requred"name="BauliPerAbiti" id="BauliPerAbiti" disabled="disable"style="border-radius:10px;text-align:center;"></input></br>
    </br>



    <h3>Noleggio casse in plastica: </h3><p> CHF 5.-/pz</p>
    <input type="checkbox" name="" value=""onclick="enable_number4(this.checked)" onchange="cancella4()">
    &nbsp &nbsp &nbsp &nbsp<input type="number" required="required"name="NoleggioCasse" id="NoleggioCasse" disabled="disable" style="border-radius:10px;text-align:center;"></input></br>
    </br>


    <h3>Magazzino:</h3><p> 10.- CHF x 1 m3 / mese</p>
    <input type="checkbox" name="Immagazzinamento" value=""onclick="enable_number5(this.checked)" onchange="cancella5()">
    <input type="number" required="required"name="MetriCubi" id="MetriCubi" disabled="disable"style="border-radius:10px; text-align:center;">&nbspm3</input>
    <input type="number" required="required"name="Mesi" id="Mesi" disabled="disable"style="border-radius:10px;text-align:center;">&nbspMesi</input></br>
    </br>


    <h3>Ore di lavoro, mezzo e quantità:</h3>

    Ore:&nbspOperai:&nbspMezzo:&nbspQta<br><input type="checkbox" name="" value=""onclick="enable_number7(this.checked)" onchange="cancella6()">
    <input type="number" required="required"name="ore" style="border-radius:10px;"disabled="disable" id="ore"></input>&nbsp&nbsp
    <input type="number" required="required"name="operai" disabled="disable"id="noperai" style="border-radius:10px;text-align:center;"></input>&nbsp&nbsp
    <select name="mezzo" required="required"id="mezz" style="min-width:5em;text-align:center;border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;">
    <option value="0" selected="selected">NO</option>
    <option value="50">Camion</option>
    <option value="43">Furgone</option>
    </select>
    <select name="qtm" required="required"id="qtamezz" style="width:3em;text-align:center;border:3px solid black;border-radius:10px; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;">
    <option value="0" selected="selected">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    </select></br></br>

    <h3>Scala esterna:</h3> <input type="checkbox" name="" value=""onclick="enable_number8(this.checked)" onchange="cancella7()">
    <input type="number" required="required"name="orescala" style="border-radius:10px;"disabled="disable" id="orescala"></input>

    <br>

    <br>

    Totale:<input type="text" readonly name="Totale" id="Totale:" value="0" style="width:10em;text-align:center; border:3px solid blue;border-radius:10px;background-color:azure; height:2.5em; font-size: 100%;font-weight:bold; font-family:sans-serif;"/> CHF
    </br>
    </br>

    meglio o non cambia nulla?

  10. #10
    non c e un modo per mandare i dati che ho nel mio form in html e javascript ad un altro form in php? cosi dovrei risolvere

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.