basti1012.bplaced.net

In jedem Listeneintrag soll nun ein Script einen Zähler hoch und runter rechnen (für einen Slider). Das funktioniert soweit auch ganz gut. Jetzt brauche ich aber irgend eine Möglichkeit, wenn ich von einem anderen Listeneintrag den Slider aufrufe, hat der Zähler ggf. noch den Wert des ersten Sliders. Wie kann ich nun beim Klick auf einen neuen Link den Zähler zurücksetzen?

Code

                                    
                                <script src="/js_webseite/jquery.js"></script>
</script>
Slider 1 und 2 rechnen sich zusammen beim schieben<br>
<input type="range" min="1" max="22" id="a1">
<span id="out1"></span> +

<input type="range" min="1" max="22" id="a2">
<span id="out2"></span> = 
<span style="color:red" id="erg"></span><br>

<a href="#">Slider 1 und 2 reseten</a>



<script>
  $('#a1,#a2').change(function(){
      x=$('#a1').val();
  a=$('#a2').val(); 
rechne(x,a);
})
$('a').click(function(){
  x=0;
    a=0; 
  rechne(x,a)
})

function rechne(x,a){
 
  $('#out1').html(x);
  $('#out2').html(a);
  s=parseInt(x)+parseInt(a);
  $('#erg').html(s);
}

</script>