www.wysiwygwebbuilder.com

Posted: **Sat Dec 10, 2022 2:04 pm**

Pablo,

Ik heb even je hulp en advies nodig, want ik heb een uitdaging en zie even de oplossing niet...

Ik heb een kassa systeem gemaakt waarbij ik met mbv php een lijst maak van de reserveerde kaarten. Dit doe ik met de while loop in een layoutgrid.
Hierbij is er een veld voor het wijzigen van het aantal kaarten en een keuze waarbij ze contant of met pin betalen. Dit doe ik mbv een vinkje, maar dit is niet duidelijk voor de kassa medewerker is gebleken.

Nu dacht ik aan de flipswitch, maar die werkt niet met de loop omdat hier een eigen script aan hangt en dus niet gerepeteerd kan worden.
Ik heb dan als enige nog een keuzelijst, maar die vind ik niet mooi en ook niet handig.
Nu is de vraag of je me kan helpen met een mooie oplossing hiervoor. Heb je een idee??

Groet,

Nanno

Posted: **Sat Dec 10, 2022 3:39 pm**

Helass kan ik je niet helpen met programmeren van scripts.

Posted: **Sun Dec 11, 2022 3:07 pm**

Dat vraag ik toch ook niet aan je?

Ik zoek een tool of mogelijkheid binnen wwb die ik kan gebruiken of een hint naar een oplossing die ik nu niet zie.
Iets met 2 knoppen op een formulier gebruiken die ik als submit kan gebruiken of een variatie op de keuzelijst zoals de flipswitch.

Even meedenken in mogelijke opties zou ik fijn vinden.

Posted: **Sun Dec 11, 2022 3:26 pm**

Nu dacht ik aan de flipswitch, maar die werkt niet met de loop omdat hier een eigen script aan hangt en dus niet gerepeteerd kan worden.

Volgens mij is je vraag wel gerelateerd aan het script dat je zelf hebt gemaakt.
Zonder te weten hoe het script werkt, is het lastig hierover iets nuttigs te zeggen.
Als je een vraag hebt over een specifiek onderdeel van de software dan kan ik je daar uiteraard wel mee helpen.

Posted: **Sun Dec 11, 2022 9:05 pm**

Wat ik hiermee wil zeggen is dat de flipswitch helaas geen 'standaard' onderdeel is van een formulier en bij het gebruik ervan wordt een script gebruik door de software en dus niet door mij. Hierdoor kan ik de flipswitch niet gebruiken in een while loop van een formulier.
Al zou ik dit als geweldige oplossing zien. Aangezien de flipswitch je verplicht tot 1 optie en die zoek ik juist. Betalen met PIN of CONTANT. Een keuzeformulier werkt wel in de while, maar die vind ik niet mooi en niet handig.
Vandaar de vraag om mee te denken in opties. Wat kan ik doen binnen wwb in bijv een combinatie met php.

Posted: **Mon Dec 12, 2022 6:57 am**

Een flipswitch is in principe gewoon een standaard HTML checkbox met een ander uiterlijk.
De flipswitch gebruikt geen script. De opmaak wordt door bepaald door CSS.
Technisch werkt deze dus hetzelfde als een checkbox, alleen de opmaak is iets anders.

Posted: **Mon Dec 12, 2022 12:02 pm**

Ik heb het nog eens goed nagelopen en de verschillen met de gewone checkbox bekeken en het enige verschil is dat er 2 regels tussen SPAN staan.
Dit zou mogelijk de oorzaak kunnen zijn dat deze niet werkt in de while loop. De normale checkbox werkt wel gewoon in de loop evenals de knoppen die ik gebruik. Ze zijn dus niet helemaal gelijk aan elkaar...
Ik zou het fantastisch vinden als ik die flipswitch zou kunnen gebruiken, maar op deze manier werkt hij helaas niet.
Is hier nog wat op te bedenken?

Posted: **Mon Dec 12, 2022 12:25 pm**

Zonder te zien welke code je gebruikt kan ik hier niets zinnigs over zeggen.

Maar zoals gezegd, een flipswitch is standaard HTML input control (checkbox). Alleen de opmaak is anders.

Posted: **Mon Dec 12, 2022 12:33 pm**

Code: Select all

<?
ini_set('error_reporting', E_ALL);

   $resultaat_kaarten = mysqli_query($connect_agenda, "SELECT * FROM Kaarten WHERE Voorstelling_id = $id_kassa AND Crediteer='Nee' ORDER BY Achternaam ASC");
    
   while ($row_2 = mysqli_fetch_array($resultaat_kaarten))	{

$bestelling_id = $row_2['ID'];
$voornaam = $row_2['Voornaam'];
$tussenvoegsel = $row_2['Tussenvoegsel'];
$achternaam = $row_2['Achternaam'];
$Woonplaats = $row_2['Woonplaats'];
$email = $row_2['Email'];
$rolstoel = $row_2['Rolstoel'];
$iDealID = $row_2['iDealID'];
$betaald = $row_2['Betaald'];
$betaald_kenmerk = $row_2['Betaald_kenmerk'];
$afgehaald = $row_2['Afgehaald'];
$vrijkaarten = $row_2['Vrijkaarten'];

$besteldatum = $row_2['Besteldatum'];
$besteldatum_conv = date( "d-m-Y", strtotime($besteldatum));

if($rolstoel == 'Nee'){
   $rolkar = '';
}elseif($rolstoel == 'Ja'){
   $rolkar = '<svg id="IconFont7" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <path d="M631 669 L689 786 C667 854, 627 909, 569 951 C511 994, 447 1015, 376 1015 C316 1015, 261 1000, 211 970 C160 941, 120 901, 91 851 C61 800, 47 745, 47 686 C47 617, 66 554, 106 497 C146 440, 198 400, 263 377 L273 451 C226 472, 189 503, 161 546 C134 588, 120 635, 120 686 C120 756, 145 816, 195 867 C245 918, 305 942, 376 942 C424 942, 468 929, 508 904 C549 880, 580 846, 603 804 C625 762, 634 717, 631 669 Z M944 726 L977 791 L831 865 C826 867, 821 869, 814 869 C799 869, 788 862, 782 849 L645 577 L376 577 C366 577, 358 573, 351 567 C344 560, 340 553, 339 543 L284 98 C283 92, 285 84, 288 74 C293 55, 304 39, 321 27 C337 15, 355 9, 376 9 C401 9, 422 18, 440 36 C458 54, 467 75, 467 101 C467 127, 457 150, 437 168 C418 186, 395 194, 369 191 L390 357 L632 357 L632 430 L399 430 L408 503 L668 503 C683 503, 694 509, 701 523 L831 783Z "/>
</svg>
';
}

if($betaald_kenmerk == 'I'){
   $schrijfrechten = 'readonly';
   $knop_contant = '';
   $knop_pin = 'Opslaan';

}elseif($betaald_kenmerk == 'KR'){
   $schrijfrechten = 'readonly';

}elseif($betaald_kenmerk == 'KRC'){
   $schrijfrechten = 'readonly';

}else{ 
   $schrijfrechten = '';
   $knop_contant = 'Contant';
   $knop_pin = 'Pin';
}

$opmerkingen = $row_2['Opmerkingen'];
if($opmerkingen == ''){
   $opmerkingen = '';
}else{
   $opmerkingen = '<strong>Tekst</strong>';
}

$opmerkingen2 = $row_2['Opmerkingen'];

$aantal = $row_2['Aantal_Kaarten'];
$prijs = $row_2['Prijs_netto'];

if($prijs == '0.00'){
   $checked_status = 'checked';
}else{
   $checked_status = '';
}

if($betaald_kenmerk == 'KRC'){
   $subtotaal = abs($aantal) * $prijs;
   $totaalprijs = $totaalprijs + $subtotaal;
}else{
   $subtotaal = $aantal * $prijs;
   $totaalprijs = $totaalprijs + $subtotaal;
}

$totaalprijs_conv = number_format($totaalprijs, 2, ",", ".");
$subtotaal_conv = number_format($subtotaal, 2, ",", ".");

   if($betaald == 'Ja' && $betaald_kenmerk == 'I' && $afgehaald == 'Nee'){

      $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
      $kleur_bg = '#008000'; //kolom betaald #008000 = donkergroen
      $kleur_txt = '#FFFFFF'; // kolom betaald
       $kleur_bg_knop_1 = '#008000';
       $kleur_txt_knop_1 = '#FFFFFF';
       $kleur_bg_knop_2 = '#005F00';
       $kleur_txt_knop_2 = '#FFFFFF';
       $kleur_bg_prijs = '#008000';
       $kleur_txt_prijs = '#FFFFFF';
        $kleur_bg_aantal = '#008000';
        $kleur_txt_aantal = '#FFFFFF';
$bg_style = 'style="background-color:transparant;border: 3px solid #ACACAC;"'; 
      $afghld = '';
      $volledige_naam = '<span style="color:#000000;"><strong>'.$achternaam.'</strong>, '.$voornaam.' '.$tussenvoegsel.'</span>';
      $Wnplts = '<span style="color:#ACACAC;">'.$Woonplaats.'</span>';
      $iDealID = '<span style="color:#5AB73F;">'.$iDealID.'</span>';
      $sub_conv = '<span style="color:#FFFFFF;">&euro; '.$subtotaal_conv.'</span>';
   
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'I' && $afgehaald == 'Ja'){

        $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
        $kleur_bg = 'transparant'; //kolom betaald #008000 = donkergroen
        $kleur_txt = '#ACACAC'; // kolom betaald
       $kleur_bg_knop_1 = 'transparant';
       $kleur_txt_knop_1 = '#ACACAC';
       $kleur_bg_knop_2 = 'transparant';
       $kleur_txt_knop_2 = '#ACACAC';
        $kleur_bg_aantal = 'transparant';
        $kleur_txt_aantal = '#ACACAC';
       $kleur_bg_prijs = 'transparant';
       $kleur_txt_prijs = '#ACACAC';
        $bg_style = 'style="background-color:transparant;border: 3px solid transparant;"'; //gehele balk kleuren #595959 = middengrijs 
        $afghld = 'JA';
        $volledige_naam = '<span style="color:#ACACAC;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
        $Wnplts = '<span style="color:#ACACAC;">'.$Woonplaats.'</span>';
        $iDealID = '<span style="color:#ACACAC;">'.$iDealID.'</span>';
        $sub_conv = '<span style="color:#ACACAC;">&euro; '.$subtotaal_conv.'</span>';

    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'KP' && $afgehaald == 'Ja'){

        $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
        $kleur_bg = '#595959'; //kolom betaald #005F00 = donkergroen

        $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
        $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
        $afghld = 'JA';
        $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
        $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
        //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
        $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'PB' && $afgehaald == 'Ja'){

        $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
        $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
        $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
        $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
        $afghld = 'JA';
        $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
        $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
        //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
        $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';
    
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'KC' && $afgehaald == 'Ja'){

        $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
        $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
        $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
        $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
        $afghld = 'JA';
        $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
        $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
        //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
        $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

            
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'KR' && $afgehaald == 'Ja'){

      $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
      $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
      $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
      $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
      $afghld = 'JA';
      $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
      $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
      //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
      $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

                  
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'KRC' && $afgehaald == 'Ja'){

      $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
      $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
      $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
      $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
      $afghld = 'JA';
      $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
      $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
      //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
      $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

                        
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'IMP' && $afgehaald == 'Ja'){

      $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
      $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
      $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
      $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
      $afghld = 'JA';
      $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
      $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
      //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
      $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

                        
    }elseif($betaald == 'Ja' && $betaald_kenmerk == 'MW' && $afgehaald == 'Ja'){

      $betaling = '<strong>Ja</strong> ('.$betaald_kenmerk.')';
      $kleur_bg = '#595959'; //kolom betaald #008000 = donkergroen
      $kleur_txt = '#262626'; // kolom betaald
        $kleur_bg_knop = '#595959';
        $kleur_txt_knop = '#3F3F3F';
        $kleur_bg_aantal = '#595959';
        $kleur_txt_aantal = '#3F3F3F';
       $kleur_bg_prijs = '#595959';
       $kleur_txt_prijs = '#3F3F3F';
      $bg_style = 'style="background-color:#595959;border: 3px solid #595959;"'; //gehele balk kleuren #595959 = middengrijs 
      $afghld = 'JA';
      $volledige_naam = '<span style="color:#3F3F3F;">'.$achternaam.', '.$voornaam.' '.$tussenvoegsel.'</span>';
      $Wnplts = '<span style="color:#3F3F3F;">'.$Woonplaats.'</span>';
      //$iDealID = '<span style="color:#3F3F3F;">'.$iDealID.'</span>';
      $sub_conv = '<span style="color:#3F3F3F;">&euro; '.$subtotaal_conv.'</span>';

    }else{
   
       $betaling = 'Nee';
       $kleur_bg = 'transparant'; //kolom betaald
       $kleur_txt = '#000000'; //kolom betaald
       $kleur_bg_knop_1 = '#3370B7';
       $kleur_txt_knop_1 = '#FFFFFF';
       $kleur_bg_knop_2 = '#48064a';
       $kleur_txt_knop_2 = '#FFFFFF';
       $kleur_bg_prijs = 'transparant';
       $kleur_txt_prijs = '#000000';
        $kleur_bg_aantal = 'transparant';
        $kleur_txt_aantal = '#FFFFFF';
       $bg_style = 'style="background-color:transparant;border: 3px solid #ACACAC;"'; 
       $afghld = '';
       $volledige_naam = '<span style="color:#000000;"><strong>'.$achternaam.'</strong>, '.$voornaam.' '.$tussenvoegsel.'</span>';
       $Wnplts = '<span style="color:#ACACAC;">'.$Woonplaats.'</span>';
       //$iDealID = '<span style="color:#FFFFFF;">'.$iDealID.'</span>';
       //$betaling = '<span style="color:#000000;">'.$betaling.'</span>';
       $sub_conv = '<span style="color:#000000;"><strong>&euro; '.$subtotaal_conv.'</strong></span>';
   }

echo'<div id="wb_Kassa_regel" '.$bg_style.'>
<form name="LayoutGrid1" method="post" action="beheer_kassa_update.php" enctype="multipart/form-data" id="Kassa_regel">
<input type="hidden" name="ID" value="'.$row_2['ID'].'">
<div class="col-1">
<label for="" id="Label5" style="display:none;width:100%;line-height:19px;z-index:82;">'.$bestelling_id.'</label>
<div id="wb_IconFont5" style="display:inline-block;width:22px;height:24px;text-align:center;z-index:83;">
<a href="./kassa_bestelling_verwijderen_controle.php?bestel_id='.$bestelling_id.'" title="Reservering verwijderen"><svg id="IconFont5" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <path d="M402 786 L402 384 C402 378, 400 374, 397 371 C393 367, 389 366, 384 366 L347 366 C342 366, 337 367, 334 371 C331 374, 329 378, 329 384 L329 786 C329 791, 331 796, 334 799 C337 803, 342 804, 347 804 L384 804 C389 804, 393 803, 397 799 C400 796, 402 791, 402 786 Z M548 786 L548 384 C548 378, 547 374, 543 371 C540 367, 535 366, 530 366 L493 366 C488 366, 484 367, 480 371 C477 374, 475 378, 475 384 L475 786 C475 791, 477 796, 480 799 C484 803, 488 804, 493 804 L530 804 C535 804, 540 803, 543 799 C547 796, 548 791, 548 786 Z M695 786 L695 384 C695 378, 693 374, 689 371 C686 367, 682 366, 676 366 L640 366 C634 366, 630 367, 627 371 C623 374, 621 378, 621 384 L621 786 C621 791, 623 796, 627 799 C630 803, 634 804, 640 804 L676 804 C682 804, 686 803, 689 799 C693 796, 695 791, 695 786 Z M384 219 L640 219 L612 152 C610 150, 606 147, 603 146 L421 146 C418 147, 414 150, 412 152 Z M914 238 L914 274 C914 279, 912 284, 909 287 C905 291, 901 292, 896 292 L841 292 L841 834 C841 866, 833 893, 814 916 C796 939, 775 951, 749 951 L274 951 C249 951, 227 939, 209 918 C193 895, 183 868, 183 836 L183 292 L128 292 C122 292, 118 291, 115 287 C111 284, 110 279, 110 274 L110 238 C110 232, 111 228, 115 224 C118 221, 122 219, 128 219 L304 219 L344 124 C350 110, 360 98, 375 88 C390 78, 406 73, 420 73 L603 73 C618 73, 633 78, 648 88 C663 98, 673 110, 679 124 L719 219 L896 219 C901 219, 905 221, 909 224 C912 228, 914 232, 914 238"/>
</svg>
</a>
</div>
</div>
<div class="col-2">
<a id="Button7" href="./kassa_info.php?bestel_id= '.$row_2['ID'].'" style="display:block;width: 100%;;height:29px;z-index:84;">'.$opmerkingen.'</a>
</div>
<div class="col-3">
</div>
<div class="col-4">
<input type="text" id="Editbox1" style="display:block;width: 100%;height:29px;z-index:85;background-color: '.$kleur_bg_aantal.';color: '.$kleur_txt_aantal.';" name="Aantal_Kaarten" value="'.$aantal.'" autocomplete="off" spellcheck="false" onfocus="select();" '.$schrijfrechten.'>
</div>
<div class="col-5">
<label for="" id="Label7" style="display:block;width:100%;line-height:22px;z-index:86;background-color: '.$kleur_bg_prijs.';color: '.$kleur_txt_prijs.';">'.$sub_conv.'</label>
</div>
<div class="col-6">
<label for="" id="Label8" style="display:block;width:100%;line-height:22px;z-index:87;background-color: '.$kleur_bg.';color: '.$kleur_txt.';">'.$betaling.'</label>
</div>
<div class="col-7">
<div id="wb_FlipSwitch1" style="display:inline-block;width:75px;height:35px;z-index:88;">
<input type="checkbox" role="switch" name="" id="FlipSwitch1" value="">
<label id="FlipSwitch1-label" for="FlipSwitch1">
<span id="FlipSwitch1-inner"></span>
<span id="FlipSwitch1-switch"></span>
</label>
</div>
</div>
<div class="col-8">
<input type="submit" id="Button5" name="" value="'.$knop_pin.'" style="display:block;width: 100%;;height:29px;z-index:89;background-color: '.$kleur_bg_knop_2.';color: '.$kleur_txt_knop_2.';">
</div>
<div class="col-9">
<div id="wb_Checkbox1" style="display:inline-block;width:20px;height:20px;z-index:90;">
<input type="checkbox" id="Checkbox1" name="" value="on" checked style="display:inline-block;"><label for="Checkbox1"></label>
</div>
</div>
<div class="col-10">
<a id="Button6" href="./kassa_bestelling_wijzigen.php?bestel_id= '.$row_2['ID'].'" style="display:block;width: 100%;;height:29px;z-index:91;">'.$volledige_naam.'</a>
</div>
<div class="col-11">
<label for="" id="Label2" style="display:block;width:100%;line-height:22px;z-index:92;">'.$Wnplts.'</label>
</div>
<div class="col-12">
<label for="" id="Label3" style="display:inline-block;width:33px;line-height:22px;z-index:93;">'.$rolkar.'</label>
</div>
</form>
</div>';
}
?>

Posted: **Mon Dec 12, 2022 12:53 pm**

Ok, maar over welk deel van de code heb je een vraag?
Wat gaat er mis?

Posted: **Mon Dec 12, 2022 1:03 pm**

Code: Select all

<div class="col-7">
<div id="wb_FlipSwitch1" style="display:inline-block;width:75px;height:35px;z-index:88;">
<input type="checkbox" role="switch" name="" id="FlipSwitch1" value="">
<label id="FlipSwitch1-label" for="FlipSwitch1">
<span id="FlipSwitch1-inner"></span>
<span id="FlipSwitch1-switch"></span>
</label>
</div>

Dit staat onderaan de gehele code.

Hij ziet de flipswitch niet als uniek. Als ik mijn lijst op het scherm zie en ik klik op bijv de 2e switch in beeld, beweegt enkel de eerste in de lijst. Als ik dit bij de 3e en 4e doe, beweegt enkel de eerste switch. Terwijl ik de checkbox wel in elke regel kan aan- en uitvinken.

Posted: **Mon Dec 12, 2022 1:06 pm**

Code: Select all

<div class="col-9">
<div id="wb_Checkbox1" style="display:inline-block;width:20px;height:20px;z-index:90;">
<input type="checkbox" id="Checkbox1" name="" value="on" checked style="display:inline-block;"><label for="Checkbox1"></label>
</div>

De gewone checkbox werkt wel naar behoren. Kan ik op elke regel aan of uit vinken.

Posted: **Mon Dec 12, 2022 1:10 pm**

Ik heb toch het idee dat je programmeer hulp zoekt...
Waar in de code bepaal je of de checkbox aangevinkt is?

Posted: **Mon Dec 12, 2022 1:25 pm**

Zoals je kan zien in de code is dat ik een layoutgrid gebruik als formulier en die laat ik repeteren in de while.
Hiermee heb ik dus diverse regels op mijn scherm waarbij ik de waarden door php laat invullen uit de database.
Elke regel is dus een formulier en daarop een checkbox die ik per regel kan selecteren of niet. De knop submit zorgt ervoor dat ik alle waarden kan verwerken in de volgende pagina.
De checkbox wordt nu gebruikt om aan te geven of ze contant of met pin betalen. Dus ik heb eigenlijk 2 checkboxen naast elkaar staan waarbij de kassabediende de keus moet maken bij het eerste hokje of het tweede hokje. Maar het nadeel is dat je ze ook allebei aan kan vinken. De flipswitch is dan eigenlijk de ideale oplossing als deze ook in elke regel uniek is, net zoals de gewone checkbox. Maar in de browser is deze dus niet uniek.

Ik weet dus niet waar de oorzaak zit, hierbij hoop ik dat jij het wel weet.

Posted: **Mon Dec 12, 2022 1:37 pm**

Hoe zorg je ervoor dat alle ID's uniek zijn op de pagina?
Want daar zit waarschijnijk het probleem waarom de flipswitch niet werkt.

Posted: **Mon Dec 12, 2022 1:50 pm**

Die ID's zijn ook niet uniek, maar ze werken wel als uniek omdat elk formulier opnieuw gerepeteerd wordt met daarbij de info die ik opvraag in de while. Met extra php code kan ik zelfs de achtergrondkleur ervan bepalen.
Waarom doet de normale checkbox het dan wel en de flipswitch niet? Waar zit het grote verschil tussen die 2?

Posted: **Mon Dec 12, 2022 1:57 pm**

Waar zit het grote verschil tussen die 2?

Bij een flip switch wordt de ID gebruikt om de opmaak en status van het element.

Maar, je het eigenlijk geluk dat het wel werkt want de code is niet juist.
Alle id's moeten uniek zijn.

Posted: **Mon Dec 12, 2022 2:03 pm**

https://www.theaterpand.nl/kassa_test.html

Posted: **Mon Dec 12, 2022 2:20 pm**

Wat zou ik moeten in de link?
Heb je de code aangepast, zodat deze klopt?

www.wysiwygwebbuilder.com

Hulp bij afhandelen formulier

Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier

Re: Hulp bij afhandelen formulier