datalist title input color

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior iOS Developer vacature

Je bent innovatief. Je bent creatief. Jij gaat voor een topbaan. Mobile apps ontwerpen, uitwerken en realiseren, dat is jouw passie! Met grote toewijding richt jij je dan ook op een app waarmee consumenten met een gezichtsscan betalen. Of je stort je je op een app die de temperatuur in huis op afstand kan regelen. Het spreekt voor zich dat jouw apps top of the bill zijn als het gaat om gebruiksvriendelijkheid en veiligheid. Ze hebben impact. Je voelt je als een vis in het water in een iOS-omgeving maar, veelzijdig als je bent, kun je ook met andere platforms

Bekijk vacature »

Inhouse Java developer voor (internationale) proje

Vacature Omschrijving De volgende relatie werkt vanuit Amsterdam & Rotterdam aan gevoelige projecten voor grote klanten binnen en buiten Nederland. Voor hun is het dan ook erg belangrijk een veilig en vertrouwd product te leveren. Hiermee spelen zij in op de attitude van de werknemers, de mensen binnen hun bedrijf willen zichzelf steeds blijven ontwikkelen door erkende certificering te behalen van technieken waarmee ze ook direct aan de slag gaan. Functieomschrijving Je werkt binnen een hechte team dat bestaat uit developers/QA testers/ tussen de 15 en 20 man groot, afhankelijk van kantoor. Iedereen heeft verschillende expertises en samen brengen jullie

Bekijk vacature »

SENIOR PERFORMANCE ENGINEER

SENIOR PERFORMANCE ENGINEER Transform the world around you by unleashing your skills and crafting the next generation of technology. Put your expertise to work as part of the world’s largest independent technology services provider and lead the way as a trendsetter in your field. We’re ready if you are. Your job Our Intelligent Testing Services team has a clear focus on Testing into the New. The focus of the practice is on Intelligent Test Automation. Our mission is to be the leading provider of innovative test solutions to drive test automation efficiently and to improve the quality of software. To

Bekijk vacature »

Ervaren Back-end Developer Eindhoven

Ben jij een ervaren Back-end Developer met uitgebreide kennis op het gebied van PHP (OOP) en vind jij het interessant om mee te bouwen aan client side functionaliteiten voor onze high traffic website? Dan is dit dé functie voor jou. Wie zijn wij? Bedandbreakfast.eu is dé B&B specialist met 3,7 miljoen kamers en appartementen wereldwijd. Jaarlijks bezoeken miljoenen bezoekers onze sites. Wij zijn een enthousiaste club jonge professionals in Eindhoven die geloven in werkplezier, eigen initiatief en samenwerking als drijfveer voor succes. We zijn altijd op zoek naar getalenteerde developers om ons boekingsplatform naar een hoger niveau te tillen. Functie

Bekijk vacature »

Oracle Technical Expert

Vacancy: Oracle Technical Expert Looking to work in an international company with more than 35 different nationalities where collaboration and innovative ideas are key to drive future success? Seeking a role where you can add value and have the opportunity to develop and grow? Office Depot Europe has an exciting opportunity for an Oracle Technical Expert to join our European headquarters in Venlo, the Netherlands. The role is a fulltime, permanent position offering an excellent salary and benefits package. Your role as an Oracle Technical Expert Office Depot Europe is transforming itself to meet changing customer expectations and be competitive

Bekijk vacature »

PHP Developer

Organisatie Yes, je mag weer naar kantoor! Je loopt langs het water naar jouw prachtige werklocatie. Eenmaal in de lift bedenk je wat je vandaag weer wilt gaan leren. Je komt boven aan in de grote open ruimte en de HR medewerker groet je vriendelijk. Bij de relax hoek zie jij je collega al met een lekkere bak koffie in zijn handen staan. “Dit wordt weer een productieve en leuke dag. We hebben namelijk een nieuw project binnen gekregen in de sportbranche die wij als team mogen gaan oppakken!” roept je collega. Vol enthousiasme kletsen jullie nog even door en

Bekijk vacature »

RPA Developer

Ben jij technisch onderlegd? Wil jij meewerken aan de implementatie van RPA binnen de Van Ameyde Group en het bouwen aan de virtuele workforces? (Zero)70 IT Services zoekt voor het hoofdkantoor in Rijswijk een nieuwe collega die hierin het verschil kan maken! Wat ga je doen? Je zult werkzaam zijn binnen het Center of Excellence (CoE) van (Zero)70, het IT development bedrijf binnen de Van Ameyde Group. Het CoE ondersteunt de business in het bereiken van procesautomatisering door Robotic Process Automation (RPA). Je maakt deel uit van en bouwt mee aan een nieuwe jonge afdeling die vanuit Rijswijk de verschillende

Bekijk vacature »

Ervaren .NET ontwikkelaar in complexe ontwikkelomg

Organisatie Voor een van onze businesspartners ben ik momenteel op zoek naar een ervaren medior+/senior developer met ruime ervaring in C#, ASP.NET. Deze organisatie is al meer dan 15 jaar toonaangevend in het ontwikkelen van security oplossingen, zij richten zich met name op verificatie en beveiligings-oplossingen voor o.a. financiële, overheidsinstellingen en zorginstellingen. De organisatie telt 30+ werknemers waarvan het software team is opgebouwd uit 5 doorgewinterde developers die samen strijden voor het hoogst mogelijke resultaat. Functie Samen met het ervaren team, bestaande uit 4 senioren ga jij je richten op verschillende web based applicaties. Jij zal o.a. verantwoordelijk zijn voor

Bekijk vacature »

PHP developer gezocht voor zeer bekende vergelijki

Functieomschrijving Als web developer kom je in een team te zitten met vakidioten die vooral doen wat ze leuk vinden; webapplicaties bouwen. Het team werkt in SCRUM stijl, omdat het bedrijf eigen ontwikkelde producten heeft is de ontwikkel boog lang en is er meer dan voldoende tijd voor kwaliteit en het testen van nieuwe snufjes. Indien je hier wilt werken moet je geen stille muis zijn maar iemand met een mening en die deze ook durft uit te dragen. Herken jij jezelf hier? Omdat iedereen zo goed is in zijn vak ligt de lat hoog waardoor je zelf ook naar

Bekijk vacature »

Junior, medior of senior .NET C# ontwikkelaar, com

Ben je als junior, medior of senior .NET ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een junior, medior of senior .NET C# ontwikkelaar. De organisatie richt zich zowel op websites als complexe maatwerk applicaties voor externe klanten. Tevens moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen erg

Bekijk vacature »

Junior C# developer Den Bosch

Organisatie Deze organisatie is midden in het centrum van Den Bosch gevestigd en telt ongeveer 20 medewerkers. Het hoofdkantoor heeft een hele moderne uitstraling. Wanneer je binnen loopt in dit kantoor zie je alle medewerkers werken in één open en dynamische omgeving. Dit bedrijf heeft dan ook een hele open en informele sfeer. Van de vriendelijke CEO tot aan de medewerkers, iedereen is makkelijk benaderbaar. Deze organisatie gespecialiseerd in het faciliteren van online trainingen. Of je nu nog op school zit of je bent aan het genieten van je welverdiende pensioen, deze organisatie heeft een uniek platform die het voor

Bekijk vacature »

Senior Java developer / Online data organisatie

Functieomschrijving Werk jij als Java Developer al jaren in een Agile team en wil jij data gedreven werken? Wil je daarnaast je development skills gebruiken bij een bedrijf dat online data genereert? Lees dan snel verder! Back-end dataprocessing applicaties bouwen; Koppelingen met REST API’s maken; Productiewaardig implementeren van machine learning algoritmen; Hoogwaardige codes schrijven. Functie-eisen Minstens 3 jaar ervaring; Affiniteit met het werken met data; Met Scrum en Agile wijze werken; Gebruikerservaring met producten uit de Atlassian suite (JIRA, Confluence, Git); Ervaring met Git, JUnit en Maven; Kennis en/of ervaring met Data tooling waaronder Hadoop is een grote pré; Goede

Bekijk vacature »

Medior .NET Developer

Organisatie Al meer dan 10 jaar helpt dit toonaangevende bedrijf haar klanten met software ten behoeve van de manier van verkopen aan eindgebruikers. Innovatief zijn is hierin ontzettend belangrijk, vanwege de constante ontwikkelingen op het gebied van technologie in combinatie met de manier van verkopen. Verder staat binnen dit softwarehuis de gebruiksvriendelijkheid van de software voor de eindgebruiker centraal. Aangezien deze organisatie gelegen is in hartje centrum van Utrecht, kun je in de pauze makkelijk de stad in of een wandeling maken in het park. Functie Onder de 12 werknemers binnen de organisatie, vallen 3 gepassioneerde developers. Je komt dus

Bekijk vacature »

IT-Traineeship junior software ontwikkelaar

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Traineeship en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden binnen de Sogyo Academy. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit

Bekijk vacature »

Medior Full-stack .NET Developer

Eén van onze partners in de regio Weert is opzoek naar een full stack developer om hun team te versterken. Hebben robots altijd jouw interesse gehad? Dan is dit de vacature voor jou! Organisatie Wat ooit opgezet is als een eenmanszaak vanuit een idee van de eigenaar, is inmiddels uitgegroeid tot één van de technische wereldleiders op het gebied van automatiseringsoplossingen. Tijdens zijn studententijd is de eigenaar bezig geweest met het bouwen van zijn eigen robotica. Dit idee besloot hij op de markt te gaan zetten en zo heeft hij in 2008 bedacht. Waar voor velen de recessie in 2009

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

23/09/2019 12:10:36
 
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.