Forum Debian Users Gang

<div id="div1">
  <select id="var1"
  onchange="document.getElementById('div2').appendChild(document.createTextNode(document.getElementById('var1').value*10)+" ");">
    <option value="10">wartosc 10</option>
    <option value="20">wartosc 20</option>
    <option value="30">wartosc 30</option>
  </select>
</div>
<div id="div2">
  tu wyswietli sie wartosc pomnozona przez 10
</div>

powinno dzialac :D

Ostatnio edytowany przez paoolo (2009-01-13 18:06:03)

<div id="div1">
  <select id="var1"  onclick=wynik.value=(document.getElementById('var1').value*10);>
    <option value="10">wartosc 10</option>
    <option value="20">wartosc 20</option>
    <option value="30">wartosc 30</option>
  </select>
</div>

<br>
<input id="wynik" name="wynik" value="0.00" type="text">

działa :))

nic nie szkodzi udało mi sie dopisać nie działającą przez paloo funkcje aby wynik był wyswietlany w <div>
<div id="div2">
  tu wyswietli sie wartosc pomnozona przez 10
</div>

tylko wynik jest dopistwany ,wiec tworzy sie cos takiego 10020023000400 (czyli doposuje kolejno ,nie usuwa starego wyniku mnozenia ),jak zrobic aby było tylko nadpisywana wartość ?

<div id="div1">
  <select id="var1"
  onchange="document.getElementById('div2').innerHTML='tu wyswietli sie wartosc pomnozona przez 10: '+document.getElementById('var1').value*10+' ';">
    <option value="10">wartosc 10</option>
    <option value="20">wartosc 20</option>
    <option value="30">wartosc 30</option>
  </select>
</div>
<div id="div2">
  tu wyswietli sie wartosc pomnozona przez 10:
</div>

mozna jeszcze za pomoca ***.innerHTML, ale dla mnie jest nieco dziwne, wole operowac na DOM, zas takie stricte zastepowania jakiegos fragmentu tekstu nie opanowalem

Ostatnio edytowany przez paoolo (2009-01-13 20:08:01)

Minio napisał(-a):

paoolo: metoda replace łańcucha znaków. Jako pierwszy argument przyjmuje wyrażenie regularne, co czyni ją dość potężną.

nad tym nie myslalem, i widze ta sama strona z ktorej bralem niewielka czesc wiedzy

Skoro chcesz to mieć juz w dwóch miejscach, to w przyszłości możesz zapragnąć mieć w trzech. W takim wypadku najprościej napisać funkcję która jako argument przyjmowałaby element w którym ma się pojawić obliczona liczba. Gotowego rozwiązania nie podam, ponieważ nie jestem w stanie go stworzyć bez dokładnej znajomości struktury Twojej strony.

Oczywiście że zrobienie dwóch divów o tym samym ID nie działa. Specyfikacja jasno określa dlaczego. Jeżeli chcesz pewne działanie wykonać na kilku elementach, nadaj im odpowiednią klasę.

Niestety, żaden poziom DOM nie oferuje funkcji getElementsByClassName. Jest ona opisana w wersji roboczej HTML5 (ostrzegam, otworzenie strony może bardzo negatywnie wpłynąć na responsywność systemu), jak również dostarczana przez przeróżne biblioteki JS. Nie ma jednak potrzeby ładować przydużej biblioteki w celu uzyskania tej funkcjonalności, skoro analogiczną funkcję można sobie w prosty sposób napisać.

Warto zauważyć, że część udogodnień z HTML5 już jest obsługiwana przez nowoczesne przeglądarki, więc przed załadowaniem tej funkcji do pamięci należy sprawdzić czy przeglądarka jej nie oferuje.