Code:
<div class="calculator"> <!--calculator test-->
<div id =a><?php echo $Data->var_price1; ?></div>
<div id =c><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number">
<input id="deca" type="number">
<input type="button" value="Get Price" onClick="mycalculator()">
<script>
function mycalculator() {
var a = document.getElementById("a");
var x = document.getElementById("odrasli");
var c = document.getElementById("c");
var y = document.getElementById("deca");
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
</p> Grand total </br><p id="price"> </br>
Deposite<p id="depozit"></p> </br>
</div>
<div class="calculator"> <!--calculator test-->
<div id =a><?php echo $Data->var_price1; ?></div>
<div id =c><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number">
<input id="deca" type="number">
<input type="button" value="Get Price" onClick="mycalculator()">
<script>
function mycalculator() {
var a = document.getElementById("a");
var x = document.getElementById("odrasli");
var c = document.getElementById("c");
var y = document.getElementById("deca");
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
</p> Grand total </br><p id="price"> </br>
Deposite<p id="depozit"></p> </br>
</div>
Pliz bez smejanja tek ucim js :) ocu da napravim mini calculator na code igniter web sajtu:) ali stalno vraca nan vrednost:(
prvo bitno sam probao
Code:
<script>
function mycalculator() {
var a = <?php echo $Data->var_price1; ?>;
var x = document.getElementById("odrasli");
var c = <?php echo $Data->var_price2; ?>;
var y = document.getElementById("deca");
var p = (a*x)+(x*y);
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
<script>
function mycalculator() {
var a = <?php echo $Data->var_price1; ?>;
var x = document.getElementById("odrasli");
var c = <?php echo $Data->var_price2; ?>;
var y = document.getElementById("deca");
var p = (a*x)+(x*y);
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
sta da ispravim da ovo cudo proradi :)
Resen problem sad malo da ga ulepsamoo :)
i to je to
Code:
<div class="calculator" style="position:left;"> <!--calculator test-->
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="mycalculator()"><span class="">Get Price</span></button>
<!-- <input type="button" class= "submite_btn" value="Get Price" onClick="mycalculator()">
-->
<script>
function mycalculator() {
var a = parseInt(document.getElementById("a").innerHTML); <!-- eve problema :) parseInt -->
var x = parseInt(document.getElementById("odrasli").value);<!-- eve problema :) parseInt i nije .innerHTML vec .value -->
var c = parseInt(document.getElementById("c").innerHTML);<!-- eve problema :) parseInt -->
var y = parseInt(document.getElementById("deca").value); <!-- eve problema :) parseInt i nije .innerHTML vec .value -->
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
<div class = "calcres"style="position:right;">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>
<div class="calculator" style="position:left;"> <!--calculator test-->
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="mycalculator()"><span class="">Get Price</span></button>
<!-- <input type="button" class= "submite_btn" value="Get Price" onClick="mycalculator()">
-->
<script>
function mycalculator() {
var a = parseInt(document.getElementById("a").innerHTML); <!-- eve problema :) parseInt -->
var x = parseInt(document.getElementById("odrasli").value);<!-- eve problema :) parseInt i nije .innerHTML vec .value -->
var c = parseInt(document.getElementById("c").innerHTML);<!-- eve problema :) parseInt -->
var y = parseInt(document.getElementById("deca").value); <!-- eve problema :) parseInt i nije .innerHTML vec .value -->
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
<div class = "calcres"style="position:right;">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>
[Ovu poruku je menjao aleksa1302 dana 25.05.2015. u 19:36 GMT+1]
--------------------------------problem 2---------------------------------------------------------------
Zeleo bih da sakrijem div calcres i da ga ponovo prikazem kad korisniki klikne na dugme get price
pa sam probao da napravi js show i js dugme
js dugme bi trebalo da pozove obe funkcije mycalculator i show ali nece :)
Code:
<div class="calculator" style="position:left;"> <!--calculator test-->
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="dugme()"><span class="">Get Price</span></button>
<!-- <input type="button" class= "submite_btn" value="Get Price" onClick="mycalculator()">
-->
<div class = "calcres" style="display:none;"">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>
<script><!-- Kalkulator-->
function mycalculator() {
var a = parseInt(document.getElementById("a").innerHTML);
var x = parseInt(document.getElementById("odrasli").value);
var c = parseInt(document.getElementById("c").innerHTML);
var y = parseInt(document.getElementById("deca").value);
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
<script><!-- sakrivanje diva-->
function show() {
document.getElementById('calcres').style.display = "show";
}
</script>
<script><!--Dugme -->
function dugme() {
mycalculator();
show();
}
</script>
<div class="calculator" style="position:left;"> <!--calculator test-->
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="dugme()"><span class="">Get Price</span></button>
<!-- <input type="button" class= "submite_btn" value="Get Price" onClick="mycalculator()">
-->
<div class = "calcres" style="display:none;"">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>
<script><!-- Kalkulator-->
function mycalculator() {
var a = parseInt(document.getElementById("a").innerHTML);
var x = parseInt(document.getElementById("odrasli").value);
var c = parseInt(document.getElementById("c").innerHTML);
var y = parseInt(document.getElementById("deca").value);
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
<script><!-- sakrivanje diva-->
function show() {
document.getElementById('calcres').style.display = "show";
}
</script>
<script><!--Dugme -->
function dugme() {
mycalculator();
show();
}
</script>
[Ovu poruku je menjao aleksa1302 dana 25.05.2015. u 20:29 GMT+1]