Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> funkcja JQuery w zwykłym JS
TomSon84
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 17.09.2010

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


Od razu chciałem powiedzieć że w temacie javascriptu jestem dosyć zielony więc proszę o wyrozumiałość.
A teraz do rzeczy. Chciałem się dowiedzieć czy można uzyskać efekt takiego skryptu bez pomocy biblioteki JQuery, sam czysty JavaScript.

  1. <script type="text/javascript"
  2. src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <script type="text/javascript">
  6. $(document).ready(function() {
  7. $("input[name='textfield2'], input[name='textfield']").keyup(
  8. function()
  9. {
  10. var wynik = $("input[name='textfield']").val()*$("input[name='textfield2']").val();
  11. $("input[name='wynik']").val(wynik);
  12.  
  13. });
  14. });
  15. </head>
  16.  
  17. <form name="formularz" action="" method="post">
  18. <table width="200" border="1">
  19. <tr>
  20. <td>
  21. <input type="text" name="textfield" id="textfield" /></td>
  22. <td>
  23. <input type="text" name="textfield2" id="textfield2" /></td>
  24. </tr>
  25. <tr>
  26. <td colspan="2">
  27. <input type="text" name="wynik" id="wynik" /></td>
  28. </td>
  29. </tr>
  30. </form>
  31. </body>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
luckyps
post
Post #2





Grupa: Zarejestrowani
Postów: 153
Pomógł: 41
Dołączył: 28.06.2011
Skąd: Częstochowa

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


Cos takiego ?
  1. <input type="text" name="textfield" id="textfield" onkeyup="wynik()" />
  2. <input type="text" name="textfield2" id="textfield2" onkeyup="wynik()" />
  3. <input type="text" name="wynik" id="wynik" />
  4. <script type="text/javascript">
  5. function wynik()
  6. {
  7. var wyn=document.getElementById('wynik');
  8. var textfield=document.getElementById('textfield').value;
  9. var textfield2=document.getElementById('textfield2').value;
  10. wyn.value = textfield * textfield2;
  11. }
Go to the top of the page
+Quote Post
TomSon84
post
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 17.09.2010

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


(IMG:style_emoticons/default/biggrin.gif) nie spodziewałem się że to będzie takie proste.
Na prawdę dzięki wielkie.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 09:43