nosorożec
21-11-2010, 21:23
usiłowałam zrobić kalkulator BMI, najpierw własny- nie działał, potem na podstawie netowego - na localhost działał, na zewnętrznym serwerze niet, ściągnęłam więc najprostszy kalkulator gotowca z netu i wrzuciłam go na stronę.
W 'head' index.php wrzuciłam to- bez jakichkolwiek przeróbek na wszelki wypadek:
<script type="text/javascript">
<!--
function bmi()
{
var w = parseFloat(document.frm.txtWeight.value);
var h = parseInt(document.frm.txtHeight.value);
var errors='';
if (document.frm.opHeight.value == "Inch") {h = h * 2.54;}
if (document.frm.opWeight.value == "Lb") {w = w * 0.4536;}
if ((w < 20)||(w > 200)||isNaN(w)){errors+='Enter correct weight.\n';}
if ((h < 100) || (h > 250)||isNaN(h)){errors+='Enter correct height.\n';}
if (errors){
alert('The following error(s) occurred:\n'+errors);
return 0;}
document.getElementById('feedback').innerHTML = 'Your BMI is ' + Math.round(10*((w * 10000 / (h * h))))/10;
}
function resetAll(){
document.getElementById('feedback').innerHTML="";
return true;
}
-->
</script>
A w treść 'artykułu' w html to:
<form name="frm" id="cal_frm" style="margin: 10px 10px 20px; width: 300px;">
<table class="mceItemTable" id="cal_data">
<tbody><tr>
<td style="padding-left: 5px;" mce_style="padding-left:5px;">Height:</td>
<td><input class="cal_text" name="txtHeight" type="text"></td>
<td><select class="cal_option" name="opHeight">
<option value="Cm">Cm</option>
<option value="Inch">Inch</option>
</select></td>
</tr>
<tr>
<td style="padding-left: 5px;" mce_style="padding-left:5px;">Weight:</td>
<td><input class="cal_text" name="txtWeight" type="text"></td>
<td><select class="cal_option" name="opWeight">
<option value="Kg">Kg</option>
<option value="Lb">Pound</option>
</select></td>
</tr>
<tr>
<td colspan="3" id="feedback" style="border: medium none ; padding: 10px 0pt 20px; font-weight: 600; color: rgb(85, 85, 85); font-family: tahoma;" mce_style="padding:10px 0 20px 0; border:none; font-weight:600; color:#555555; font-family:tahoma;"><br></td></tr>
<tr>
<td colspan="2" style="border: medium none ; padding-bottom: 10px;" mce_style="border:none; padding-bottom:10px;">
<input class="cal_button" value="Calculate" type="button"> <input value="Reset" class="cal_button" type="reset"></td></tr>
</tbody></table></form>
I na stronie form się wyświetla owszem, ale nie przeprowadza działania.
Why???
W 'head' index.php wrzuciłam to- bez jakichkolwiek przeróbek na wszelki wypadek:
<script type="text/javascript">
<!--
function bmi()
{
var w = parseFloat(document.frm.txtWeight.value);
var h = parseInt(document.frm.txtHeight.value);
var errors='';
if (document.frm.opHeight.value == "Inch") {h = h * 2.54;}
if (document.frm.opWeight.value == "Lb") {w = w * 0.4536;}
if ((w < 20)||(w > 200)||isNaN(w)){errors+='Enter correct weight.\n';}
if ((h < 100) || (h > 250)||isNaN(h)){errors+='Enter correct height.\n';}
if (errors){
alert('The following error(s) occurred:\n'+errors);
return 0;}
document.getElementById('feedback').innerHTML = 'Your BMI is ' + Math.round(10*((w * 10000 / (h * h))))/10;
}
function resetAll(){
document.getElementById('feedback').innerHTML="";
return true;
}
-->
</script>
A w treść 'artykułu' w html to:
<form name="frm" id="cal_frm" style="margin: 10px 10px 20px; width: 300px;">
<table class="mceItemTable" id="cal_data">
<tbody><tr>
<td style="padding-left: 5px;" mce_style="padding-left:5px;">Height:</td>
<td><input class="cal_text" name="txtHeight" type="text"></td>
<td><select class="cal_option" name="opHeight">
<option value="Cm">Cm</option>
<option value="Inch">Inch</option>
</select></td>
</tr>
<tr>
<td style="padding-left: 5px;" mce_style="padding-left:5px;">Weight:</td>
<td><input class="cal_text" name="txtWeight" type="text"></td>
<td><select class="cal_option" name="opWeight">
<option value="Kg">Kg</option>
<option value="Lb">Pound</option>
</select></td>
</tr>
<tr>
<td colspan="3" id="feedback" style="border: medium none ; padding: 10px 0pt 20px; font-weight: 600; color: rgb(85, 85, 85); font-family: tahoma;" mce_style="padding:10px 0 20px 0; border:none; font-weight:600; color:#555555; font-family:tahoma;"><br></td></tr>
<tr>
<td colspan="2" style="border: medium none ; padding-bottom: 10px;" mce_style="border:none; padding-bottom:10px;">
<input class="cal_button" value="Calculate" type="button"> <input value="Reset" class="cal_button" type="reset"></td></tr>
</tbody></table></form>
I na stronie form się wyświetla owszem, ale nie przeprowadza działania.
Why???