Tweet
Hallo,
in einem Formular sollen Preise berechnet werden. Dazu kann der User entweder einen Faktor oder den Endpreis ausrechnen. Zwei JS Funktionen berechnen dann jeweils den anderen Wert. Und in diesen Funktionen liegt nun das Problem. Sobald die einmal genutzt werden, wird das Formular nicht mehr abgesendet! Nur der Focus spring auf ein anderes Feld. Das passiert aber nur in Webkit Browsern, also Chrome, Safari u.a. . Der FF hat da keine Probleme.
Mit diesem kurzen Script kann man das testen.
Wie kann man, wenn überhaupt, die Funktionen so umschreiben, daß die auch im Webkit funktionieren?
in einem Formular sollen Preise berechnet werden. Dazu kann der User entweder einen Faktor oder den Endpreis ausrechnen. Zwei JS Funktionen berechnen dann jeweils den anderen Wert. Und in diesen Funktionen liegt nun das Problem. Sobald die einmal genutzt werden, wird das Formular nicht mehr abgesendet! Nur der Focus spring auf ein anderes Feld. Das passiert aber nur in Webkit Browsern, also Chrome, Safari u.a. . Der FF hat da keine Probleme.
Mit diesem kurzen Script kann man das testen.
HTML Code:
<html> <head> <title>Inhalt</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> <!-- preis = new Array(); function calculatevk(intIndex, summeek) { fakt5 = parseFloat( document.edituser.elements['fakt['+intIndex+']'].value.replace(/,/ , ".") ); document.edituser.elements['summe['+intIndex+']'].value = (summeek / fakt5).toString().replace(/\./ , ","); } function calculatefaktor(intIndex, summeek) { endpreis = parseFloat( document.edituser.elements['summe['+intIndex+']'].value.replace(/,/ , ".") ); document.edituser.elements['fakt['+intIndex+']'].value = (summeek / endpreis).toString().replace(/\./ , ","); } </script> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preisini()"> <form name="edituser"action="test.php" method="post"> <table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr> <td valign="top"> <table border="0" cellspacing="0" cellpadding="4"> <tr bgcolor="#eeeeee"> <td valign="bottom">Artikel 1</td> <td><input type="text" value="0.8524179495" name="fakt[35]" size="6" maxlength="12" onkeyup="calculatevk(35,2668.06818182)"> <=> </td> <td><input type="text" value="3129.99999986" name="summe[35]" size="8" maxlength="7" onkeyup="calculatefaktor(35,2668.06818182)"></td></tr> <tr> <td valign="bottom">Artikel 2</td> <td><input type="text" value="0.8524179495" name="fakt[48]" size="6" maxlength="12" onkeyup="calculatevk(48,2668.06818182)"> <=> </td> <td><input type="text" value="3129.99999986" name="summe[48]" size="8" maxlength="7" onkeyup="calculatefaktor(48,2668.06818182)"></td></tr> </table> </td> </tr> <tr> <td valign="top" width="268"><input type="submit" name="submitButtonName" value="Änderungen sichern"></td> </tr> </table> </form> </body> </html>
Comment