radio button veranderen naar normale button

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Javascript Developer gezocht met passie (Vue.js/No

Bedrijfsomschrijving Voor een toffe scale-up organisatie zijn wij op zoek naar een Javascript Developer met passie voor het vak! Dit hightech bedrijf is op zoek naar uitbreiding voor een klein maar sterk ontwikkelteam. Door de scale-up fase waar ze nu in zitten is er nog geen vaste structuur waardoor je dus als team veel verantwoordelijkheid krijgt over het project. Het bedrijf bestaat uit 20 gepassioneerde mensen waarvan de meeste consultant zijn. De consultants zetten de software in die jij met jouw team bouwt voor klanten in diverse branches zoals de zorgsector. De cultuur is hier erg open door de scale-up

Bekijk vacature »

.NET developer

Bedrijfsomschrijving Als Senior .NET developer ga je werken in een DevOps team aan state-of-the-art oplossingen voor diverse opdrachtgevers. Denk hierbij aan het van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen waar grote hoeveelheden data, AI en loT centraal staan. Zo is de organisatie onder andere bezig met het bouwen van een platform wat gebouwen middels tal van sensoren in kaart brengt en alles wat daarbij komt kijken. Zo kan iedereen in een opslag op een plattegrond zien welke ruimte bezet, gereserveerd of vrij is en wordt dit gekoppeld met andere diensten, bijvoorbeeld richting schoonmakers die weten

Bekijk vacature »

Medior iOS Developer

As an iOS Developer, you make sure our mobile app gives our users the best possible way to buy, browse and interact with Coolblue. How do I become an iOS Developer at Coolblue? You feel comfortable writing Swift code and working together with your colleagues to guarantee high quality. Besides that you think about technical decisions like architecture, tools and processes. You also keep an eye on the performance of the app and you analyse with your team how to improve it. Following scrum is second nature to you. In short, you get a lot of energy from building an

Bekijk vacature »

C ++ developer for a trading company with a great

Bedrijfsomschrijving At the moment, a customer of ours in Amsterdam is looking for a Full-stack C ++ developer. The organisation is a trading company that mainly trades shares on all major European financial markets. The company stands out because it is a trader on its own behalf, they have no customers and are acting on its own behalf. They are looking for very smart C ++ professionals here. You will be working in a team of super intelligent and skilled programmers. Functieomschrijving As a software engineer at this party, you will develop internal trading applications. You will be responsible for

Bekijk vacature »

Erv.Software Ontwikkelaar voor slimme oplossingen

Dutch is mandatory for this position. Ervaren Software Ontwikkelaar voor slimme oplossingen binnen de Transport & Logistiek (C#.NET/Azure/65K/R’dam) Jij gaat samen met collega’s (complexe) logistieke vraagstukken oppakken, met als doel slimme software oplossingen te bedenken en te ontwikkelen. Een maaltijd box leverancier van Nederland was op zoek naar een oplossing om hun logistieke processen te optimaliseren en de klantervaring te verbeteren. Hiervoor is een app gebouwd die het hele distributie proces inzichtelijk maakt van magazijn tot bezorger, en van klantenservice tot aan klant. Je kan zien waar welke bezorger zich bevind, maar ook welke tempratuur de producten op dat moment

Bekijk vacature »

Leiden centraal zoekt PHP developer

Bedrijfsomschrijving Deze fullservice internet organisatie zoekt een PHP developer die ruime ervaring heeft met frameworks. Ze bouwen hier webapps voor verschillende branches waaronder non-profit organisaties en verenigingen. Het is een frisse, jonge en dynamische organisatie die diverse mooie klanten heeft in verschillende branches. De projecten waar je aan werkt eisen hoge kwaliteit op zowel technisch als creatief vlak. 90% van de projecten is maatwerk en die vragen dan ook allemaal een andere aanpak. Met welke technieken en hoe je het project gaat aanvliegen bepaal jij samen met het team en de klant. De klant heeft een wens die jij gaat

Bekijk vacature »

Data analist

Is het herkennen van patronen, inzichten en trends vanuit diverse data jouw passie? Dan zijn wij op zoek naar jou! Wat ga je doen? Je helpt onze klanten om hun toekomststrategie vorm te geven. Je verzamelt, combineert en analyseert data vanuit verschillende interne en externe bronnen en zoekt patronen, inzichten en trends. Je ontwerpt en bouwt data pipelines, data streams, reporting tools, dashboards, data API’s, data generators en allerlei andere informatieportals en tools. Je bent een volwaardige gesprekspartner voor onze klanten en de stakeholders op verschillende niveaus binnen een organisatie. Als Data Analist ben jij de informatiebron van de klant

Bekijk vacature »

Software Developer / full-stack

Bedrijfsomschrijving Voor een organisatie binnen de zakelijke dienstverlening zijn wij op zoek naar een Software Developer met goede kennis van zowel Java als front-end technieken als Angular. Het betreft een organisatie bestaande uit ongeveer 100 mensen die klaar staan voor ruim twee duizend klanten. De organisatie staat bekend om het feit dat zij met hun kwalitatief goede dienst een van de snelste zijn. Dit valt op in de markt en dit bewerkstelligen zij door alles zoveel mogelijk te automatiseren. IT, en software development in het bijzonder, wordt als erg belangrijk gezien. Het complexe applicatie landschap is geheel maatwerk en geschreven

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Bedrijfsomschrijving Binnen de organisatie zijn meer dan 10.000 medewerkers dagelijks werkzaam op meer dan 30 verschillende locaties. In deze dynamische omgeving is geen dag hetzelfde. Dit komt door de snelheid waarmee veranderingen plaatsvinden. Dagelijks hebben jouw werkzaamheden direct invloed op het transport van mensen, goederen en personeel. Als Java Developer kom je terecht in een hecht team van op de locatie in Assen. Hier zal jij verantwoordelijk worden voor alles wat met Java en de daarbij behorende bedrijfskritische applicaties te maken heeft. De applicatie regelt en registreert alle dagelijkse bezigheden van deze organisatie. Op locatie heb jij dus direct inzicht

Bekijk vacature »

Senior Full Stack Developer

Senior Full Stack Developer Eindhoven The world wants simple apps that can manage the movements of millions of packages daily. But to get there, our apps go through a complex development process that is lead by the best developers in the industry. As someone who is highly familiar with C#, you will join us as a senior member of the team and manage apps for our Brokerage services – big business freight in global markets that cover over 76% of all international trade. Digital innovation plays a crucial role in choreographing the infinite movements of goods, funds and information. The

Bekijk vacature »

Fullstack Developer Angular 6 Java

Bedrijfsomschrijving Het bedrijf, gelegen in hartje Utrecht, werkt nauw samen met alle instanties die gericht zijn op het Nederlandse wegennet. De applicatie waar jij aan gaat werken brengt het volledige wegennet van Nederland in kaart. Aan de hand van deze applicatie kunnen instanties een duidelijk overzicht krijgen over waar en wanneer er veranderingen en verbeteringen plaats moeten vinden. In andere woorden: Jij werkt direct mee aan het verbeteren van de infrastructuur binnen Nederland. Als Fullstack Java Developer kom je terecht in het team wat verantwoordelijk is voor alle innovatie projecten die er binnen de organisatie bedacht worden. Daardoor zal je

Bekijk vacature »

Ervaren .NET developer gezocht, api development, .

Ben je een ervaren .NET developer en op zoek naar baan waarbij je je ook meer kunt gaan richten op architectuur? Binnen een leuke, sociale en betrokken werkomgeving? Met technieken als .NET Core en Azure? Dan zou deze baan wellicht iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zijn we op zoek naar eens ervaren .NET ontwikkelaar. De organisatie bevindt zich in de financiële branche en is een van de grotere spelers in hun vakgebied. De organisatie bestaat uit circa 600 medewerkers en heeft verschillende vestigingen in Nederland. Het hoofdkantoor zit in Rotterdam en daar is ook de

Bekijk vacature »

PHP Full Stack developer

Ter uitbreiding van ons team in Lobith zijn wij op zoek naar een PHP developer M/V Full-time (32-40u) Als groothandel zijn wij al 20 jaar een begrip in de computerwereld. Wij zijn distribiuteur van diverse grote merken en leveren voornamelijk aan wederverkopers in Nederland en België. Als PHP fullstack developer ontwikkel je nieuwe functies voor onze website en inhouse-applicaties. Daarnaast willen wij het huidige CRM systeem stap voor stap vervangen met een naar onze wensen ontwikkeld systeem. Het is dus jouw taak om dit nieuwe systeem te ontwikkelen. Wat verwachten we van jou? Je bent helemaal thuis in PHP, CSS,

Bekijk vacature »

Front End Developer with excellent Angular skills

Front End Developer with excellent Angular skills to help migrate software application into the Cloud (Front End Developer Angular 65K Rotterdam IND Registered) For an international organisation, specialised in data management for the process industry, we are looking for a Front End Developer with strong work experience in Angular technologies. This organisation has developt a software solution that takes on the important role of connecting people, data and assets, and translates this data into 3D models. Until recently it was a desktop solution, that is currently being migrated to the (AWS) Cloud. Are you up for the task? Who are

Bekijk vacature »

Intene Senior Java developer (agile) positie

Bedrijfsomschrijving Wij hebben nog erg veel nieuwe projecten liggen die nog van start moeten gaan en daarom zoeken wij een Senior Java developer die samen met zijn/haar collega's prachtige producten en projecten mag gaan oppakken. Wij zijn momenteel met ongeveer 200 FTE en zijn een ICT bedrijf dat zich ECHT weet te onderscheiden van andere ondernemingen. We hebben meerdere vestigingen en zoeken nu een Senior Java Developer die ons gaat versterken binnen de Agile Scrum teams in Leusden. Wij zijn de linking pin voor veel (inter)nationale bedrijven en werken aan grote landschappen om de klant haar behoefte te vervullen. We

Bekijk vacature »

Pagina: 1 2 volgende »

Marvin groothuis

marvin groothuis

09/09/2020 12:51:48
Quote Anchor link
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.

Heeft iemand hier een oplossing voor?

Mvg
 
PHP hulp

PHP hulp

01/12/2020 13:41:55
 
- Ariën -
Beheerder

- Ariën -

09/09/2020 12:59:55
Quote Anchor link
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.
Gewijzigd op 09/09/2020 13:02:29 door - Ariën -
 
Thomas van den Heuvel

Thomas van den Heuvel

09/09/2020 13:01:36
Quote Anchor link
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?
 
Marvin groothuis

marvin groothuis

09/09/2020 13:07:12
Quote Anchor link
- Ariën - op 09/09/2020 12:59:55:
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:
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?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<?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"
                                [code]<?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
Gewijzigd op 09/09/2020 13:17:25 door - Ariën -
 
- Ariën -
Beheerder

- Ariën -

09/09/2020 13:11:20
Quote Anchor link
De vraag is, wat is wenselijk?

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.
Gewijzigd op 09/09/2020 13:39:06 door - Ariën -
 
Marvin groothuis

marvin groothuis

10/09/2020 11:46:23
Quote Anchor link
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.
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 11:49:05
Quote Anchor link
Heb je een praktisch voorbeeld?
Bij voorkeur op JSfiddle?
 
Marvin groothuis

marvin groothuis

10/09/2020 11:58:58
Quote Anchor link
- Ariën - op 10/09/2020 11:49:05:
Heb je een praktisch voorbeeld?
Bij voorkeur op JSfiddle?


Het is allemaal php code, via jsfiddle kan je toch geen php laten zien?
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 12:13:12
Quote Anchor link
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.
Gewijzigd op 10/09/2020 12:19:44 door - Ariën -
 
Marvin groothuis

marvin groothuis

10/09/2020 12:33:38
Quote Anchor link
- Ariën - op 10/09/2020 12:13:12:
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?
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 12:47:10
Quote Anchor link
Kom graag even met een praktisch voorbeeld aan.
 
Marvin groothuis

marvin groothuis

10/09/2020 13:03:36
Quote Anchor link
- Ariën - op 10/09/2020 12:47:10:
Kom graag even met een praktisch voorbeeld aan.

Het is allemaal php code en via
https://3v4l.org/ wil hij geen preview geven, dus ik heb geen idee hoe ik je een voorbeeld moet geven.
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 13:43:00
Quote Anchor link
Ergens uploaden?
Laat ook je relevante code eens zien, en vertel waar je precies op vast loopt. Tot nu toe zien we enkel CSS-code.
Gewijzigd op 10/09/2020 13:43:31 door - Ariën -
 
Marvin groothuis

marvin groothuis

10/09/2020 14:33:08
Quote Anchor link
- Ariën - op 10/09/2020 13:43:00:
Ergens uploaden?
Laat ook je relevante code eens zien, en vertel waar je precies op vast loopt. Tot nu toe zien we enkel CSS-code.

<script>$(document).ready(function(){
$('#gridCheck1,#gridCheck2,#gridCheck3').click(function() {
if(this.checked){
$.ajax({
type: "POST",
url: 'change_state.php',
data: {
state: $(this).attr('value'),
order_id: $(this).data('order'),
}, //--> send id of checked checkbox on other page
success: function(data) {
$('#container').html(data);
},
error: function() {
//alert('it broke');
},
complete: function() {
setInterval(function() {
location.reload();
}, 1000);
}
});
}
});
</script>
Dit is de jquery
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?
<div class="form-check">
                                <
input class="form-check-input"  name="state" data-order="<?php  echo $obj->order_id; ?>" value="1" type="radio" id="gridCheck1"
                                [code]<?php if($obj->status == '1'){ echo 'checked'; } else { ''; } ?>
>
                                <label class="form-check-label" for="gridCheck1">
                                    Koude producten
                                </label>
?>

Dit is 1 van de buttons.

Nu moet de jquery de radio en de label selecteren alleen ik heb geen idee hoe ik dat doe.
Gewijzigd op 10/09/2020 14:55:58 door marvin groothuis
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 15:33:52
Quote Anchor link
Hoe bedoel je met label selecteren?
De label is toch gekoppeld aan de id-attribuut van de inputbox?
 
Marvin groothuis

marvin groothuis

10/09/2020 15:40:21
Quote Anchor link
- Ariën - op 10/09/2020 15:33:52:
Hoe bedoel je met label selecteren?
De label is toch gekoppeld aan de id-attribuut van de inputbox?

Hoe bedoel je dat?
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 15:53:29
Quote Anchor link
Zoals ik zeg.
Klik maar eens op een label, en je activeert het input-element.
 
Marvin groothuis

marvin groothuis

10/09/2020 15:55:58
Quote Anchor link
- Ariën - op 10/09/2020 15:53:29:
Zoals ik zeg.
Klik maar eens op een label, en je activeert het input-element.


https://i.gyazo.com/118370d4d4e5a15e333cfa30d23c1e89.png
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 15:58:09
Quote Anchor link
???
 
Marvin groothuis

marvin groothuis

10/09/2020 16:00:23
Quote Anchor link
- Ariën - op 10/09/2020 15:58:09:
???


Jij zegt klik op label dan krijg ik dat.
 
- Ariën -
Beheerder

- Ariën -

10/09/2020 16:01:07
Quote Anchor link
Lol....
Dat is geen browser.

(koffietijd?)
Gewijzigd op 10/09/2020 16:01:24 door - Ariën -
 

Pagina: 1 2 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.