Diskuze: Formulářové zpracování

jakub.matousek23

Člen

jakub.matousek23:3.5.2014 19:48

Zdravím ,
potýkám se s problémem který se snažím vyřešit už nějakou dobu.Problém je v tom , že nedokážu do formuláře začlenit výpočet pro vybrané řazení rezistorů.Zatím mi program jen vypisuje údaje.

Předem děkuji za každou pomoc

Odpovědět

3.5.2014 19:48

jakub.matousek23

Člen

jakub.matousek23:3.5.2014 20:03

<!DOCTYPE HTML PUBLIC "-W3CDTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

s += "Report o vyplnenem formulari";
s += "<br/>prvni odpor je: " + document.formular.prvniodpor.value;
s += "<br/>druhy odpor je: " + document.formular.druhyodpor.value;
s += "<br/>razeni je: ";

for (i = 0; i < document.formular.razeni.length; ++i) {
if (document.formular.razeni[i].selected == true) {
switch (document.formular.razeni[i].value) {
case "S": s += "serie"; break;
case "P": s += "paralel"; break;
default : s += "Neznámý odpor"; break;
}
}
}
el.innerHTML = s;
}
</script>
</head>
<body>
<form name="formular">
<table cellpadding="5" cellspacing="0" class="formular">
<tr>
<td>prvni odpor</td>
<td><input type="text" name="prvniodpor" /></td>
</tr>
<tr>
<td>druhy odpor</td>
<td><input type="text" name="druhyodpor" /></td>
</tr>
<tr>
<td>razeni</td>
<td>
<select name="razeni">
<option value="S">serie</option>
<option value="P">paralel</option>

</select><br />
</td>
</tr>

</table>
<input type="button" value="Zpracuj data" onclick="vyhodnotFormular()" />
</form>
<br />
<div id="vysledek" style="background-color:silver; border:dashed 3px brown">
Po odesláni formulaře sem zapíšu, zatím nic nemám.
</div>
</body>
</html>

Nahoru Odpovědět

3.5.2014 20:03

Josef Kuchař - Pepa489

Tvůrce

Josef Kuchař - Pepa489:3.5.2014 20:32

Existuje tu tlačítko na zdrojový kód

Nahoru Odpovědět

3.5.2014 20:32

2x piš, jednou debuguj

jakub.matousek23

Člen

jakub.matousek23:3.5.2014 20:42

Velice se omlouvám jsem tu nový... =)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <style type="text/css">
        .formular {
            background-color: #808000;
            border-left: solid 5px black;
        }
    </style>
    <script language="javascript" type="text/javascript">
        function vyhodnotFormular() {
            var s = "";
            var el = document.getElementById("vysledek");
            var i;
            var p;



            s += "Report o vyplnenem formulari";
            s += "<br/>prvni odpor je: " + document.formular.prvniodpor.value;
            s += "<br/>druhy odpor je: " + document.formular.druhyodpor.value;
            s += "<br/>razeni je: ";




            for (i = 0; i < document.formular.razeni.length; ++i) {
                if (document.formular.razeni[i].selected == true) {
                    switch (document.formular.razeni[i].value) {
                        case "S": s += "serie"; break;
                        case "P": s += "paralel"; break;
                        default : s += "Neznámý odpor"; break;
                    }
                }
            }
            el.innerHTML = s;
        }
    </script>
</head>
<body>
    <form name="formular">
        <table cellpadding="5" cellspacing="0" class="formular">
            <tr>
                <td>prvni odpor</td>
                <td><input type="text" name="prvniodpor" /></td>
            </tr>
            <tr>
                <td>druhy odpor</td>
                <td><input type="text" name="druhyodpor" /></td>
            </tr>
            <tr>
                <td>razeni</td>
                <td>
                    <select name="razeni">
                        <option value="S">serie</option>
                        <option value="P">paralel</option>

                    </select><br />
                </td>
            </tr>

        </table>
        <input type="button" value="Zpracuj data" onclick="vyhodnotFormular()" />
    </form>
    <br />
    <div id="vysledek" style="background-color:silver; border:dashed 3px brown">
        Po odesláni formulaře sem zapíšu, zatím nic nemám.
    </div>
</body>
</html>

Nahoru Odpovědět

3.5.2014 20:42

Josef Kuchař - Pepa489

Tvůrce

Josef Kuchař - Pepa489:3.5.2014 20:55

Tohle bych řešil přes php

Nahoru Odpovědět

3.5.2014 20:55

2x piš, jednou debuguj

jakub.matousek23

Člen

jakub.matousek23:3.5.2014 21:10

Děkuji určitě máš pravdu.Ale problém je takový že já momentálně na výběr moc nemám , jelikož jsme ve škole ještě php neprobíraly =)

Nahoru Odpovědět

3.5.2014 21:10

mkub

Tvůrce

mkub:4.5.2014 4:49

nemusis cakat na skolu, kedy budete preberat to v skole, pokial to je pre tvoju osobnu potrebu, mozes sa poobzerat po nete a naucit sa pracovat aj s PHP

Nahoru Odpovědět

4.5.2014 4:49

jakub.matousek23

Člen

jakub.matousek23:4.5.2014 9:03

Tak s tím nemůžu nic jen souhlasit.Ale toho času na zpracování úlohy moc není a přece by asi bylo blbé odevzdat úlohu v jiném kódu než má být zpracovaná.Mě by momentálně bohatě stačilo jenom trošku nakopnout abych aspoň věděl jak začít. =) Nevadí i když se tohle nezdaří tak se nic neděje.A nebojte služeb devbooku využívám naplno.Pochopím toho o dost více než ve škole xDD

Nahoru Odpovědět

4.5.2014 9:03

Gramli

Tvůrce

Gramli:4.5.2014 9:39

Já v javaScriptu nikdy nedelal, ale zkousel sem tohle a funguje:

       for (i = 0; i < document.formular.razeni.length; ++i) {
    if (document.formular.razeni[i].selected == true) {
        switch (document.formular.razeni[i].value) {
            case "S": s += "serie"; var num = document.formular.prvniodpor.value/document.formular.druhyodpor.value;/*tady das vypocet pro serii*/ break;
            case "P": s += "paralel"; var num = document.formular.prvniodpor.value/document.formular.druhyodpor.value;/*tady das vypocet pro paralelni*/ break;
            default : s += "Neznámý odpor"; break;
        }
    }
}
s += num.toString(); /*tady vypises vysledek*/
el.innerHTML = s;

Dej si tam jakoukoliv rovnici a vysledek uloz do promene num, tu pak pred radkem el.innerHTML = s; prevedes do stringu a pridas k promene s Doufám, že je to to, co si chtěl

Editováno 4.5.2014 9:39

Nahoru Odpovědět

4.5.2014 9:39

Kdo to říká ten to je...

jakub.matousek23

Člen

jakub.matousek23:4.5.2014 9:42

Velice ti děkuji za pomoc =) Já vím zdá se to být primitivní ale já mám ještě dlouhou cestu před sebou xD Ale nevzdávám se =)

Nahoru Odpovědět

4.5.2014 9:42

jakub.matousek23

Člen

jakub.matousek23:4.5.2014 10:54

Jo se mnou je to hold těžké aneb dostanu řešení pod nos a ani toho neumím využít xD zkouším to dát do hromady ale nějak se mi to nedaří =(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title></title>

     <style type="text/css">
         .formular {
             background-color: #808000;
             border-left: solid 5px black;
         }
     </style>
     <script language="javascript" type="text/javascript">
         function vyhodnotFormular() {
             var s = "";
             var el = document.getElementById("vysledek");
             var i;
             var p;
             var x = document.formular.prvniodpor.value;
             var y = document.formular.druhyodpor.value;

             s += "Report o vyplnenem formulari";
             s += "<br/>prvni odpor je: " + document.formular.prvniodpor.value;
             s += "<br/>druhy odpor je: " + document.formular.druhyodpor.value;
             s += "<br/>razeni je: ";
             s += "<br/>vysledna hodnota je: ";



             for (i = 0; i < document.formular.razeni.length; ++i) {
                 if (document.formular.razeni[i].selected == true) {
                     switch (document.formular.razeni[i].value) {
                         case "S": s += "serie"; var num = document.formular.prvniodpor.value / document.formular.druhyodpor.value; num = x + y; break;
                         case "P": s += "paralel"; var num = document.formular.prvniodpor.value / document.formular.druhyodpor.value; num = x * y / x + y;break;
                         default: s += "Neznámý odpor"; break;
                     }
                 }
             }
             s += num.toString();
             x.toString;
             y.toString;
             document.write("vysledna hodnota je:  " + num);
             el.innerHTML = s;
         }
     </script>
 </head>
 <body>
     <form name="formular">
         <table cellpadding="5" cellspacing="0" class="formular">
             <tr>
                 <td>prvni odpor</td>
                 <td><input type="text" name="prvniodpor" /></td>
             </tr>
             <tr>
                 <td>druhy odpor</td>
                 <td><input type="text" name="druhyodpor" /></td>
             </tr>
             <tr>
                 <td>razeni</td>
                 <td>
                     <select name="razeni">
                         <option value="S">serie</option>
                         <option value="P">paralel</option>

                     </select><br />
                 </td>
             </tr>

         </table>
         <input type="button" value="Zpracuj data" onclick="vyhodnotFormular()" />
     </form>
     <br />
     <div id="vysledek" style="background-color:silver; border:dashed 3px brown">
         Po odesláni formulaře sem zapíšu, zatím nic nemám.
     </div>
 </body>
 </html>

Nahoru Odpovědět

4.5.2014 10:54

Gramli

Tvůrce

Gramli:4.5.2014 11:22

Ja se jeste naucim zaklady Javascriptu covece

</style>
<script language="javascript" type="text/javascript">
    function vyhodnotFormular() {
        var s = "";
        var el = document.getElementById("vysledek");
        var i;
        var p;
        var x = parseInt(document.formular.prvniodpor.value);
        var y = parseInt(document.formular.druhyodpor.value);
        var st = "";

        s += "Report o vyplnenem formulari";
        s += "<br/>prvni odpor je: " + document.formular.prvniodpor.value;
        s += "<br/>druhy odpor je: " + document.formular.druhyodpor.value;
        s += "<br/>razeni je:";




        for (i = 0; i < document.formular.razeni.length; ++i) {
            if (document.formular.razeni[i].selected == true) {
                switch (document.formular.razeni[i].value) {
                    case "S": s += "serie";  var num = x + y; break;
                    case "P": s += "paralel"; var num = (x * y) / (x + y);break;
                    default: s += "Neznámý odpor"; break;
                }
            }
        }
        s += "<br/>vysledek: ";
        s += num.toString();
        el.innerHTML = s;
    }
</script>

Nahoru Odpovědět

4.5.2014 11:22

Kdo to říká ten to je...

Gramli

Tvůrce

Gramli:4.5.2014 11:27

To proměnou

var st = "";

můžeš smazat, zapoměl jsem.

Nahoru Odpovědět

4.5.2014 11:27

Kdo to říká ten to je...

jakub.matousek23

Člen

jakub.matousek23:4.5.2014 11:36

Strašně ti děkuji já bych nad tím strávil ještě celý týden xD Ostudu sem si udělal pěknou takže teď to ještě doladím a mažu se pořádně doučit základy abych aspoň pořádně pochopil tuto úlohu xD ale sem rád že ses také něco přiučil a profitujeme oba dva =P

Nahoru Odpovědět

4.5.2014 11:36