Eenvoudig dashboard

Overzicht

Sponsored by: Vacatures door Monsterboard

Azure Cloud Engineer / Systeembeheerder / System A

Ons aanbod Direct een arbeidsovereenkomst voor onbepaalde tijd. Een salaris tussen tot € 5.000,- bruto per maand. Attached betaalt al je opleidingen. Onbegrensde doorgroeimogelijkheden. Een lease auto naar keuze. Een heel goede collectieve pensioenregeling bij StiPP. Regelmatig leuke uitjes; o.a. F1 in Barcelona bij ons 25 jarig jubileum en gezellige borrels. Mooie opdrachten bij de top 100 bedrijven in Nederland. Wat maakt werken bij Attached nou zo bijzonder? Werken bij Attached betekent werken bij een dynamisch, financieel gezonde organisatie die al 25 jaar actief is in de ICT. Attached is een middelgroot bedrijf, hetgeen tot uiting komt in de persoonlijke

Bekijk vacature »

Flutter Developer

As a Flutter developer you love to work on great apps, for big, international brands. Flutter Apps with interesting new features that help companies provide their service in new and innovative ways. In this role you’ll work as an Flutter developer with an experienced team of specialists and you’ll translate designs in a user friendly mobile Flutter app. You will also write Unit Test and come up with technical solutions. Functie-eisen 3+ years of hands-on experience with Flutter development You are familiar with writing Unit Test You are familiar with CI/CD You have a bachelors or masters degree in Computer

Bekijk vacature »

Robotprogrammeur

Bedrijfsomschrijving: Locatie: regio Kampen Dit internationale bedrijf is één van Europa’s meest toonaangevende machinebouwers. Ze ontwikkelen en produceren hoogwaardige robotsystemen volledig in eigen beheer. Deze robotsystemen worden geïntegreerd in diverse hoogwaardige productieprocessen in verschillende branches. De onvergelijkbare systemen die deze organisatie ontwikkelt en produceert en de flexibiliteit van de machineconcepten zijn binnen deze markt erg opvallende kenmerken die zijn ontwikkeld op basis van jarenlange ervaring en expertise. Ze kenmerken zich door innovatie, kwaliteit en ervaring zodat de klanten altijd voorop blijven lopen in de sector. Als Software Engineer Robotica ben je verantwoordelijk voor het optimaliseren van het robotprogramma om tot

Bekijk vacature »

Freelance Applicatieontwikkelaar (ZZP)

Belastingdienst B/cao Startdatum inzet : 19 december 2022 Tijdelijke functie, met optie op vast Uren per week : 36 Standplaats (in overleg): Apeldoorn We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en ervaring met Python, Django, HCL Websphere

Bekijk vacature »

Senior Integration Developer

Functieomschrijving As senior integration developer at Randstad Groep Nederland IT you play an integral role in innovating and optimising our processes and way of working. As we continue to move towards a more internationally connected tech environment and build new global platforms, our integration team continues to grow. You will join the APK team (Applicatie Koppelingen), consisting of business analysts, developers, a product owner and scrum master. Together you are responsible for a fundamental aspect of our applications, providing the basis for our other development teams. What will you do as senior integrations developer? As senior integrations developer you work

Bekijk vacature »

Jr/Mr/Sr Fullstack Developer (JavaScript/C#/.NET)

Vacature details Vakgebied: (Hightech) Industrie Opleiding: Medior Werklocatie: Leidschendam Vacature ID: 8582 Introductie For one of our top clients in the Hague are, we are looking for Fullstack Software Developers on all sort of levels. Our client is developing stae-of-the-art monitoring software applications to decode and ingest technical sensor data. This software is also used to process and visualize information inside the data and work 24/7. Functieomschrijving As a Junior full-stack .NET developer in one of our teams you will: Contribute to all development phases of the product, from design and implementation to maintenance and support of the software; Attend

Bekijk vacature »

PHP Developer

Dit ga je doen Ontwikkelen, implementeren en testen van PHP-oplossingen en Apps voor klanten en bedrijfsprocessen; Opstellen van requirements en uitwerken van de oplossingen; Testen van software en borgen van een soepele overdracht, inclusief documentatie; Proactief adviseren vanuit eigen expertisegebied over ontwikkelingen en verbeterpunten in technische toepassingen en processen binnen de organisatie. Hier ga je werken De organisatie is een ambitieuze en vooruitstrevende speler in de markt in de regio Rotterdam. Ze zijn de snelst groeiende in hun branche. Met een excellent aanbod en service willen zij de beste keuze zijn voor hun bestaande en nieuwe klanten. Dit alles doen

Bekijk vacature »

ETL Ontwikkelaar

Dit ga je doen Je werkzaamheden zijn o.a.: Onderhouden, uitbreiden en continu verbeteren van het dataplatform; Managen van staging, repositories, datawarehouse, cubes en datamarts; Data pipe line voor end of live rapportages inrichten in de datawarehouse omgeving; Toevoegen van nieuwe data sources aan het platform; Hier ga je werken De organisatie gevestigd in de regio Amsterdam is te omschrijven als een semi overheidsinstelling en telt ruim 700 medewerkers. De werksfeer is te omschrijven als familiair, men wil elkaar echt helpen, maar ook vooruitstrevend en ambitieus. Men kijkt naar interne en externe processen en probeert deze continu te verbeteren. Er wordt

Bekijk vacature »

Junior Software Developer

Dit ga je doen Je bent verantwoordelijk voor de warehouse applicatie die een integratie heeft met de PLC laag; Je ontwikkelt in C#/.Net; Je bent verantwoordelijk voor het ontwikkelen van interfaces en het visualiseren van componenten; Je denkt mee over het design voor business oplossingen; Je bent verantwoordelijk voor het testen van de gebouwde oplossing. Hier ga je werken Voor een internationale organisatie in de transport zijn wij momenteel op zoek naar een junior Software Developer. Ze zijn wereldwijd de grootste speler en lopen voorop met het automatiseren van alle processen van de warehouses. Deze organisatie kan de internationale start

Bekijk vacature »

Team Lead PHP

As Team Lead PHP, you make our customers smile by providing great software and building an effective team. How do I become a Team Lead PHP at Coolblue? As a Team Lead Web Development you build and lead a team that excels in providing high-quality and cost-efficient software. You support team members in defining their personal growth goals and with the approach to achieve them. Would you like to become a Team Lead PHP at Coolblue? Read below if the job suits you. You enjoy doing this Building and leading a team that excels in providing high quality and cost

Bekijk vacature »

Back-end Developer TOTO

Do you want to work with the latest technologies on the development of new systems and applications? Get moving and strengthen Nederlandse Loterij as a Back-end Developer TOTO. Thanks to your efforts, complex business critical applications are always running smoothly. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Back-end Developer you score by: Back-end: Integrating backend and third party application functionality using available API’s Generic: Set up CI/CD pipelines using Azure DevOps Generic: Safeguard operational continuity Technologies we are currently using are, but not limited to: (Cloud)software architecture based on Azure Jira, Azure

Bekijk vacature »

Freelance Frontend Developer (ZZP)

Belastingdienst B/cao Startdatum inzet : 19 december 2022 Tijdelijke functie, met optie op vast Uren per week : 36 Standplaats (in overleg) : Apeldoorn Op dit moment hebben wij frontend developers met een nieuwsgierige en pro actieve houding nodig die zich hoofdzakelijk richten op het helpen bij het bouwen van open formulieren. Deze formulieren worden gemaakt met verschillende producten. Wij werken met Bold (het Belastingdienst Design System), form.io, moderne frameworks en integratiemogelijkheden. Op het gebied van de overige tooling wordt je voor zover nodig ingewerkt. Van jou als frontend developer wordt verwacht dat je deze producten op de juiste manier

Bekijk vacature »

Senior Java developer (backend)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Integration Developer

Functieomschrijving As integration developer at Randstad Groep Nederland IT you play an integral role in innovating and optimising our processes and way of working. As we continue to move towards a more internationally connected tech environment and build new global platforms, our integration team continues to grow. You will join the APK team (Applicatie Koppelingen), consisting of business analysts, developers, a product owner and scrum master. Together you are responsible for a fundamental aspect of our applications, provinding the basis for our other development teams. As integrations developer you work in an agile way, and are responsible for the continued

Bekijk vacature »

Freelance Applicatieontwikkelaar (ZZP)

Belastingdienst B/cao Startdatum inzet : 19 december 2022 Tijdelijke functie, met optie op vast Uren per week : 36 Standplaats (in overleg): Apeldoorn We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en ervaring met Python, Django, HCL Websphere

Bekijk vacature »
Theo Vermeulen

Theo Vermeulen

04/05/2022 09:33:15
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

04/12/2022 16:19:48
 
Jan Koehoorn

Jan Koehoorn

04/05/2022 11:18:43
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
Anchor link
Dit is super gaaf, dank je voor de snelle reactie. Super geholpen.
 
 

Dit topic is gesloten.



Overzicht

 
 

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.