Bedankt voor de prima hulp + nieuwe vraag over opbouw tabel
Hallo Supersnail, heel erg bedankt voor je hulp. Het werkt fantastisch! Als ik die code zo zie, dan denk ik, hmmm dat ik dat zelf niet kon uitvinden, maar ja, na een paar uur tobben heb je effe geen zin meer he. Dan is externe hulp een verademing.
Affijn, de webpagina waar ik mee bezig ben werkt tot nu toe zoals ik hoopte.
Mag ik nog eens een vraag stellen?
Ik heb op mijn pagina een tabel staan van 32 rows. Deze heb ik geheel getypt in html. Maar die rows lijken zo verschrikkelijk veel op elkaar dat ik me afvraag of ik ze niet via een repeat loop op de pagina kan krijgen (bijvoorbeeld via php). Hieronder plak ik even de tabel. Ik heb er voor de duidelijkheid even 29 rows uitgegooid. Onder de tabel type ik even verder . . .
<table width="500" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tr>
<td width="20" class="detailOpties"><input type="checkbox" id="vinkje_H52000_Buddybike_achter" value="<?php echo $H52000_Buddybike_achter["Prijs"];?>" onclick="update('H52000_Buddybike_achter','detailPrijzenSelected','detailPrijzen');" /></td>
<td class="detailOpties"><?php echo $H52000_Buddybike_achter["Naam"];?></td>
<td width="30" class="detailCamera"> </td>
<td width="80" class="detailOpties"><?php echo $Artikelnr.$H52000_Buddybike_achter["Artikelnummer"];?></td>
<td width="90" class="detailPrijzen" id="H52000_Buddybike_achter"><?php echo "€ ".number_format ($H52000_Buddybike_achter["Prijs"], 2, ',', '.');?></td>
</tr>
<tr>
<td class="detailOpties"><input type="checkbox" id="vinkje_H52001_Buddybike_voor" value="<?php echo $H52001_Buddybike_voor["Prijs"];?>" onclick="update('H52001_Buddybike_voor','detailPrijzenSelected','detailPrijzen');" /></td>
<td class="detailOpties"><?php echo $H52001_Buddybike_voor["Naam"];?></td>
<td class="detailCamera"> </td>
<td class="detailOpties"><?php echo $Artikelnr.$H52001_Buddybike_voor["Artikelnummer"];?></td>
<td class="detailPrijzen" id="H52001_Buddybike_voor"><?php echo "€ ".number_format ($H52001_Buddybike_voor["Prijs"], 2, ',', '.');?></td>
</tr>
<tr>
<td class="detailOpties"><input type="checkbox" id="vinkje_H55551_Frame_op_maat" value="<?php echo $H55551_Frame_op_maat["Prijs"];?>" onclick="update('H55551_Frame_op_maat','detailPrijzenSelected','detailPrijzen');" /></td>
<td class="detailOpties"><?php echo $H55551_Frame_op_maat["Naam"];?></td>
<td class="detailCamera"> </td>
<td class="detailOpties"><?php echo $Artikelnr.$H55551_Frame_op_maat["Artikelnummer"];?></td>
<td class="detailPrijzen" id="H55551_Frame_op_maat"><?php echo "€ ".number_format ($H55551_Frame_op_maat["Prijs"], 2, ',', '.');?></td>
</tr>
<tr>
<td colspan="4" class="detailOpties"><div align="right"><b>Totaalprijs van uw Buddybike: </b> </div></td>
<td class="detailTotaalprijs" id="total">€ 0,00</td>
</tr>
</table>
Elke row leest steeds 3 waardes in van php variabelen die elders op de pagina reeds gedefinieerd zijn. En elke checkbox heeft weer een andere id anders werkt die fantastische javascript functie (waar je me mee geholpen hebt, en die ik in dit voorbeeld "update" genoemd heb in plaats van "change_class") niet goed.
Kan deze tabel met een php loop opgebouwd worden? Of kan dat niet omdat er bijvoorbeeld ook al javascript doorheen verweven zit? Als het niet kan of niet "advisable" is, vind ik het ook prima, maar dan heeft iemand met veel verstand van de materie dit in ieder geval even bevestigd en dan weet ik dat ik goed bezig ben.
Groeten, en bij voorbaat dank voor eventuele antwoord(en).
Bert.
O ja en zo ziet de update functie eruit (voor de zekerheid, want ik denk dat deze info niet persé noodzakelijk is voor bovenstaande vraag):
function update(id,cl_aan,cl_uit) {
var total = 0; // teller resetten
for (var i = 0; i < input.length; i++) {
total += input
.checked ? parseFloat(input.getAttribute("value")) : 0; // waarden van aangevinkte checkboxen optellen
}
document.getElementById("total_hidden").value = total.toFixed(2); // verborgen, ongeformatteerde waarde voor verzending formulier
total = "€ " + total.toFixed(2).replace(".", ","); // voor gebruiker netjes met komma weergeven
var sRegExp = new RegExp("(-?[0-9]+)([0-9]{3})"); // en met duizend-separator
while(sRegExp.test(total)) {
total = total.replace(sRegExp, "$1" + "." + "$2");
}
document.getElementById("total").innerHTML = total; // berekende waarde tonen
//class van het prijsveldje veranderen, waardoor de prijs geel wordt:
if (document.getElementById(id)) {
if (document.getElementById('vinkje_' + id).checked == true) {
document.getElementById(id).className = cl_aan;
}
else {
document.getElementById(id).className = cl_uit;
}
}
};
