Autor Zpráva
elo001
Profil
Ako je prosim mozne spravit takyto formular:

Moznost vyberu: napr.

1. Vyber si farbu tricka: cervene, zelene, atd.

2. Vyber si velkost: S, M, XL, XXL, atd.

Dole by malo byt tlacidlo spocitaj a ma to vypisat cenu.

V HTML to viem spravit ale neviem ako na ten vysledok - vypisat cenu.

dik za pomoc.


<Form>
Vyber 1.:<input type="checkbox" checked name="zaskrnut" value="nie"><br>
Vyber 2.:<input type="checkbox" checked name="zaskrnut" value="nie"><br>
Vyber 3.:<input type="checkbox" checked name="zaskrnut" value="nie"><br>
Vyber 4.:<input type="checkbox" checked name="zaskrnut" value="nie"><br>
<br>
Vyber 5.:<input type="radio" name="puntik" value="horny">hore<br>

<input type="radio" name="puntik" value="dolny" checked>dole<br>
<br><br>

Vyber 5.:<select name="pocet" size="1">
<option value="1">1
<option value="1">2
<option value="3">3
<option value="4">4
</select>

</ Form> 

Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
elo001
Profil
Popis.

Ked oznacim jeden 1. checkbox ma sa dole zobrazit celkova cena 50

ked sa oznaci aj druhy 2. checkbox dole sa ma zobrazit celkova cena 60

Ma sa to celkovo scitat to co je oznacene. (50+10)

<script type="text/javascript">
  function moja-cena() {
    cp.call(...);
  }
</script>

<Form>
    Vyber 1.:<input type="checkbox" checked name="zelene_tricko" value="nie" onChange="moja-cena(50)"><br>
    Vyber 2.:<input type="checkbox" checked name="modre_tricko" value="nie" onChange="moja-cena(10)"><br>
</ Form><input type ... onChange="moja-cena()">


Nieco tomu chyba, poradi niekto? D.
elo001
Profil
Text s diakritikou.

Ako je možné prosím spraviť takýto formulár.

Možnosť výberu: napr.:

1. Vyber si farbu trička: Červené, Zelené, atd.

2. Vyber si veľkosť: S, M, XL, XXL, atd.

Dole by malo byť tlačídlo spočítaj a ma to vypísať cenu.

V HTML to viem spraviť ale neviem ako na ten výsledok - vypísať cenu.

dik za pomoc.

Popis.

Keď označím jeden 1. checkbox ma sa dole zobraziť celková cena 50

keď sa označí aj druhý 2. checkbox dole sa má zobraziť celková cena 60

Má sa to celkovo sčítať to čo je označené. (50+10)
sysel
Profil
Moc se omlouvám, ale trochu mi to připadá, jako zadání nějaké seminární práce. Než se pustíte do programování, ujasněte si, co vlastně chcete. Pokud je cílem použití několika různých formulářových prvků na stránce a nějaký následný výpočet, pak to, propánakrále, nakódujete raz dva v HTML a Javascriptové sečítání příslušných hodnot by nemělo být nijak složité. Současný popis úlohy, i s diakritikou, mi připadá spíše jako kvíz.

Pokud Vám chybějí nápady, lze omrknout jakýkoliv e-shop (i třebas tričky) a (po překonání jistých morálních zábran) kus kódu obšlehnout.

Jako velmi jednoduchou nápovědu, když už umíte HTML (ale ještě moc ne protože </ Form> je opakovaně chybně - musí být </Form>, každý checkbox by měl mít unikátní jméno, stejnojmenné musejí být jen svázané a navzájem se vylučující -radio buttons- a v <select>u by se neměly opakovat value <option>ů), si zkuste následující stránku:

<html>
<head>
<script>
function ssum(oForm)
{   var prehled='';
    for (i=0;i < oForm.length;i++)
    { prehled=prehled +'<br>'+('name: '+oForm[i].name+' - type: '+oForm[i].type+' - value: '+oForm[i].value+' - checked: '+oForm[i].checked)
    }
document.getElementById('sem').innerHTML=prehled
}
</script>
</head>
<body>
<form name="nakup">
Vyber 1.:<input type="checkbox" checked name="zaskrt1" value="nie"><br>
Vyber 2.:<input type="checkbox" checked name="zaskrt2" value="nie"><br>
Vyber 3.:<input type="checkbox" checked name="zaskrt3" value="nie"><br>
Vyber 4.:<input type="checkbox" checked name="zaskrt4" value="nie"><br>
<br>
Vyber 5.:<br>
<input type="radio" name="puntik" value="horny"        >hore<br>

<input type="radio" name="puntik" value="dolny" checked>dole<br>
<br><br>

Vyber 6.:<select name="pocet" size="1">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
</select><br><br><br>
<input type="button" name="soucet" value="celkem" onClick=ssum(this.form)><p id="sem"></p>
</form>
</body>
</html>


Pokud se v tomto jednoduchém kódu neztratíte, tak si snadno zjistíte, které kombinace atributů dají jakou položku k celkovému součtu.
elo001
Profil
Zdravim, super, funguje to, ale je tam toho vela.

Vysvetlim: Oznacim si presne o co mam zaujem a dole sa mi ma zobrazit len ta cena, nic viac. Pridal som premennu "cena" ale nevypisuje mi ju korektne. Neviem to upravit, lebo nechcem vypisat pre kazdu polozku zvlast cenu ale len cenu spolu. Nieje to seminarna praca.

<html>
<head>
<script>
function ssum(oForm)
{   var prehled='';
    for (i=0;i < oForm.length;i++)
    { prehled=prehled +'<br>'+('name: '+oForm[i].name+' - type: '+oForm[i].type+' - cena: '+oForm[i].cena+' - value: '+oForm[i].value+' - checked: '+oForm[i].checked)
    }
document.getElementById('sem').innerHTML=prehled
}
</script>
</head>
<body>
<form name="nakup">
Vyber 1.:<input type="checkbox" checked name="zaskrt1" value="nie" cena="10"><br>
Vyber 2.:<input type="checkbox" checked name="zaskrt2" value="nie" cena="10"><br>
Vyber 3.:<input type="checkbox" checked name="zaskrt3" value="nie" cena="10"><br>
Vyber 4.:<input type="checkbox" checked name="zaskrt4" value="nie" cena="10"><br>
<br>
Vyber 5.:<br>
<input type="radio" name="puntik" value="horny" cena="10">hore<br>

<input type="radio" name="puntik" value="dolny" cena="10" checked>dole<br>
<br><br>

Vyber 6.:<select name="pocet" size="1">
<option value="1" cena="10">1
<option value="2" cena="10">2
<option value="3" cena="10">3
<option value="4" cena="10">4
</select><br><br><br>
<input type="button" name="soucet" value="celkem" onClick=ssum(this.form)><p id="sem"></p>
</form>
</body>
</html>


Tu je pridana hodnota "cena" ale ako to prosim scitam vsetky naraz a vypisem jednu vysednu cenu?

D.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0