Eenvoudig dashboard

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Python Software Ontwikkelaar Javascript

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Zij doen ontdekkingen in de radioastronomie. Ben jij geschikt als Software Engineer? Heb je ervaring met Python? Vaste baan: Python Software Ontwikkelaar Javascript HBO 3.200 - 4.700 Software Engineer Zij doen ontdekkingen in de radioastronomie door nieuwe en innovatieve technologieën te ontwikkelen, radioastronomiefaciliteiten van wereldklasse - zoals LOFAR - te exploiteren en fundamenteel astronomisch onderzoek te verrichten. Deze werkgever is een enthousiast bedrijf en bieden doorgroeimogelijkheden. Wat wordt er van jou verwacht?: Voor de vacature als Software

Bekijk vacature »

C++ Developer bij bedrijf die samenwerkt met NASA

Bedrijfsomschrijving Het gaat hier om een innovatief bedrijf die met verschillende bekende bedrijven samenwerkt. Denk aan de Automotive sector, waarbij ze samenwerken met bekende automerken. Daarnaast hebben ze ook NASA en de overheid als partner. Ook werken ze samen met schillende telecombedrijven en met bekende Cloud applicaties. Ze ontwikkelen en produceren zichtbaarheidsoplossingen voor cyber security. Daarnaast werken ze aan monitoring van netwerkprestaties. Ze zijn een toonaangevende fabrikant van innovatieve producten en zijn zelf met hun eigen unieke product ook een koploper in de markt. Het bedrijf is erg professioneel maar het team onderling is erg informeel in de omgang. Er

Bekijk vacature »

Junior Full Stack developer

Functieomschrijving Ben jij een Junior Full Stack Java Developer en op zoek naar een internationale, creatieve en innovatieve omgeving? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Junior Full Stack Java Developer die per direct ons interne team komt versterken. Fullstack Java Development bij Randstad Groep Nederland (HQ) Als Java Developer bij Randstad IT kan je rol variëren. Java is een kernonderdeel in veel van onze 36 scrum teams, waardoor je de kans krijgt om bij te dragen aan een groot aantal verschillende applicaties en projecten. Aan welk project je ook

Bekijk vacature »

Python Backend Developer Software

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij bouwen toekomstbestendige applicaties. Ben je eerder werkzaam geweest als backend developer? Heb je ervaring als software ontwikkelaar? Vaste baan: Backend Developer Software IT 3.000 - 4.800 Backend Developer Wij ondersteunen bedrijven bij het ontwikkelen van hun software. Dankzij onze ervaring in binnen- en buitenland en onze grondige analyses kunnen wij onze klanten de beste oplossingen bieden. Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij hun

Bekijk vacature »

JavaScript Developer Front-End

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is het bedrijf achter de grootste Tennis-Badminton-Squash portal van Nederland. Ben jij een JavaScript Developer? Heb je ervaring met React? Vaste baan: JavaScript Developer Front-End React 3.200 - 4.400 JavaScript Developer Deze werkgever is het bedrijf achter de grootste Tennis-Badminton-Squash portal van Nederland. Wij ontwikkelen software volledig gericht op de sportwereld. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de

Bekijk vacature »

Test Engineer

Super leuk dat je interesse hebt om bij ons te komen werken! Om onze nieuwste test technieken te verspreiden binnen VKG zijn wij op zoek naar de juiste persoon die ons team komt versterken. Het huidige team bestaat voornamelijk uit business analisten en projectleiders. Testen gebeurt breed door de organisatie heen en automatisch testen staat in de kinderschoenen. Bij VKG bouwen wij momenteel aan een gaaf product voor onze klanten en eindklanten! De verwachting is dat dit live gaat in de eerste helft van dit jaar. Wij ontwikkelen in .NET5 en Angular en hebben, om een uitmuntende kwaliteit aan onze

Bekijk vacature »

Fullstack developers gezocht binnen de securitysec

Bedrijfsomschrijving Onze klant in Twente is een Cyber Security bedrijf die hier ook volledig op is gefocust. Zij helpt klanten bij het bestrijden van de meest uiteenlopende vormen van cybercriminaliteit en het minimaliseren van bedrijfsrisico’s. Het is haar missie om Cybercrime uit de weg te ruimen en de digitale wereld veiliger te maken, waarbij zij zich richt op Managed Cybersecurity dienstverlening. Dit doet zij onder andere met SOC dienstverlening, Gedrag & Bewustzijn, Digital Risk Protection en Offensive Security. Daarnaast biedt zij 24/7 specialistische ondersteuning bij cyberincidenten. Dagelijks worden meer dan vier miljoen apparaten beschermd bij haar klanten in de zorg,

Bekijk vacature »

Junior Software Developer IT

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever levert systemen. Wil jij werken als Junior Developer? Heb jij ervaring met IT? Vaste baan: Junior Software Developer IT CRM Oplossingen 2.500 - 3.300 Junior Developer Deze werkgever is een ambitieuze, internationaal georiënteerde onderneming, gespecialiseerd op het gebied van CRM-oplossingen. Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij hun goed! Op zoek naar een nieuwe uitdaging? Bij deze werkgever kom je te werken in

Bekijk vacature »

C# .NET Software Ontwikkelaar Optische Instrumente

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij vervaardigen optische en fotografische instrumenten en apparatuur. Wil jij werken als Software Engineer? Heb jij ervaring met verschillende programmeertalen? Vaste baan: C# .NET Software Ontwikkelaar Optische Instrumenten HBO 2.800 - 4.300 Software Engineer Deze werkgever is een bedrijf dat machines ontwerpt voor operaties. Kwaliteit staat bij ons hoog in het vaandel! Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Wat wordt

Bekijk vacature »

Embedded Developer

Zoek jij een baan in een unieke branche? Ligt jouw passie bij het ontwikkelen van embedded devices en wil je in een leuk team werken? Dan past de functie van Embedded Developer perfect bij jou. Ter ondersteuning van de afdeling Engineering zijn wij op zoek naar een Embedded Developer voor 40 uur per week. Embedded Developer Wat ga je doen als Embedded Developer? Je bent verantwoordelijk voor het ontwikkelen en onderhouden van onze casino producten die communiceren met onze toepassingen in de cloud. Je komt te werken in een team met een zeer brede kennis van ontwikkelen. Denk hierbij aan

Bekijk vacature »

Back-end Ruby ontwikkelaar

Zoek jij een baan in een unieke branche? Ligt jouw passie bij het ontwikkelen van Back-end Ruby applicaties en wil je in een leuk team werken? Dan past de functie van Back-end Ruby ontwikkelaar perfect bij jou. Ter ondersteuning van de afdeling Engineering zijn wij op zoek naar een Back-end Ruby ontwikkelaar voor 40 uur per week. Back-end Ruby ontwikkelaar Wat ga je doen? Je bent verantwoordelijk voor het ontwikkelen en onderhouden van casino systemen in de cloud. Je komt te werken in een team met een zeer brede kennis van ontwikkelen. Denk hierbij aan Hardware, Front-end, Back-end ontwikkeling in

Bekijk vacature »

SAPUI5 Node.js Developer

Functieomschrijving Een duurzame toekomst: jij creëert het als SAPUI5 / Node.js Developer bij Alliander en draag bij aan de energietransitie. Ontwerp, bouw en test jij de nieuwe oplossingen voor het digitaliseren van energienetten en het automatiseren van onze processen? Jouw energie Werken aan complexe IT-problemen om energienetten te digitaliseren en de processen klaar te maken voor de toekomst. Daar krijg jij energie van! Bij Alliander ga je als SAPUI5 en/of Node.js Developer aan de slag in een echt DevOps-team. Je werkt Scrum, waar je jezelf en het team continu blijft uitdagen om nieuwe en innovatieve oplossingen te vinden voor een

Bekijk vacature »

Junior Full Stack developer

Functieomschrijving Ben jij een Junior Full Stack Java Developer en op zoek naar een internationale, creatieve en innovatieve omgeving? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Junior Full Stack Java Developer die per direct ons interne team komt versterken. Fullstack Java Development bij Randstad Groep Nederland (HQ) Als Java Developer bij Randstad IT kan je rol variëren. Java is een kernonderdeel in veel van onze 36 scrum teams, waardoor je de kans krijgt om bij te dragen aan een groot aantal verschillende applicaties en projecten. Aan welk project je ook

Bekijk vacature »

.Net Developer Angular

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij lossen complexe IT problemen op. Ben jij een .NET Developer? Heb je ervaring met .NET en Angular? Vaste baan: .Net Developer Angular HBO 3.000 - 4.500 .Net Developer Deze werkgever is een gedreven en ambitieuze club, altijd bezig met de nieuwste technologieën om te zorgen dat onze klanten successen behalen. Samenwerken en innovatie zijn belangrijke kernwaardes: met onze top-expertise in Microsoft technologie ontwikkelen wij innovatieve bedrijfskritische software op maat. Van analyse tot implementatie. Als een ware

Bekijk vacature »

Back-end Ruby ontwikkelaar

Zoek jij een baan in een unieke branche? Ligt jouw passie bij het ontwikkelen van Back-end Ruby applicaties en wil je in een leuk team werken? Dan past de functie van Back-end Ruby ontwikkelaar perfect bij jou. Ter ondersteuning van de afdeling Engineering zijn wij op zoek naar een Back-end Ruby ontwikkelaar voor 40 uur per week. Back-end Ruby ontwikkelaar Wat ga je doen? Je bent verantwoordelijk voor het ontwikkelen en onderhouden van casino systemen in de cloud. Je komt te werken in een team met een zeer brede kennis van ontwikkelen. Denk hierbij aan Hardware, Front-end, Back-end ontwikkeling in

Bekijk vacature »
Theo Vermeulen

Theo Vermeulen

04/05/2022 09:33:15
Quote Anchor link
Hallo iedereen,

Ik ben op zoek naar iemand die een eenvoudig dashboard kan maken voor ons met als bedoeling een soort schakelbord.

We hebben 60 knoppen op de pagina ( soort van schakelaars ) die bij het aanklikken moeten veranderen in de kleur groen. Bij dubbelklik o.i.d. moet deze knop weer rood worden.

Het is dus een soort van aanwezigheid schema. Deze willen wij locaal gebruiken dus niet op een server.

Is er iemand die zoiets kan maken?

Ik heb een voorbeeld gemaakt in excel wat eigenlijk de bedoeling is. Deze is uiteraard te verkrijgen bij interesse.
 
PHP hulp

PHP hulp

27/05/2022 20:05:53
 
Jan Koehoorn

Jan Koehoorn

04/05/2022 11:18:43
Quote Anchor link
Opslaan als HTML bestand en openen in je browser.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Schakelboard</title>
    <style>
    body {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .container {
        margin-top: 40px;
        max-width: 960px;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 10px;
    }

    button {
        background: red;
        padding: 5px;
        border: 1px solid #666;
        border-radius: 5px;
    }

    .present {
        background: green;
    }
    </style>
</head>

<body>
    <div class="container">
        <div class="grid">

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>
            <div class="item"><button>Werknemer naam</button></div>

        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
    $(function() {
        $('button').click(function() {
            $(this).addClass('present');
        });
        $('button').dblclick(function() {
            $(this).removeClass('present');
        });
    });
    </script>

</body>

</html>
Gewijzigd op 04/05/2022 11:20:36 door Jan Koehoorn
 
Theo Vermeulen

Theo Vermeulen

04/05/2022 11:33:06
Quote Anchor link
Dit is super gaaf, dank je voor de snelle reactie. Super geholpen.
 



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.