Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML/JS] Pomoc z kalkulatorem
Forum PHP.pl > Forum > Po stronie przeglądarki
dawcio100
29.01.2011, 22:15:01
Witam,
staram się zrobić kalkulator cen online, lecz niestety słabo u mnie z javascript. sciana.gif
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 
  1.  <h1>Kalkulator</h1><div><form> 
  2.     <fieldset> 
  3.         <label for="lokalizacja">Lokalizacja:</label> 
  4.         <select id="lokalizacja" name="lokalizacja"> 
  5.             <option value="0">Proszę wybrać</option> 
  6.                         <option value="1"> 
  7.                   Polska - Gdańsk          </option> 
  8.  
  9.                                           <option value="2"> 
  10.                   Niemcy          </option> 
  11.                     </select> 
  12.         <div class="clear"></div> 
  13.         <label for="produkt">Produkt:</label> 
  14.         <select id="produkt" name="produkt"> 
  15.                 <option value="0">Proszę wybrać</option> 
  16.                                 <option value="1">San Andreas Multi Player</option> 
  17.                                 <option value="2">Ventrilo 2.1</option>
  18.                         </select> 
  19.         <div class="clear"></div> 
  20.         <label for="rodzaj">Rodzaj Serwera:</label> 
  21.         <select id="rodzaj" name="rodzaj"> 
  22. 		<option value="0">Proszę Wybrać</option> 
  23.             <option value="2">Publiczny</option> 
  24.             <option value="1">Prywatny</option> 
  25.         </select> 
  26.  
  27.         <div class="clear"></div> 
  28.         <label for="sloty">Ilość slotów</label> 
  29.         <select id="sloty" name="sloty"> 
  30.                         <option value="2">2</option> 
  31.                         <option value="3">3</option> 
  32.                         <option value="4">4</option> 
  33.                         <option value="5">5</option> 
  34.                         <option value="6">6</option> 
  35.                         <option value="7">7</option> 
  36.                         <option value="8">8</option> 
  37.                         <option value="9">9</option> 
  38.                         <option value="10">10</option> 
  39.                         <option value="11">11</option> 
  40.                         <option value="12">12</option> 
  41.                         <option value="13">13</option> 
  42.                         <option value="14">14</option> 
  43.                         <option value="15">15</option> 
  44.                         <option value="16">16</option> 
  45.                         <option value="17">17</option> 
  46.                         <option value="18">18</option> 
  47.                         <option value="19">19</option> 
  48.                         <option value="20">20</option> 
  49.                         <option value="21">21</option> 
  50.                         <option value="22">22</option> 
  51.                         <option value="23">23</option> 
  52.                         <option value="24">24</option> 
  53.                         <option value="25">25</option> 
  54.                         <option value="26">26</option> 
  55.                         <option value="27">27</option> 
  56.                         <option value="28">28</option> 
  57.                         <option value="29">29</option> 
  58.                         <option value="30">30</option> 
  59.                         <option value="31">31</option> 
  60.                         <option value="32">32</option>
  61.                         <option value="33">33</option>
  62.                         <option value="34">34</option>  
  63.                         <option value="35">35</option>  
  64.                         <option value="36">36</option> 
  65.                         <option value="37">37</option> 
  66.                         <option value="38">38</option> 
  67.                         <option value="39">39</option> 
  68.                         <option value="40">40</option> 
  69.                         <option value="41">41</option>
  70.                         <option value="42">42</option>
  71.                         <option value="43">43</option>
  72.                         <option value="44">44</option>
  73.                         <option value="45">45</option>
  74.                         <option value="46">46</option>
  75.                         <option value="47">47</option>
  76.                         <option value="48">48</option>
  77.                         <option value="49">49</option>
  78.                         <option value="50">50</option>
  79.  
  80.                     </select> 
  81.  
  82.  
  83.         <label id="cenaslot">Cena za Slot</label> 
  84.         <div id="price"><span>0,00</span> PLN</div> 
  85.         <div class="clear"></div> 
  86.         <label id="calkowity">Koszt serwera</label> 
  87. 		<div id="price"><span>0,00</span> PLN</div> 
  88.     </fieldset> 
  89. </form> 
  90. </div>
  91.  
  92. <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
29.01.2011, 23:01:20
Cytat(dawcio100 @ 29.01.2011, 22:15:01 ) *
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
29.01.2011, 23:29:34
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
29.01.2011, 23:40:17
Bardzo dobry i fajny kurs = praktyczny
Drugi ciekawy

Zapoznaj się z tym i poszukaj bo jak podstaw nie masz to nic nie zrobisz winksmiley.jpg
dawcio100
30.01.2011, 15:37:40
Po studiowałem trochę te poradniki i coś stworzyłem:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var cena = 0.40;
  3. var sloty = 12;
  4. document.write(cena * sloty);
  5.  
  6. </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
30.01.2011, 15:44:26
getElementById
parseInt
dawcio100
30.01.2011, 16:43:30
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
11.02.2011, 23:55:15
Cytat(dawcio100 @ 30.01.2011, 16:43:30 ) *
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 
  1. var sloty = document.getElementById("sloty").value);
[JAVASCRIPT] pobierz, plaintext


AdIoS_Neo
12.02.2011, 01:20:58
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 
  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4. 	<title>Kalkulator ceny</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"/>
  6. 	<script language="JavaScript" type="text/javascript">
  7. 	 window.onload = function(){
  8. 		document.getElementById("przelicz").onclick = function(){
  9. 			var cena = 0.40; // cena za slot
  10. 			var sloty = document.getElementById("sloty").value; // ilość slotów
  11. 			document.getElementById("price_serv").getElementsByTagName("span")[0].innerHTML = Math.round(cena*sloty*100)/100;
  12. 		}
  13. 	 }
  14. 	</script>
  15.  </head>
  16. <body>
  17. 	<h1>Kalkulator</h1><div>
  18. 	<form>
  19.       <fieldset>
  20.       <label for="lokalizacja">Lokalizacja:</label>
  21.       <select id="lokalizacja" name="lokalizacja">
  22. 		<option value="0" selected="true" disabled="true">Proszę wybrać</option>
  23. 		<option value="1">Polska - Gdańsk </option>
  24. 		<option value="2">Niemcy </option>
  25.       </select>
  26.       <div class="clear"></div>
  27.       <label for="produkt">Produkt:</label>
  28.       <select id="produkt" name="produkt">
  29. 		<option value="0" selected="true" disabled="true">Proszę wybrać</option>
  30. 		<option value="1">San Andreas Multi Player</option>
  31. 		<option value="2">Ventrilo 1</option>
  32.       </select>
  33.       <div class="clear"></div>
  34.       <label for="rodzaj">Rodzaj Serwera:</label>
  35.       <select id="rodzaj" name="rodzaj">
  36. 		<option value="0" selected="true" disabled="true">Proszę Wybrać</option>
  37. 		<option value="2">Publiczny</option>
  38. 		<option value="1">Prywatny</option>
  39.       </select>
  40.       <div class="clear"></div>
  41.       <label for="sloty">Ilość slotów</label>
  42.       <select id="sloty" name="sloty">
  43. 		<?php
  44. 			for($i=2;$i<=50;$i++)
  45. 				echo "<option value='".$i."'>".$i."</option>";
  46. 		?>
  47.       </select>
  48.       <label id="cenaslot">Cena za Slot</label>
  49.       <div id="price_slot"><span>0,40</span> PLN</div>
  50.       <div class="clear"></div>
  51.       <label id="calkowity">Koszt serwera</label>
  52.       <div id="price_serv"><span>0,00</span> PLN</div>
  53.       </fieldset>
  54.       </form>
  55.       </div>
  56.       <tr><td class="tabela"><input type="submit" value="Przelicz" name="przelicz" id="przelicz" style="float: left;" /></td>
  57. </body>
  58. </html>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.