[HTML/JS] Pomoc z kalkulatorem Opcje

[dawcio100]

Witam,
staram się zrobić kalkulator cen online, lecz niestety słabo u mnie z javascript.
Zamieszczam moje dotychczasowe wypociny i liczę, że to forum będzie pełne ludzi którzy zrobili by takie coś w kilka minut.

[HTML] pobierz, plaintext 
 <h1>Kalkulator</h1><div><form> 
    <fieldset> 
        <label for="lokalizacja">Lokalizacja:</label> 
        <select id="lokalizacja" name="lokalizacja"> 
            <option value="0">Proszę wybrać</option> 
                        <option value="1"> 
                  Polska - Gdańsk          </option> 
 
                                          <option value="2"> 
                  Niemcy          </option> 
                    </select> 
        <div class="clear"></div> 
        <label for="produkt">Produkt:</label> 
        <select id="produkt" name="produkt"> 
                <option value="0">Proszę wybrać</option> 
                                <option value="1">San Andreas Multi Player</option> 
                                <option value="2">Ventrilo 2.1</option>
                        </select> 
        <div class="clear"></div> 
        <label for="rodzaj">Rodzaj Serwera:</label> 
        <select id="rodzaj" name="rodzaj"> 
		<option value="0">Proszę Wybrać</option> 
            <option value="2">Publiczny</option> 
            <option value="1">Prywatny</option> 
        </select> 
 
        <div class="clear"></div> 
        <label for="sloty">Ilość slotów</label> 
        <select id="sloty" name="sloty"> 
                        <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> 
                        <option value="11">11</option> 
                        <option value="12">12</option> 
                        <option value="13">13</option> 
                        <option value="14">14</option> 
                        <option value="15">15</option> 
                        <option value="16">16</option> 
                        <option value="17">17</option> 
                        <option value="18">18</option> 
                        <option value="19">19</option> 
                        <option value="20">20</option> 
                        <option value="21">21</option> 
                        <option value="22">22</option> 
                        <option value="23">23</option> 
                        <option value="24">24</option> 
                        <option value="25">25</option> 
                        <option value="26">26</option> 
                        <option value="27">27</option> 
                        <option value="28">28</option> 
                        <option value="29">29</option> 
                        <option value="30">30</option> 
                        <option value="31">31</option> 
                        <option value="32">32</option>
                        <option value="33">33</option>
                        <option value="34">34</option>  
                        <option value="35">35</option>  
                        <option value="36">36</option> 
                        <option value="37">37</option> 
                        <option value="38">38</option> 
                        <option value="39">39</option> 
                        <option value="40">40</option> 
                        <option value="41">41</option>
                        <option value="42">42</option>
                        <option value="43">43</option>
                        <option value="44">44</option>
                        <option value="45">45</option>
                        <option value="46">46</option>
                        <option value="47">47</option>
                        <option value="48">48</option>
                        <option value="49">49</option>
                        <option value="50">50</option>
 
                    </select> 
 
 
        <label id="cenaslot">Cena za Slot</label> 
        <div id="price"><span>0,00</span> PLN</div> 
        <div class="clear"></div> 
        <label id="calkowity">Koszt serwera</label> 
		<div id="price"><span>0,00</span> PLN</div> 
    </fieldset> 
</form> 
</div>
 
<tr><td class="tabela"><input type="submit" value="Przelicz" name="przelicz" style="float: left;" /></td>
[HTML] pobierz, plaintext 

Z góry dziękuję za pomoc.
pozdrawiam

[vermis]

Z góry dziękuję za pomoc.
pozdrawiam

Ale pomoc w czym? Napisaniu gotowca?
Napisz co sprawia Ci problem to postaramy się pomóc.

[dawcio100]

Największy problem mam z tym, że nie wiem co dodać żeby to działało. Próbowałem dopisywać kody JS/PHP wg różnych poradników oraz edytować jakieś gotowce, które znalazłem na googlach, ale do tej pory z mizernym skutkiem. Reasumując nie potrafię stworzyć kodu JS/PHP, który byłby odpowiedzialny za przeliczanie.

[Mefiuu]

Bardzo dobry i fajny kurs = praktyczny
Drugi ciekawy

Zapoznaj się z tym i poszukaj bo jak podstaw nie masz to nic nie zrobisz

[dawcio100]

Po studiowałem trochę te poradniki i coś stworzyłem:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var cena = 0.40;
var sloty = 12;
document.write(cena * sloty);
 
</script>
[HTML] pobierz, plaintext 

Tylko nigdzie nie mogę znaleźć jak zastąpić

Kod

var sloty = 12;

na

Kod

var sloty = [ilość slotów z formularza];

Pomożecie?

[Wicepsik]

getElementById
parseInt

[dawcio100]

Wyszło mi coś takiego, ale niestety nie działa

Kod

<script type="text/javascript">
var sloty = document.getElementById("sloty").value);
var cena = 0.40;
document.write(cena * sloty);
</script>

Co to jest źle?

[Mefiuu]

Wyszło mi coś takiego, ale niestety nie działa

Kod

<script type="text/javascript">
var sloty = document.getElementById("sloty").value);
var cena = 0.40;
document.write(cena * sloty);
</script>

Co to jest źle?

tu masz na pewno nawias źle :

[JAVASCRIPT] pobierz, plaintext 
var sloty = document.getElementById("sloty").value);
[JAVASCRIPT] pobierz, plaintext 

[AdIoS_Neo]

dawcio100 już za pewne nie jest zainteresowany rozwiązaniem jego problemu (data ostatniego logowania - 31.01.2011).
Może komuś się przyda do czegoś (?):

[HTML] pobierz, plaintext 
 <!DOCTYPE html>
 <html>
 <head>
	<title>Kalkulator ceny</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"/>
	<script language="JavaScript" type="text/javascript">
	 window.onload = function(){
		document.getElementById("przelicz").onclick = function(){
			var cena = 0.40; // cena za slot
			var sloty = document.getElementById("sloty").value; // ilość slotów
			document.getElementById("price_serv").getElementsByTagName("span")[0].innerHTML = Math.round(cena*sloty*100)/100;
		}
	 }
	</script>
 </head>
<body>
	<h1>Kalkulator</h1><div>
	<form>
      <fieldset>
      <label for="lokalizacja">Lokalizacja:</label>
      <select id="lokalizacja" name="lokalizacja">
		<option value="0" selected="true" disabled="true">Proszę wybrać</option>
		<option value="1">Polska - Gdańsk </option>
		<option value="2">Niemcy </option>
      </select>
      <div class="clear"></div>
      <label for="produkt">Produkt:</label>
      <select id="produkt" name="produkt">
		<option value="0" selected="true" disabled="true">Proszę wybrać</option>
		<option value="1">San Andreas Multi Player</option>
		<option value="2">Ventrilo 1</option>
      </select>
      <div class="clear"></div>
      <label for="rodzaj">Rodzaj Serwera:</label>
      <select id="rodzaj" name="rodzaj">
		<option value="0" selected="true" disabled="true">Proszę Wybrać</option>
		<option value="2">Publiczny</option>
		<option value="1">Prywatny</option>
      </select>
      <div class="clear"></div>
      <label for="sloty">Ilość slotów</label>
      <select id="sloty" name="sloty">
		<?php
			for($i=2;$i<=50;$i++)
				echo "<option value='".$i."'>".$i."</option>";
		?>
      </select>
      <label id="cenaslot">Cena za Slot</label>
      <div id="price_slot"><span>0,40</span> PLN</div>
      <div class="clear"></div>
      <label id="calkowity">Koszt serwera</label>
      <div id="price_serv"><span>0,00</span> PLN</div>
      </fieldset>
      </form>
      </div>
      <tr><td class="tabela"><input type="submit" value="Przelicz" name="przelicz" id="przelicz" style="float: left;" /></td>
</body>
</html>
[HTML] pobierz, plaintext