Forum PHP.pl > funkcja JQuery w zwykłym JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: funkcja JQuery w zwykłym JS

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

TomSon84

10.01.2012, 18:13:00

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.

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">    
    $(document).ready(function() {
    $("input[name='textfield2'], input[name='textfield']").keyup(
    function()
    {
    var wynik = $("input[name='textfield']").val()*$("input[name='textfield2']").val();
    $("input[name='wynik']").val(wynik);
 
    });
    });
</script>
</head>
 
<body>
<form name="formularz" action="" method="post">
<table width="200" border="1">
  <tr>
    <td>
      <input type="text" name="textfield" id="textfield" /></td>
    <td>
      <input type="text" name="textfield2" id="textfield2" /></td>
  </tr>
  <tr>
    <td colspan="2">
    <input type="text" name="wynik" id="wynik" /></td>
	</td>
  </tr>
</table>
</form>
</body>
[HTML] pobierz, plaintext

luckyps

10.01.2012, 18:34:24

Cos takiego ?

[HTML] pobierz, plaintext 
<input type="text" name="textfield" id="textfield" onkeyup="wynik()" />
<input type="text" name="textfield2" id="textfield2" onkeyup="wynik()" />
<input type="text" name="wynik" id="wynik" />
<script type="text/javascript">
function wynik()
{
	var wyn=document.getElementById('wynik');
	var textfield=document.getElementById('textfield').value;
	var textfield2=document.getElementById('textfield2').value;
	wyn.value = textfield * textfield2;
}
</script>
[HTML] pobierz, plaintext

TomSon84

10.01.2012, 18:59:43

nie spodziewałem się że to będzie takie proste.
Na prawdę dzięki wielkie.

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.