| Line 34... |
Line 34... |
| 34 |
?>
|
34 |
?>
|
| 35 |
<div class="emi-head">Interest rate charged by the banks</div>
|
35 |
<div class="emi-head">Interest rate charged by the banks</div>
|
| 36 |
<div class="emi-hldr">
|
36 |
<div class="emi-hldr">
|
| 37 |
<?php
|
37 |
<?php
|
| 38 |
for($l = 0; $l < sizeof($emiInfo) ; $l++) {
|
38 |
for($l = 0; $l < sizeof($emiInfo) ; $l++) {
|
| 39 |
echo "<div class='bank-name' onclick='toggleDiv()'>".$emiInfo[$l][0]->bankName."<span>+</span></div>";
|
39 |
echo "<div class='bank-name' onclick='toggleDiv(event)'>".$emiInfo[$l][0]->bankName."<span>+</span></div>";
|
| 40 |
echo "<div class='bank-emi' style='display:none;'>";
|
40 |
echo "<div class='bank-emi' style='display:none;'>";
|
| 41 |
for($m=0; $m < sizeof($emiInfo[$l]); $m++){
|
41 |
for($m=0; $m < sizeof($emiInfo[$l]); $m++){
|
| 42 |
echo "<div class='clearfix'>";
|
42 |
echo "<div class='clearfix'>";
|
| 43 |
echo "<div>".$emiInfo[$l][$m]->tenureDescription." </div>";
|
43 |
echo "<div>".$emiInfo[$l][$m]->tenureDescription." </div>";
|
| 44 |
echo "<div> (".$emiInfo[$l][$m]->interestRate."%)</div>";
|
44 |
echo "<div> (".$emiInfo[$l][$m]->interestRate."%)</div>";
|
| Line 51... |
Line 51... |
| 51 |
?>
|
51 |
?>
|
| 52 |
</div>
|
52 |
</div>
|
| 53 |
|
53 |
|
| 54 |
<script>
|
54 |
<script>
|
| 55 |
var prev;
|
55 |
var prev;
|
| 56 |
function toggleDiv(){
|
56 |
function toggleDiv(e){
|
| 57 |
debugger
|
57 |
debugger
|
| 58 |
if(event.toElement.nextElementSibling.style.display == 'block'){
|
58 |
if(e.currentTarget.nextElementSibling.style.display == 'block'){
|
| 59 |
event.toElement.childNodes[1].innerHTML = '+'
|
59 |
e.currentTarget.childNodes[1].innerHTML = '+'
|
| 60 |
event.toElement.nextElementSibling.style.display = 'none';
|
60 |
e.currentTarget.nextElementSibling.style.display = 'none';
|
| 61 |
}
|
61 |
}
|
| 62 |
else{
|
62 |
else{
|
| 63 |
if(prev != undefined){
|
63 |
if(prev != undefined){
|
| 64 |
prev.nextElementSibling.style.display = 'none';
|
64 |
prev.nextElementSibling.style.display = 'none';
|
| 65 |
prev.childNodes[1].textContent = '+';
|
65 |
prev.childNodes[1].textContent = '+';
|
| 66 |
}
|
66 |
}
|
| 67 |
event.toElement.childNodes[1].innerHTML = '-'
|
67 |
e.currentTarget.childNodes[1].innerHTML = '-'
|
| 68 |
event.toElement.nextElementSibling.style.display = 'block';
|
68 |
e.currentTarget.nextElementSibling.style.display = 'block';
|
| 69 |
}
|
69 |
}
|
| 70 |
prev = event.toElement;
|
70 |
prev = e.currentTarget;
|
| 71 |
}
|
71 |
}
|
| 72 |
var pheight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
72 |
var pheight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
| 73 |
if(document.getElementsByClassName('emi-hldr')[0] != undefined){
|
73 |
if(document.getElementsByClassName('emi-hldr')[0] != undefined){
|
| 74 |
document.getElementsByClassName('emi-hldr')[0].style.minHeight = pheight - 139 +'px';
|
74 |
document.getElementsByClassName('emi-hldr')[0].style.minHeight = pheight - 139 +'px';
|
| 75 |
}
|
75 |
}
|