datalist title input color

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Functioneel Applicatiebeheerder

CNB is de grootste dienstverlener in de markt van bloembollen en vaste planten. In deze markt verricht CNB de volgende diensten: bemiddeling, veilen en het koelen en prepareren van bloembollen. Vanuit ons hoofdkantoor in Lisse werken bijna 100 collega’s dag in dag uit aan de bemiddeling van bloembollen. In Bovenkarspel vindt het koelen en prepareren van de bloembollen plaats. Wij zijn op zoek naar een enthousiaste Functioneel Applicatiebeheerder die een applicatie, maar ook sfeer kan bouwen! Jij: Vindt het leuk om binnen een klein IT-team aan de slag te gaan met het functioneel beheer van voornamelijk Microsoft Dynamics Navision, maar

Bekijk vacature »

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, A

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, AIN) Utrecht 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. As an SAP S/4 Digital EAM Consultant you will assess, design and deliver a full end-to-end digital experience to our asset intensive clients for Enterprise Asset Management processes. You will use your SAP S/4 experience to collaborate with our clients in advising and ultimately transforming them into the new SAP era of intelligent assets. You will align the client’s strategic vision for Operational Excellence with SAP S/4 EAM as

Bekijk vacature »

Java Developer Veiligheid DevOps

Java Developer Veiligheid DevOps Functieomschrijving Ben jij een Java Developer én lijkt het jou uitdagend om te werken voor een organisatie in de omgeving van Houten waar honderden applicaties worden ontwikkeld die bijdragen aan de veiligheid van ons land? Is het daarnaast voor jou een uitdaging om de organisatie continu naar een hoger niveau te tillen én innovatief te blijven experimenteren met nieuwe werkwijzen, tools en technieken? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: ontwikkelen van applicaties in Java en bij voorkeur met Angular; meedenken over technische aspecten als performance en security; onderzoeken en oplossen van

Bekijk vacature »

Database Developer DB2 Unix/AIX LUW

Functieomschrijving Wil jij aan de slag als Database Developer bij een organisatie waar geen data te complex is? Reageer dan nu! Voor de DB2-databases moet de infrastructuur ontworpen en gerealiseerd worden, dit is onderdeel waar bij jou de focus op ligt. Daarnaast richt jij je o.a. op onderstaande werkzaamheden: (Her)inrichten van databases middels scripting; Optimaal laten functioneren van DB2 database; Technische oplossingen realiseren; Onderzoek doen naar de realisatie en implementatie van databasemanagementsystemen en beheerprocedures en -tooling die hier bij horen; Verbeteren van database hosting, QoS, security en business continuïteit management. Functie-eisen De organisatie zoekt iemand die op dit moment of

Bekijk vacature »

Java-developer

Functie­omschrijving De aanvraag van een paspoort. Of de afdracht van belasting. Zomaar wat voorbeelden waarvoor de Rijksoverheid persoonlijke gegevens van burgers gebruikt. Als Java-developer bij de Dienst ICT Uitvoering in Den Haag zorg je mede voor het beheer en onderhoud van de hoogbeveiligde applicaties waarin die informatie wordt verwerkt. Een maatschappelijk verantwoorde functie? Reken maar! In een van de vier scrum-teams van het team Applicatiebeheer en Ontwikkeling werk jij aan een of meerdere applicaties voor de Rijksdienst voor Identiteitsgegevens. Deze applicaties zijn onderverdeeld in de domeinen ID-gegevens en Reisdocumenten. Jij zorgt niet alleen voor kleinschalig primair onderhoud, bijvoorbeeld als er

Bekijk vacature »

OutSystems Developer Gloednieuw Applicatiehuis

OutSystems Developer Functieomschrijving Heb jij als OutSystems Developer ruime ervaring met het ontwikkelen van diverse applicaties? Lijkt het jou gaaf om aan de vooravond te staan van de implementatie van een volledig nieuw applicatiehuis? Wil jij aan de slag binnen een uitdagende omgeving waarbij je de mogelijkheid krijgt jezelf verder te ontwikkelen? Lees snel verder! Jouw taken als OutSystems Developer zullen bestaan uit: Het van scratch af aan ontwikkelen van applicaties met OutSystems; Het aanhaken bij diverse projecten binnen de organisatie; Schakelen met de business; Meedenken over de mogelijkheden van het platform binnen de organisatie. Functie-eisen De eisen zijn: Hbo

Bekijk vacature »

Medior Java Developer Java Spring Boot 10 months p

Functieomschrijving Do you have a Network & Security mindset? Are you someone that takes it on and make it happen? Do you have relevant knowledge with configuration tools such as Ansible, Puppet or Chef? Do you have working experience with Java and Spring Boot? Then this could be your next project! Developing a microservices application with Java and Spring Boot; Writing new automation workflows; Developing new interfaces; Refactoring code; Execute code reviews; Being responsible for automating the deployments; Deploying the applications; Monitoring and optimizing the application; Working according to the Scrum methodology; Sharing your knowledge, ideas and keeping colleagues up-to-date

Bekijk vacature »

.NET Developer

.NET Developer De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Samen met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Je hebt behoefte aan collegae die jou alles leren op het gebied van technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en dan een

Bekijk vacature »

Android Developer Internet of Things

Functieomschrijving Weet jij complexe technische vraagstukken om te zetten naar werkende oplossingen? Dan is deze Android Developer functie met IoT een hele goede match voor jou! Je bedenkt en ontwikkelt technologische oplossingen voor het Android platform dat wordt gebruikt. Je bent nationaal en internationaal bezig waarbij je met de nieuwste technieken mag werken om de prachtige Mobile Apps te maken. Je werkt trouwens aan unieke IoT producten/projecten waar we je graag meer over vertellen als je bij ons op gesprek komt. Technieken waar je aan kan denken: Kotlin, Butterknife, Dagger, Retrofit, Volley of Picasso, Android TV, Android Wear of Android

Bekijk vacature »

Full-Stack Web Developer

Kennis van C#, JavaScript, CSS en HTML5? En wil je die kennis inzetten om de zorg te verbeteren met slimme en innovatieve online portalen? Jouw baan Als Full-Stack Web Developer programmeer jij zowel front-end als back-end en ontwikkel je nieuwe functionaliteiten in het webportaal voor zorgverleners of patiënten. Denk hierbij aan vragenlijsten, labuitslagen en het bewerken van persoonsgegevens. Ook stort jij je vol overgave op lastige vraagstukken die binnenkomen via onze consultants. Samen met je team bedenk en bespreek je oplossingen en voer je code-reviews uit om elkaar naar een nóg hoger niveau te tillen. Jouw team Ons team? Work

Bekijk vacature »

ROBOTICS PROCESS AUTOMATION DEVELOPER

ROBOTICS PROCESS AUTOMATION DEVELOPER Heerlen Technology 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. 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 As Robotics Process Automation Developer, you will be responsible for the development and delivery of intelligent automation solutions to internal and external clients. You will be

Bekijk vacature »

Senior .NET developer/ architect gezocht, api deve

Ben je een ervaren .NET developer en op zoek naar baan waarbij je je ook meer kunt gaan richten op architectuur? Binnen een leuke, sociale en betrokken werkomgeving? Met technieken als .NET Core en Azure? Dan zou deze baan wellicht iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zijn we op zoek naar eens senior .NET ontwikkelaar/ architect. De organisatie bevindt zich in de financiële branche en is een van de grotere spelers in hun vakgebied. De organisatie bestaat uit circa 600 medewerkers en heeft verschillende vestigingen in Nederland. Het hoofdkantoor zit in Rotterdam en daar is ook

Bekijk vacature »

Scala Developer

This will decide if we will respond to your application: NO RELOCATION - We will only apply to applicants that already live in the Netherlands and have experience at product companies, applicants from consultant companies will not be replied! For our client we are looking for a Scala Developer whom will need to further help them with the development, extension and support of a new platform. They are expanding and therefore in search of a Scala Developer! Client Details This will decide if we will respond to your application: NO RELOCATION - We will only apply to applicants that already

Bekijk vacature »

C#.NET Software Developer Entity Framework Microse

Functieomschrijving Ben jij een .NET Developer en wil jij deel uitmaken van de organisatie welke marktleider is op het gebied van innovatie binnen haar branche? Dit tezamen met de mogelijkheid om met de nieuwste .NET technieken en innovaties te werken? Reageer dan snel op deze vacature! Verder ontwikkelen van het innovatieve softwarepakket middels, .NET C#, Entity Framework, Microservices georiënteerde architectuur en meer; Jij zal FO (functionele ontwerpen) maken en deze omzetten richting TO (technische ontwerpen); Verder participeer je in projecten waarbij jouw vaardigheden op .NET gebied ervoor zorgen dat cruciale applicaties robuust en betrouwbaar bij klanten operationeel kunnen worden gesteld;

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

07/08/2020 23:11:19
 
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.