Eenvoudig dashboard

Senior Full Stack Java Developer

Functieomschrijving Als Senior Full Stack Java Developer binnen ons Client domein maak je directe impact op de dienstverlening van heel Randstad Groep Nederland. Je bent onderdeel van onze interne IT afdeling. Ondanks de domein naam dus geen eindeloze klantopdrachten, maar juist focus op de technische innovatie van onze eigen processen en dienstverlening. Om dit continu te kunnen optimaliseren zitten we middenin een grote transformatie en zijn daarom op zoek naar een tweetal vaste senior developers die ruimte en vrijheid zoeken om hun kennis en ervaring in te zetten. Wat bieden wij? Het nodige vertrouwen en de autonomie om je werk

Bekijk vacature »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan Ã©Ã©n van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

Java/Kotlin Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carriÃ¨re verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiÃ«nter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

Java developer Zorgsysteem

Dit ga je doen Werken aan het eigen gebouwde zorgsysteem; Verbeteringen maken en toepassen binnen de applicatie; Jij gaat werken aan de Back-end van de applicatie en sporadisch werk je mee aan de Front-end; Samenwerken met andere teams voor een optimaal resultaat; Jij kan 'clean' werken en high quality code schrijven; Jij werkt resultaatgericht. Hier ga je werken De organisatie houdt zich bezig met diverse applicaties met betrekking tot zorgregistratie. Dankzij hun systeem komt alle informatie, omtrent de zorg van een patiÃ«nt, op een overzichtelijke en toegankelijke manier samen in Ã©Ã©n systeem te staan. Op deze manier is deze informatie

Bekijk vacature »

RPA Developer

Vind jij het leuk om slimme softwarerobots te ontwerpen en ontwikkelen om onze bedrijfsprocessen nÃ³g verder te automatiseren? Ben jij (bijna) klaar met een studie in de richting van ICT en op zoek naar je eerste baan? Ga aan de slag als RPA Developer bij Witteveen+Bos in Deventer en kickstart jouw carriÃ¨re. Jij ontwikkelt softwarerobots in het UiPath Platform. Jouw robotscripts zorgen organisatie breed voor belangrijke verbeteringen van onze bedrijfsprocessen en mede dankzij jou zorgen we voor werkgeluk voor onze medewerkers en besparen we kostbare uren Hoe? Door onze repeterende taken zoveel mogelijk over te dragen aan de softwarerobots. Zo

Bekijk vacature »

PHP ontwikkelaar

Functie Met een complex en uitgebreid e-commerce platform, een eigen PIM-systeem en eigen scan applicatie â€“ krijg jij dagelijks te zien hoe jouw werk gebruikt wordt door miljoenen gebruikers. En we staan qua development pas in de startblokken, aangezien er nog meerdere projecten op de plank liggen te wachten! Ons huidige development team bestaat uit 8 programmeurs. Er wordt dagelijks gereflecteerd op geschreven code, Scrum taken en kennisdelen onderling is een must. Onze voertaal binnen ons team is Engels, dit omdat wij twee internationale collegaâ€™s hebben. Ons huidige â€œIT Landschapâ€ bestaat voornamelijk uit allerlei losse onderdelen die individueel, maar ook

Bekijk vacature »

Developer ERP

"Door digitalisering creÃ«ren wij een verantwoord woon- en werkklimaat, nu en in de toekomst - voor iedereen." Wil jij software maken die onze klanten het werk gemakkelijker maakt en wil jij jezelf continu blijven ontwikkelen? Haal jij energie uit het werken op internationaal niveau? Zoek jij jouw uitdaging binnen een professionele organisatie met een informele sfeer? Dan zijn wij op zoek naar jou! Ben jij ook op zoek naar Aareon? Developer ERP Ons aanbod Wat we jou bieden als developer binnen Aareon hebben we hieronder voor jou op een rijtje gezet. We bieden jou allereerst uitdaging en fijne collegaâ€™s. Daarnaast

Bekijk vacature »

.NET developer

Functie Als junior .NET ontwikkelaar wordt jij onderdeel van een multidisciplinair team van circa 20 software engineers. Als team werken jullie agile en zijn termen als Continuous Integration en Continuous Delivery dagelijkse koek. Jullie werken aan uitdagende en afwisselende projecten met als doel klanten een totaal oplossing aan te kunnen bieden. Als junior .NET ontwikkelaar krijg jij bij deze organisatie de kans om jezelf te blijven ontwikkelen en heb jij een team met ervaren mensen (10+ ervaring) om je heen. Zo heb jij niet het gevoel dat jij meteen in het diepe wordt gegooid en heb jij ook de mogelijkheden

Bekijk vacature »

PHP backend developer

Functie Momenteel zijn ze op zoek naar een PHP backend developer die in staat is om (Laravel) maatwerkapplicaties te ontwikkelen. Je werkt naast je eigen nieuwbouwprojecten ook aan het optimaliseren van bestaande projecten. Gemiddeld werk je aan 3 proecten tegelijk. Ongeveer 70% van je tijd schrijf je code, 15% documentatie en werken aan interne verbeteringen en de overige 15% heb je overleg met klanten en/of collegaâ€™s. Hierin heb je veel vrijheid en verantwoordelijkheid om je werk prettig in te delen. Eisen â€¢ HBO werk- en denkniveau â€¢ Diepgaande kennis van PHP, daarnaast goede kennis van JavaScript, MySQL en PHP framework

Bekijk vacature »

Medior/Senior Python developer

Functie Jij als Senior Python developer hebt al ruime ervaring opgedaan. Bedrijven komen bij de organisatie om technische vraagstukken op te lossen. Jij als specialist bent dus de representatie van deze kwaliteit. Je zult de keuze krijgen tussen lange of korte projecten waarin je komt te werken in multidisciplinaire teams. Projecten die je gaat uitvoeren zijn zeer uitlopend. Zodoende kun je aan de ene kant kiezen voor een greenfield project en stroom je bij een ander project midden in een migratietraject in. Voor de ene klant ontwikkel je ene nieuwe portal en voor het andere project duik je veel meer

Bekijk vacature »

Full stack developer Sportsoftware

Functie Jij als Full stack developer wordt onderdeel van een enthousiast jong team dat werkt aan sportsoftware. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Onze stack bestaan uit C# ASP.NET Javascript, HTML5 CSS3, jQuery, JSON en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor op de competitie en vervullen ze hun eindgebruikers hun behoefte het best. Afhankelijk van de taken van

Bekijk vacature »

.Net Ontwikkelaar

Dit ga je doen Het ontwerpen en ontwikkelen van software voor klanten; Het bijdragen van kennis en ervaring; Het integreren van van de software en afstemmen met klanten; Het functioneel testen van de ontwikkelde software. Hier ga je werken Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en

Bekijk vacature »

Medior Java developer

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 »

Systems Engineer Asset Management Technology

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven System Engineer Asset Management op onze locatie Arnhem. Ga jij de uitdaging met ons aan? Jouw bijdrage aan TenneT Als systems engineer bij AMT ben je verantwoordelijk voor: Beheer van de AMT-vereistenbibliotheek; CoÃ¶rdinatie van de invoer in de Object Type Library (OTL); De implementatie van systeem engineering methodologie; Ondersteuning van het besluitvormings- en ontwerpproces; Het opzetten en uitvoeren van

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Als junior .NET Developer lever je met jouw oplossingen direct een bijdrage aan de bedrijfsprocessen van de klanten. Werkzaamheden waar jij je zoal mee bezig houdt zijn; Het ontwikkelen, onderhouden en optimaliseren van de draaiende platforms van de klanten; Softwareontwikkeling middels C#, .NET; Klantcontact om de wensen te bespreken en uit te werken; Optimaliseren van de (huidige) bedrijfsprocessen; De IT-afdeling bestaat uit 30 personen verdeeld over 3 teams. Het team waar je in terecht komt bestaat uit ongeveer tien man. Het is een team wat bestaat uit betrokken collegaâ€™s, waar iedereen bereidt is om elkaar te

Bekijk vacature »

Theo Vermeulen

04/05/2022 09:33:15

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

21/03/2023 18:55:18

Jan Koehoorn

04/05/2022 11:18:43

Opslaan als HTML bestand en openen in je browser.

Code (php)

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

04/05/2022 11:33:06

Dit is super gaaf, dank je voor de snelle reactie. Super geholpen.

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Eenvoudig dashboard

Theo Vermeulen

PHP hulp

Jan Koehoorn

Theo Vermeulen

Dit topic is gesloten.

Over PHPhulp

Support

Gesponsord

Extra's

Privacy