Ik heb op mijn pagina een functie met een radio button die dan een deel van de pagina van kleur veranderd.
Nu moet ik als opdracht die radio button veranderen naar een normale grote button.
Nu heb ik alles veranderd in de code van radio naar button enz. Alleen zodra ik dat doe werkt de functie niet meer.
Ik snap niet echt hoe je een radiobutton wilt aanpassen naar een normale button?
Beiden hebben een totaal andere werking. Dus leg even goed uit wat je precies wilt.
Geen idee. Over welke technieken hebben we het hier? HTML, JavaScript en CSS, of ook een server side taal zoals PHP?
Mogelijk gebruik je JavaScript die reageert op een bepaald eve(neme)nt. Als na de wijziging de functie niet meer "vuurt" wil dat zeggen dat het event waarop gecontroleerd wordt niet meer plaatsvindt, maar er anders uitziet omdat je het een en ander hebt omgezet van radio-button naar een gewone button.
Zou je kunnen laten zien hoe je code er uitziet en wat je zoal hebt geprobeerd?
Ik snap niet echt hoe je een radiobutton wilt aanpassen naar een normale button?
Beiden hebben een totaal andere werking. Dus leg even goed uit wat je precies wilt.
uit eindelijk moet het systeem in een keuken komen en dan moeten de koks makkelijk die knoppen kunnen aanklikken, vandaar grote knoppen.
Thomas van den Heuvel op 09/09/2020 13:01:36
[quote="Marvin groothuis op 09/09/2020 12:51:48"]opdracht
Huiswerk?
Marvin groothuis op 09/09/2020 12:51:48
Heeft iemand hier een oplossing voor?
Geen idee. Over welke technieken hebben we het hier? HTML, JavaScript en CSS, of ook een server side taal zoals PHP?
Mogelijk gebruik je JavaScript die reageert op een bepaald eve(neme)nt. Als na de wijziging de functie niet meer "vuurt" wil dat zeggen dat het event waarop gecontroleerd wordt niet meer plaatsvindt, maar er anders uitziet omdat je het een en ander hebt omgezet van radio-button naar een gewone button.
Zou je kunnen laten zien hoe je code er uitziet en wat je zoal hebt geprobeerd?
[/quote]
<?php
<div class="form-group">
<div class="form-check">
<input class="form-check-input" name="state" data-order="<?php echo $obj->order_id; ?>" value="1" type="radio" id="gridCheck1"
<?php if($obj->status == '1'){ echo 'checked'; } else { ''; } ?> >
<label class="form-check-label" for="gridCheck1">
Koude gerechten
</label>
?>
Dit is het stukje code van de button
Direct een keuze maken zoals bij een POS-systeem in de horeca, of eerst de keuzes bevestigen met een knop?
Ik denk dat je dit concept beter voluit als gedetailleerd verhaal moet opschrijven om te bepalen wat verstandig is. Jij bent diegene die de opdracht moet maken, en dus zelf onderzoek moet doen naar wat verstandig is.
Verder kan je formulier-elementen altijd anders stylen.
Een goede tip: Ga eerst duidelijk opschrijven wat je wilt met hoe het moet werken (laat ook de gebruikers input geven) en maak dan eerst een mock-up. Daarna kan je het uitwerken naar iets functioneels.
Ik heb mijn radio buttons gestyled. Nu heb ik de functie die ze moeten uitvoeren erin gemaakt en dat werkt ook.
Alleen nu heb ik het probleem dat ze alleen de 1e rij van de pagina veranderen.
/*haalt de radio buttons weg*/
./form-check input[type="radio"]{
opacity: 0;
position: fixed;
width: 0;
}
zodra ik deze uitzet komen de radio's weer terug voor de grote knoppen. Als ik de radio dan indruk gaat alles wel zoals het moet, en word de knop ook aangedrukt. Maar druk ik de grote knop in word weer alleen de 1e rij veranderd.
Maar is de PHP-code belangrijk?
Anders kan je de statische code gewoon op JSfiddle zetten. En als PHP wel van belang is kan je het vast wel ergens uploaden of in simplistische wijze via 3v4l.org sandboxen, wat overigens niet voor gebruikersinterfaces bedoeld is.
Maar is de PHP-code belangrijk?
Anders kan je de statische code gewoon op JSfiddle zetten. En als PHP wel van belang is kan je het vast wel ergens uploaden of in simplistische wijze via 3v4l.org sandboxen, wat overigens niet voor gebruikersinterfaces bedoeld is.
Ik heb net ergens te horen gekregen dat mijn jquery alleen de radio pakt en niet de label. Enig idee hoe ik hem beide kan laten selecteren?
