Diskuze: Formulářové zpracování

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Absolvováno

Označit lekci jako neabsolvovanou

Pokračovat ve výuce

Jak se ti líbí článek?

Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500

Jak se ti kurz líbí?

Tvé hodnocení kurzuZnaků 0 z 50-500

Aktivity

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

Naučíme tě pracovat na home-office.

Zjistit více...

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 14 zpráv z 14.

Nejčastěji vyhledáváné

Diskuze: Formulářové zpracování