datalist title input color

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front End Ontwikkelaar (React)

In het kort Als front end developer ga je aan de slag met maatwerkprojecten voor onze klanten. Denk bijvoorbeeld aan het toevoegen van een machine aan een database of het corrigeren van formulieren voor ingestuurde orders. Voorbeeld van zo’n project is Smart Link. De projecten waar je op ingezet kunt worden liggen binnen het technische domein waar jij als front end developer een grote rol speelt om samen met je back end collega’s de juiste oplossingen te leveren. please note that this particular role requires fluent Dutch language skills. Dit vind je leuk om te doen Het omzetten van designs

Bekijk vacature »

Applicatieontwikkelaar ABAP

Bedrijfsomschrijving Functieomschrijving De kandidaat zal worden ingezet binnen een van de DevOps teams binnen SCI (Service Centrum Inburgering) voor het ontwerpen en bouwen in SAP ABAP van de binnen SCI gebruikte informatiesystemen. Voornaamste voorkomende werkzaamheden zijn het aanpassen van en bouwen van nieuwe programmatuur in ABAP (Objects), waarbij ook gebruikt wordt gemaakt van DDD (Domain Driven Design) en het opstellen/aanpassen van Functionele/Technische ontwerpen. Daarnaast moeten ook formulieren met SAP Smartforms worden aangepast. Verder speelt de overgang naar SAP4Hana en SAP CPI. Vanwege het veelvuldig gebruik van SAP PO is kennis hiervan een pré. Achtergrond opdracht Momenteel werken meerdere DevOps teams

Bekijk vacature »

Laravel / PHP developer

Functie omschrijving Wij zijn op zoek naar een Medior PHP / Laravel Developer voor een IT-consultancy in de omgeving van Hoofddorp! Ben jij op zoek naar een leuke nieuwe uitdaging binnen een veelzijdige werkomgeving? Lees dan snel verder! Binnen dit bedrijf werk je in een ontwikkelteam, waarin je zeer betrokken bent en meedenkt over softwareoplossingen. Binnen dit Team hou je je bezig met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken;

Bekijk vacature »

Back end developer Digital Agency

Functie Wij zijn van origine een wordpress bureau, maar sinds 2006 zijn wij dit wel redelijk ontgroeid. Naar mate de jaren verstreken zijn we gegroeid in omvang, maar ook in de complexiteit van opdrachten waarin wij onze klanten kunnen bedienen. Momenteel bestaat onze organisatie uit 4 front end developers, 12 back end developer 3 projectmanagers en een 2 koppig management. Wij zijn een hele informele, bijna familiaire organisatie. Geen strak pak of overhemd, nee gewoon dragen waar jij je prettig bij voelt. De gemiddelde leeftijd ligt tussen de 25 en 30 en wij doen er veel aan om onze hechte

Bekijk vacature »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Alblasserdam zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met de back

Bekijk vacature »

Junior/medior Back end developer PHP, Laravel

Functie Jij als ontwikkelaar komt te werken in een team bestaande uit 4 back end programmeurs, 2 vormgevers/ Front end developers en een online marketeer. Qua persoonlijkheden is het team erg gevarieerd van sportfanaten tot gameliefhebbers en Golfers. Een ding heeft iedereen hier gemeen; Passie voor goede code. In jouw rol zul je voor veel van je tijd je bezig houden met het ontwikkelen van maatwerk features en applicaties. Daarnaast hebben wij op aanvraag ook wel eens een website of onderhoudsklusje, die opgepakt moet worden en hier ben jij ook niet vies van. Jij als full stack developer zult dus

Bekijk vacature »

Senior Full Stack developer

Bedrijfsomschrijving tbd Functieomschrijving Full Stack Java Development bij Randstad Groep Nederland (HQ) Er is een vacature in het Corporate Client Solutions (CCS) team. Dit team is met een ander team net begonnen aan het project ‘Grip op Inhuur’. Het doel van dit project is de tevredenheid van onze leveranciers te verhogen en de efficiëntie van onze administratie te verbeteren. Onderdeel daarvan is een ‘Mijn-omgeving’ voor ZZP’ers en leveranciers. Naast dit nieuwe project werkt het team ook aan het onderhoud en verbeteren van een digitaal vacature management systeem waarmee dagelijks vele vacatures worden voorzien. Het team ontwikkelt zo veel mogelijk zelf

Bekijk vacature »

Junior / Medior C# .NET ontwikkelaar in Brabants t

Bedrijfsomschrijving Ben jij een gepassioneerde C# .NET ontwikkelaar met een voorliefde voor hardware? Dan is dit de perfecte kans voor jou! Bij ons bedrijf krijg je de kans om deel uit te maken van een team van sociale en enthousiaste techneuten die er elke dag naar streven om onze eigen ontwikkelde software nog beter te maken. Het team van ongeveer 10 team medewerkers maakt zich hard om de interne processen gestroomlijnd te laten verlopen. Functieomschrijving Als lid van ons hechte en behulpzame team word je betrokken bij diverse projecten. Daarbij krijg je te maken met data-analyses, content en de logistieke

Bekijk vacature »

Lead javascript developer Node.js React

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

Medior Java developer (fullstack)

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 »

C#.NET/Unity Developer

Functieomschrijving Voor een gewaardeerde werkgever in de omgeving van Breda zijn wij op zoek naar een software ontwikkelaar. Dit bedrijf houdt zich bezig met de ontwikkeling van WMS Software (C#/Unity & SQL). Past dit bij jou? Lees snel verder! Jouw werkzaamheden zullen er als volgt uitzien: Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Samen met 6 applicatieontwikkelaars hebben jullie de verantwoordelijkheid voor de uitbreiding en ontwikkeling van de webapplicaties; Het uitvoeren van updates/aanpassingen aan de huidig draaiende applicaties; Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software. Bedrijfsprofiel Wie

Bekijk vacature »

Java Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 12946 Introductie We are looking for a Java Developer! Our client is one of the most innovation companies located within the Netherlands. We provide high quality software in a high-tech and challenging market. Functieomschrijving The department is specialized in creating and developing high quality software for manufacturing automation in a high tech environment. We strive to provide our clients with high quality software and deliver state of the art solutions in a variety of ways. Creating software infrastructure using Java SE / EE Create applications to fine tune manufacturing processes

Bekijk vacature »

Als Lead PHP developer bijdragen aan het onderwijs

Functie Als Lead PHP developer zet je samen met het team en de andere lead developers de technische lijnen uit als het gaat om het ontwikkelen van de applicaties en bepaal je samen met de PO waar elke sprint aan gewerkt zal worden. Je kunt op basis van een user story een goede aanpak formuleren en een planning opstellen, en andere hierin meenemen. Wanneer je team code schrijft verwacht je degelijke oplossingen, bij voorkeur gebruik makend van Domain Driven Design. Je ziet toegevoegde waarde in het beoordelen van het werk van collega’s om zo samen te streven naar hoge kwaliteit

Bekijk vacature »

Randstad - Freelance Backend Developer/ Data Engin

Starting date: 10.05.2023 Salary range: €67,00 - €77,00 Duration: 6 months Hours: 40 Working model: Hybrid* MUST be NL based Job description: Our vision is to have a consistent and data driven experience for all sales across all our operating companies. Our mission is to enable our salespeople to be able to reach out to the right company at the right time. We do this by creating data driven micro services and solutions. We mainly focus on implementation in the Google Cloud but also integrate with local systems and other cloud solutions. A typical day: As a back-end developer you

Bekijk vacature »

Medior Java developer (fullstack)

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 »
Jan R

Jan R

30/06/2019 11:46:06
Quote Anchor link
Hoi,

Is er een mogelijkheid om de titel te tonen van een datalist.
Ik heb een lijstje aangemaakt van kleuren maar wil er ook de naam bij tonen. Een gebruiker is er niets mee wat de hexcode is zoals deze getoond wordt bij chrome.

Jan
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
<datalist id="kleuren">
    <option title="wit">#ffffff</option>
    <option title="rood">#ff0000</option>
    <option title="orange">#ffa500</option>
    <option title="geel">#ffff00</option>
    <option title="groen">#008000</option>
    <option title="blauw">#0000ff</option>
    <option title="indigo">#4B0082</option>
    <option title="violet">#EE82EE</option>
    <option title="roze">#FFC0CB</option>
    <option title="grijs">#D3D3D3</option>
    <option title="lightblue">#ADD8E6</option>
    <option title="lightgreen">#90EE90</option>
    <option title="lemoen">#00FF00</option>
    <option title="goud">#FFD700</option>
    <option title="zwart">#000000</option>
</datalist>
<input list="kleuren" name="kleur" type="color" value="#ff0000">


De validatie van w3 heeft alvast geen fouten! wel een waarschuwing dat niet alle browsers het ondersteunen, maar dat wist ik al :)

Alvast bedankt.
 
PHP hulp

PHP hulp

02/06/2023 13:43:00
 
Rob Doemaarwat

Rob Doemaarwat

30/06/2019 12:58:57
Quote Anchor link
<input type="color">?
 
Thomas van den Heuvel

Thomas van den Heuvel

30/06/2019 14:45:46
Quote Anchor link
Mogelijk kun je de teksten tussen de <option>...</option> zelf een (achter)kleur geven (wel even opletten dat deze leesbaar zijn). En anders misschien opteren voor een lijst van radiobuttons of zelfs een soort van custom veld met wat JavaScript ofzo.

En zorg dat je naamgeving consistent is, nu is deze half engels, half nederlands. Kies een taal. En misschien is het verstandig dat je de selectie ophangt aan een nummer (kleur nummer 5) in plaats van een taalspecifieke tekstuele naam (groen).
 
Jan R

Jan R

30/06/2019 18:00:05
Quote Anchor link
Rob Doemaarwat op 30/06/2019 12:58:57:
<input type="color">?


Inderdaad :) https://www.w3schools.com/tags/att_input_type_color.asp
Blij dat ik voor sommigen, toch gevorderden, iets toegevoegd heb :)

Thomas van den Heuvel op 30/06/2019 14:45:46:
Mogelijk kun je de teksten tussen de <option>...</option> zelf een (achter)kleur geven (wel even opletten dat deze leesbaar zijn). En anders misschien opteren voor een lijst van radiobuttons of zelfs een soort van custom veld met wat JavaScript ofzo.

En zorg dat je naamgeving consistent is, nu is deze half engels, half nederlands. Kies een taal. En misschien is het verstandig dat je de selectie ophangt aan een nummer (kleur nummer 5) in plaats van een taalspecifieke tekstuele naam (groen).

Lukt niet. Als je de namen gebruikt werkt de input niet. deze werkt enkel met hexcodes. Wel kan je een label weergeven. deze wordt bij color echter niet getoond.
Radiobuttons is niet echt een optie. het volledige gamma is ter beschikking. Sorry van de taal in Engels. Was wat knip en plakwerk en even vergeten vertalen.

Jan
Gewijzigd op 30/06/2019 18:01:51 door Jan R
 
Ward van der Put
Moderator

Ward van der Put

01/07/2019 09:25:54
Quote Anchor link
Als je een beperkt aantal voorgedefinieerde kleuren wilt aanbieden, is een <datalist> daarvoor niet geschikt. Bij een <datalist> kan de gebruiker namelijk ook andere waarden dan die in de lijst gebruiken. Net als bij een autocomplete van tekst zijn het slechts suggesties waarvan de gebruiker kan afwijken:

https://jsfiddle.net/xaufrnog/
 
Jan R

Jan R

01/07/2019 13:58:16
Quote Anchor link
Sorry Wart: zoals ik al schreef: het volledige gamma is ter beschikking.
Gewijzigd op 01/07/2019 14:27:43 door Jan R
 
Ozzie PHP

Ozzie PHP

01/07/2019 14:19:32
Quote Anchor link
>> ... zoals ik al schreef: het volledige gamma is ter beschikking.

Dat zeg ik ... GAMMA!




















(Sorry ... ik kon het echt even niet laten.)
 
Jan R

Jan R

01/07/2019 14:27:18
Quote Anchor link
ik verkies brico. 't is goedkoper
 
Lord Gaga

Lord Gaga

03/07/2019 16:21:34
Quote Anchor link
Dit zou moeten werken:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<datalist id="kleuren">
    <option value="#000000">Zwart</option>
    <option value="#ffffff">Wit</option>
    <option value="#ff0000">Rood</option>
</datalist>
<input list="kleuren" name="kleur" type="color" value="#ff0000">
 
Ward van der Put
Moderator

Ward van der Put

03/07/2019 19:47:59
Quote Anchor link
Nee, resultaat is helaas precies hetzelfde:

https://jsfiddle.net/ftunyzsL/
 



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.