Problem mit radiobuton

[dobra]

Hallo ich versuche, den Profuktfinder mit jQuery/Ajax nachzubauen  

also die Schieberegler funktionieren ja schon mal  
aber mit den Radiobutton habe ich Probleme - wenn man die anklickt funktioniert's mal und mal wird die neue Auswahl nur sekundenbruchteile lang angezeigt und springt wieder auf die vorige Auswahl zurück  
zum online gucken
http://www.wolle-online.eu/wip-cgi-bin/woll-insel-Partnershop/iboshop.cgi?show1200002100

Die Radioboxen gebe ich dynamisch aus:

Code: [Auswählen]

sub kategorie {
$out .= qq|<table><tr><td><input type="radio" id="alle" name="kat" style="height:13px; width:13px;" onclick="myslider();"></td><td style="font-size:10px;"> alle </td></tr></table>|;
my $ITEM = ssp::db_get_prefix() . "ITEM";
my $count = ssp::readSQLData(qq|SELECT DISTINCT KATEG FROM $ITEM WHERE XISLINK=0 && FIRMA = 'Lang Yarns'|, "KATEG");
        for (my $i = 0; $i < $count; $i++) {
            my $kateg = ssp::get_var_db("KATEG", $i);
                $out .= qq|<table><tr><td><input type="radio" id="$kateg" name="kat" style="height:13px; width:13px; " onclick="myslider();"></td><td style="font-size:10px;"> $kateg </td></tr></table>|;
}
main::mprint ($out);
}
 js-Script

Code: [Auswählen]

if (document.getElementById('alle').checked == true) { var kat = 'alle';}
if (document.getElementById('BAUMWOLLE').checked == true) { var kat = 'BAUMWOLLE';}
if (document.getElementById('BAUMWOLLMISCHUNGEN').checked == true) { var kat = 'BAUMWOLLMISCHUNGEN';}
if (document.getElementById('SCHURWOLLE').checked == true) { var kat = 'SCHURWOLLE';}
if (document.getElementById('WOLLMISCHUNGEN').checked == true) { var kat = 'WOLLMISCHUNGEN';}
if (document.getElementById('EFFEKT- und MODEGARNE').checked == true) { var kat = 'EFFEKT- und MODEGARNE';}
if (document.getElementById('EDELGARNE').checked == true) { var kat = 'EDELGARNE';}
if (document.getElementById('SOCKENWOLLE').checked == true) { var kat = 'SOCKENWOLLE';}
if (document.getElementById('Micro/Kunstfaser').checked == true) { var kat = 'Micro/Kunstfaser';}
if (document.getElementById('HÄKELGARN').checked == true) { var kat = 'HÄKELGARN';}

  var postdata = {
method : 'slidersearch',
id : 0,
params : [min,max,min2,max2,kat]
};
ipl-Script

Code: [Auswählen]

 my $kat = $pCall->{params}[4]; # Kategorie gewählt
    if ($kat ne "alle") {$kat2 = qq|&& KATEG = '$kat'|;} else {$kat2 = "";}
  
  my $ITEM = ssp::db_get_prefix() . "ITEM";
 
my $count = ssp::readSQLData(qq|SELECT ITEMID, DESCR, PRICE, PRODBILD, ZTEXT FROM $ITEM WHERE ( CAST(REPLACE(PRICE, ',', '.') AS DECIMAL(10,2)) >= $testmin AND CAST(REPLACE(PRICE, ',', '.') AS DECIMAL(10,2)) <  $testmax) && (NDSTAERKE1 >= $nadelmin OR NDSTAERKE2 >= $nadelmin) && (NDSTAERKE2 <= $nadelmax OR NDSTAERKE1 <= $nadelmax) && DESCR <> ' ' && FIRMA = 'Lang Yarns' && XISLINK=0 $kat2 ORDER BY DESCR|, "ITEMID","DESCR","PRICE","IMG","ZTEXT");
if ($count >= 0) {
                         ...
Bei Klick auf einen Radiobutton werden 2 Requests gesendet
1x von
<input type="radio" id="$kateg" name="kat" style="height:13px; width:13px; " onclick="myslider();">
und 1x von
<form name="Testform" method="post" action="" onmouseup="return myslider();"> (brauche ich für die Schieberegler)

Die Konsole zeigt aber beige korrekt an

{"method":"slidersearch","id":0,"params":["","","","","BAUMWOLLMISCHUNGEN"]}

und

{"method":"slidersearch","id":0,"params":["","","","","BAUMWOLLMISCHUNGEN"]}

trotzdem springt die Ausgabe aber manchmal (nicht immer) auf die vorherige Auswahl zurück.

Ändere ich dann eine Auswahloption mit einem der Schieberegler = neuer Request wird die Kategorie wieder korrekt eingeblendet

{"method":"slidersearch","id":0,"params":["2.1","12.6","3.5","6.5","BAUMWOLLMISCHUNGEN"]}

ich finde keine Erklärung - bzw. Lösung - für das sonderbare Verhalten  

Nachtrag:
lokal funktioniert's beim Wechsel der Kategorien IMMER nur wenn zuvor "alle" angeklickt war, kommt das Verhalten wie online

Linkback: https://www.shoppilot.net/pf/index.php?topic=1495.0

[dobra]

nachdem ich gestern den ganzen Tag an einem anderen Projekt gearbeitet habe, habe ich mein "Blackout" überwunden

Der Fehler war, dass ich das onmouseup="myslider();" NICHT global im Formtag eintragen darf sondern für jedem Schieberegler explizit im jeweiligen div
<div id="slider-range" style="width:150px; margin-left:5px;" onmouseup="myslider();"></div>
<div id="slider-range2" style="width:150px; margin-left:5px;" onmouseup="myslider();"></div>
usw

Jetzt funktionieren die Schieberegler UND die Kategorieauswhl über Radiobutton   mit
<input type="radio" id="$kateg" name="kat" style="height:13px; width:13px; " onclick="myslider();">

Kann mich also jetzt dem nächsten Problem - die Ausgabe der Ergebnisse in einem Content Slider - widmen