Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Problem w porostym zadaniu
stefik4
post
Post #1





Grupa: Zarejestrowani
Postów: 176
Pomógł: 1
Dołączył: 18.11.2007

Ostrzeżenie: (0%)
-----

Witam. Dopieor zaczynam swoją przygodę z JSem i napisałem sobie taki skrypt i nie wiem dlaczego nie działa (IMG:style_emoticons/default/sad.gif)

w head:
[PHP] pobierz, plaintext 
  1. <script>  
  2.         function licz(){
  3. kredyt = document.getElementById("kredyt").value; 
  4.      rat = document.getElementById("rat").value;     
  5.  
  6.      wyniq = kredyt/rat;  
  7.  
  8.     document.getElementById('rat').innerHTML=rat;       
  9.     document.getElementById('kredyt').innerHTML=kredyt; 
  10.     document.getElementById('wyniq').innerHTML=wyniq;     //zapisuje wynik w span-ie o id="wynik"
  11.  
  12.    }
  13.  
  14. </script>
[PHP] pobierz, plaintext


w body:
[PHP] pobierz, plaintext 
  1. <table width="100%" id="table">
  2. <tr>
  3.     <td style="text-align: right;" id="plus">Wpisz kwotę kredytu:</td>
  4.     <td><input size="20" MAXLENGTH="20" id="kredyt" type="text" value="" onkeyup="licz();"></td>
  5. </tr>
  6.  
  7. <tr><td style="text-align: right;" id="plus">Ilośc rat:</td>
  8.     <td><select id="rat" onchange="licz();">
  9.  
  10. <option VALUE="12">12</option>
  11.  
  12. <option VALUE="24">24</option>
  13.  
  14. <option VALUE="36">36</option>
  15.  
  16. </select></td>
  17. </tr>
  18. <tr><td></td><td></td></tr>
  19. <tr>
  20.     <td style="text-align: right;" id="plus">wybrałeś ilośc rat:</td>
  21.     <td><span id="rat"></span></td>
  22. </tr>
  23. <tr>
  24.     <td style="text-align: right;" id="plus">Kredyt wzieles:</td>
  25.     <td><span id="kredyt"></span> zł</td>
  26. </tr>
  27.  
  28. <tr>
  29.     <td style="text-align: right;" id="plus">rata wyniesie:</td>
  30.     <td><span id="wyniq"></span> zł</td>
  31. </tr>
  32.  
  33.  
  34. </table>
[PHP] pobierz, plaintext


Edytka nie działa wiec piszę: działanie: http://www.helper.unl.pl/pro/test.php
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

1. Musisz zamienić wartości na liczby
2. To jest niepoprawne:
Kod
document.getElementById('rat').innerHTML=rat;
pokombinuj z tym(potrzebne zmiany w tym kodzie)
Cytat
function selectOption(id,num)
{
id = document.getElementById(id);
id.selectedIndex = num;
}


Ten post edytował kamil4u 17.10.2009, 10:28:14
Go to the top of the page
+Quote Post
Burned
post
Post #3





Grupa: Zarejestrowani
Postów: 67
Pomógł: 8
Dołączył: 19.05.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Cytat(kamil4u @ 17.10.2009, 11:24:43 ) *
1. Musisz zamienić wartości na liczby
2. To jest niepoprawne:
Kod
document.getElementById('rat').innerHTML=rat;
pokombinuj z tym(potrzebne zmiany w tym kodzie)


1. Nie musi - js poradzi sobie z tym sam.
2. To jest absolutnie poprawny zapis. Problem leży gdzie indziej - podstawy html - masz kilka elementów o tym samym id. Zarówno elementy formularza, jak i span'y, w których js ma wyświetlić wyniki mają identyczne id - nic dziwnego, że nie działa.

popraw na mniej więcej cośtakiego:
CODE
<script>
function licz(){
var kredyt = document.getElementById("kredyt").value;
var rat = document.getElementById("rat").value;
var wyniq = kredyt/rat;

document.getElementById('show_rat').innerHTML=rat;
document.getElementById('show_kredyt').innerHTML=kredyt;
document.getElementById('show_wyniq').innerHTML=wyniq; //zapisuje wynik w span-ie o id="wynik"
}

</script>

[HTML] pobierz, plaintext 
  1. <table width="100%" id="table">
  2. <tr>
  3.     <td style="text-align: right;" id="plus">Wpisz kwotę kredytu:</td>
  4.     <td><input size="20" maxlength="20" id="kredyt" type="text" onkeyup="licz();"></td>
  5. </tr>
  6.  
  7. <tr><td style="text-align: right;" id="plus">Ilośc rat:</td>
  8. <td><select id="rat" onchange="licz()">
  9. <option value="12">12</option>
  10. <option value="24">24</option>
  11. <option value="36">36</option>
  12. </select></td>
  13. </tr>
  14. <tr><td></td><td></td></tr>
  15. <tr>
  16.     <td style="text-align: right;" id="plus">wybrałeś ilośc rat:</td>
  17.     <td><span id="show_rat"></span></td>
  18. </tr>
  19. <tr>
  20.     <td style="text-align: right;" id="plus">Kredyt wzieles:</td>
  21.     <td><span id="show_kredyt"></span> zł</td>
  22. </tr>
  23.  
  24. <tr>
  25.     <td style="text-align: right;" id="plus">rata wyniesie:</td>
  26.     <td><span id="show_wyniq"></span> zł</td>
  27. </tr>
  28.  
  29.  
  30. </table>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
stefik4
post
Post #4





Grupa: Zarejestrowani
Postów: 176
Pomógł: 1
Dołączył: 18.11.2007

Ostrzeżenie: (0%)
-----

Dzięki bardzo (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 02:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn