Eenvoudig dashboard

Team Lead/ Lead developer gezocht (Hands-on, PHP,

Functie Als Team Lead ben je de leider van Ã©Ã©n van de ontwikkelteams binnen de organisatie. Je leidt als lead developer een goed draaiend team dat werkt aan complexe en duurzame applicaties en APIâ€™s. Vanuit je kennis en ervaring ben je in staat het grote plaatje te blijven overzien, en kritisch mee te denken over bijvoorbeeld de architectuur, maar ook de algehele aanpak binnen het project. Je laat je team niet alleen technisch goed functioneren maar ben ook betrokken bij het menselijke aspect. Zo weet jij je collegaâ€™s te motiveren en begeleiden in hun dagelijkse werk. Buiten het team ben

Bekijk vacature »

Senior Developer Betty Blocks Blauwe Haven Rotterd

Functieomschrijving Voor de Politie zijn wij opzoek naar een Senior Developer Betty Blocks Blauwe Haven Rotterdam. De politieorganisatie heeft jaarlijks te maken met een aanzienlijk aantal politiemedewerkers die vanwege mentale overbelasting niet of beperkt inzetbaar zijn. De Blauwe Haven Rotterdam ondersteunt deze politiemedewerkers in hun herstel en re-integratieproces. De huidige digitale systemen van de Politie bieden onvoldoende ondersteuning in het herstel- en re-integratieproces van politiemedewerkers. Zowel voor de politiemedewerkers als voor de organisatie. Politiemedewerkers worden buitengesloten, waardoor zij eigen regie verliezen. Begeleiders kunnen de voortgang van de medewerkers niet goed monitoren. Management beschikt niet over de mogelijkheid trends te signaleren

Bekijk vacature »

Medior Mobile Developer iOS Amsterdam

Functie What will you be doing as Mobile Developer? As an iOS app developer you will work in a multidisciplinary team of app developers, web developers and designers. You will work on world-class apps that will be used by thousands of people. There is a lot of room for self-development on a technical and personal level. Together with the rest of the team you develop in the newest techniques and you go for the best quality. We work with Kotlin Multiplatform Mobile to develop hybrid apps and we guarantee quality with peer reviews, unit testing and we use a CI/CD.

Bekijk vacature »

.NET Developer

Functieomschrijving Ben jij klaar voor de volgende stap in jouw carriÃ¨re? Kom werken bij dit kleine softwarebureau en werk aan de gaafste maatwerk projecten. Je komt te werken in een klein development team en werk nauw samen met elkaar, om maatwerk software te leveren en bij te dragen aan bedrijfsautomatiseringen. Je gaat werken met de Microsoft stack en technieken als .NET, C#, Entity, MVC, SQL server. In de functie krijg je veel vrijheid om zelf beslissingen te nemen en je hebt impact op de bedrijfsprocessen. Bedrijfsprofiel Dit familiebedrijf bestaat al ruim 20 jaar. Zij hebben een vast netwerk van klanten,

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Wil jij bij een platte en informele organisatie werken? Lees dan snel verder! Voor een opdrachtgever in omgeving Rotterdam dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen PHP, JAVA en Node.js. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn

Bekijk vacature »

.net developer

Hoi! Wij zijn auto.nl en wij verkopen auto's online. je bestelt bij ons een auto net zo makkelijk als een spijkerbroek. En bevalt ie niet? Dan stuur je 'm gewoon weer terug. En dat we dat goed doen bewijst onze hoge klanttevredenheid van een 9,3. Nu maken we de volgende stap bij auto.nl. We starten met fysieke winkels. Online zoeken, offline bekijken. Maar nog altijd, geen gedoe! Gewoon eerlijk, transparant en zonder zorgen een auto kopen.. Maar om dat waar te blijven maken en nÃ³g beter te worden, zoeken we uitbreiding van ons development team. Wat ga je precies doen?

Bekijk vacature »

Java developer - procesoptimalisatie (Inhouse)

Functie Wat ga je doen als Java developer? Jij als back end developer hebt al enige ervaring opgedaan in jouw vakgebied. Voornamelijk het werken met Java en Spring spreekt jou aan. Jij wordt samen met je collega developers in het team verantwoordelijk voor de gehele back end van de applicatie. Hierdoor heb jij veel zelfstandigheid in je rol en zul je ook zelf beslissingen samen met de PO maken. Er wordt gewerkt volgens de SCRUM methodiek, om zo structuur te creÃ«ren in de werkzaamheden. Binnen de 2-wekelijkse sprints pak jij je taken op die samen met de PO afgestemd zijn.

Bekijk vacature »

Lasrobotprogrammeur/operator

Heb je interesse in trekkers en beschik je overvlijmscherpse precisie? Solliciteer dan op deze vacature! Als Lasoperator ben je vooral bezig met het maken van nieuwe lasrobotprogrammaâ€™s en het optimaliseren van bestaande programmaâ€™s, zowel online als offline (incl. het bedienen van de Lasrobots). Daarnaast draag je bij aan een optimaal rendement van de las robots. Verder heb je de volgende werkzaamheden: Het meewerken als operator c.q. Robotlassen niveau 2 (van complexe samenstellingen/halffabricaten), het om- en instellen van de diverse stations van lasmallen (productdragers), het afwerken van laswerk (verwijderen lasspetters en oxiden), het bewaken van de machineplanning (op bewerkingen) incl. de

Bekijk vacature »

Senior Javascript developer

Functie Het platform is gebouwd in een moderne JavaScript stack, die gebruikt maakt van: ïƒ¼ React.js ïƒ¼ Redux ïƒ¼ TypeScript ïƒ¼ Node.js ïƒ¼ Google Cloud functions (node.js) ïƒ¼ Semantic UI Alle code wordt getest en beoordeeld door collega developers. De continuous integration pipeline maakt het mogelijk om elke dag waarde te leveren aan hun klanten. Het ontwikkelproces is pragmatisch en gebaseerd op Scrum. Wat je zult doen: Ten eerste kun je nadrukkelijk jouw eigen stempel drukken op de technologie, het product en de cultuur van het bedrijf. Je bent bezig met het uitwerken van de architectuur van nieuwe functionaliteiten op

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Voor een opdrachtgever in omgeving Zoetermeer zijn wij op zoek naar een ontwikkelaar ter versterking van het huidige developers team. Heb jij altijd al willen werken voor een bedrijf, dat veilige netwerkverbindingen levert, door middel van veilige oplossingen, die door middel van de nieuwste technologieÃ«n ontwikkelt zijn? Stop dan nu met zoeken! Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten

Bekijk vacature »

Oracle Apex developer

Bedrijfsomschrijving My client is a technology company based in Den Bosch, the Netherlands. They specialize in providing innovative software solutions to clients, and they are currently looking for an experienced Oracle Apex developer to join the IT team. Functieomschrijving As an Oracle Apex developer, you will be responsible for designing, developing, and maintaining web-based applications using Oracle Apex. You will work closely with project managers, business analysts, and other developers to ensure that clients' needs are met and that the software solutions are of the highest quality. Responsibilities: Design, develop, and maintain Oracle Apex applications. Work with project managers and

Bekijk vacature »

Junior .NET developer

Functie Wij zijn bezig met het ontwikkelen van een nieuw product en wij hebben jouw hulp hierbij nodig! Als junior .NET ontwikkelaar krijg jij de kans om samen met ons deze nieuwe uitdaging aan te gaan! Momenteel bestaat ons team uit drie interim Software Engineers. Twee hiervan zijn zeer ervaren .NET specialisten die inmiddels hun strepen in dit vakgebied al hebben behaald. Ook hebben wij een junior als onderdeel van ons team die zich op dit moment nog bezig houdt met de Front-end (Angular/TypeScript), maar zich nu ook meer gaat verdiepen in de backend. Wij willen ons team graag verder

Bekijk vacature »

Als Front-end developer samenwerken met de beste c

Functie Momenteel zijn we voor Ã©Ã©n van de projecten bij hun key partner, een voorloper in de energiesector, op zoek naar gedreven Front-end developers. Ze nemen de lead in dit project en werken uitsluitend met vooruitstrevende technologieÃ«n. Ze verwachten dat de technologie die hier wordt ontwikkeld uiteindelijk door veel meer grote corporates, in verschillende sectoren zal worden toegepast. Dit is dan ook een heel uitdagend project om aan mee te gaan werken. Het team bestaat o.a. uit User Experience designers, Data Scientists en Software Engineers. De consultants en ontwikkelaars werken volgens de Design Thinking methode waarbij de eerste stappen van

Bekijk vacature »

Software Developer

Functie omschrijving Psst hÃ© jij daar! Op zoek naar een nieuwe uitdaging als developer? Wacht niet langer en reageer direct. In deze functie ga je bij een familiebedrijf werken als developer. Je gaat maatwerk software ontwikkelen met de Microsoft stack. Je gebruikt technieken als C#, ASP.NET en MVC. Je werkt in een leuk team van andere developers. Je krijgt veel vrijheid in je werk en kan flexibel werken. Dagje thuiswerken? Geen probleem! Daarnaast is er veel ruimte om Ã©cht mee te denken met het bedrijf en met de klanten. Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Vanaf

Bekijk vacature »

Intern - Junior PHP ontwikkelaar in fris en jong t

Bedrijfsomschrijving Werk jij graag een in fris, flexibel en jong team? Bij ons ben jij vrij om te bepalen waar jij het liefst werkt en op de vrijdag komen wij gezellig bij elkaar op kantoor. Flexibiliteit en vrijheid zijn bij ons de norm en dat geeft jou de ruimte en energie om het beste uit jezelf te halen! Ons team bestaat uit vijf enthousiaste collega's die jou graag ondersteunen in zowel je persoonlijke als professionele ontwikkeling. Met twee ervaren Senior Developers als mentoren ben jij in goede handen. Wij zien onszelf als een vriendengroep die gezamenlijk werken aan iets moois

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

25/04/2024 13:06:56

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