datalist title input color

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Lead Developer / Full stack / .NET / Azure

Functieomschrijving Wil jij graag als meewerkend voorman werken in een ambitieus bedrijf dat moderne software ontwikkelt voor grote klanten? Ben jij goed thuis in .NET omgevingen en het Azure platform en zorg je graag dat alles in goede banen loopt? Lees dan snel verder! Ontwikkelen en testen van de software en het framework via Scrum principes; Dagelijks aansturen van het Development Team; Coördineren van projecten; Kwaliteitscontrole op de code; Architectuur bepalen en zorgen dat deze gevolgd wordt; Overzicht over functioneel en technisch ontwerp van de software; Sparren met directie over IT strategieën. Functie-eisen Ruime ervaring met het .NET framework, ASP.NET,

Bekijk vacature »

Senior fullstack C# ontwikkelaar gezocht, academis

Ben je als .NET ontwikkelaar op zoek naar een (nieuwe) analytische uitdagende baan? Een baan waar je te maken krijgt geavanceerde wiskundige modellen? Dan zou deze organisatie je dit kunnen bieden. Voor een organisatie in Delft zijn we momenteel op zoek naar .NET ontwikkelaar met een academisch niveau en kennis of affiniteit met het bouwen van modellen, dataprocessen en applicaties in .NET C#. De organisatie houdt zich bezig met het leveren van zeer specifieke diensten voor de financiële sector en doet veel zaken met grote financiële instellingen. Het gaat hier om een kleinere organisatie van circa 15 mensen waarvan 5

Bekijk vacature »

Senior Java Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Fullstack PHP developer voor gerenommeerde organis

Functieomschrijving Voor de functie is het belangrijk dat jij goede kennis hebt van PHP en Laravel/Symfony en JavaScript. Ze zoeken dus iemand die al 5 jaar werkervaring heeft als developer. Je zult hier zowel op de Front- als Backend werkzaam zijn en samen met je collega's ben je verantwoordelijk voor de software. Wil jij jezelf verder uitdagen in een klein en sterk team? Dan ligt hier de kans om deze stap te zetten! Functie-eisen - Je hebt minimaal 5 jaar werkervaring als PHP developer; - Javascript, PHP en MySQL kennen geen geheimen voor jou; - Je hebt kennis van meerdere

Bekijk vacature »

Informatieanalist

Hou je van analyseren, structureren, specificeren en problemen oplossen en vraag je door tot je het begrijpt? Kan jij complexe processen eenvoudig en helder beschrijven? Ben je daarnaast nieuwsgierig naar de ontwikkelingen van de digitale bibliotheek? Dan ben jij misschien wel de Informatieanalist waarnaar we op zoek zijn. Wat ga je bij ons doen? Als Informatieanalist maak je onderdeel uit van een team van vier informatieanalisten. Je wordt ingezet voor verschillende projecten en analysewerkzaamheden. Zo vertaal je onder meer informatiebehoeften vanuit verschillende werk- en bedrijfsprocessen in informatievoorziening. Je hebt een onmiskenbare rol bij de ondersteuning van de “business” met het

Bekijk vacature »

Junior Java Developer / DevOps / Cloud / Financi&e

Functieomschrijving Wil jij graag aan de slag als Java Developer? Heb jij affiniteit met de financiële branche? Wil jij systemen ontwikkelen die een grote impact hebben en binnen de gehele organisatie gebruikt worden? Solliciteer dan nu! Als Developer ben je primair verantwoordelijk voor het ontwerpen, bouwen en testen van software in al zijn facetten: Het designen en developen/ontwikkelen in Java van nieuwe software en nieuwe features op bestaande functionaliteiten; Het reviewen en overzien van de geschreven code; Het continu verbeteren van de richtlijnen en standaarden voor het geleverde werk binnen het team; Het bijdragen aan het verder automatiseren van de

Bekijk vacature »

ASP.NET/MVC Developer/Internationaal/Agile-minded

Functieomschrijving Wil jij aan de slag bij één van de meest succesvolle organisaties binnen Europa op het gebied van software die bedrijfsprocedures ondersteunt? Wil jij jezelf ontwikkelen als ASP.NET Developer in een uitdagende omgeving? Lees dan nu verder! Functie-eisen Minimaal HBO werk- en denkniveau; Minimaal 3 jaar werkervaring als ontwikkelaar; Een zeer ruime ervaring met ASP.NET, MVC en C#; Een ruime ervaring met MVC en het Entity Framework is een pré; Ervaring met JSON, Visual Studio, SQL Server, AJAX en web services is een pré; Kennis van Knockout.js en HTML/CSS is een pré. Bedrijfsomschrijving Je komt als ASP.NET Developer te

Bekijk vacature »

DBA exadata

Wil jij met je specialisme DBA exadata werken in de markt van energieleveranciers en netbeheerders? Weet jij als Database Administrator bruggen te slaan tussen business en de (applicatie) ontwikkelaars?werken aan de veiligheid en weerbaarheid van de digitale wereld? DBA exadata– Utilities Wat ga je doen? Als DBA exadata kom je te werken in de markt van energieleveranciers en netbeheerders. Er waait een nieuwe wind in de energiemarkt. De energietransitie naar een duurzamere energiehuishouding heeft een grote impact op energieleveranciers, netbeheerders en nieuwe partijen. We bieden oplossingen voor slimme netwerkinfrastructuren, optimalisatie van assets en business modellen en decentrale energie-opwek- en distributie.

Bekijk vacature »

Front-end Developer Angular 8 Leaseauto

Functieomschrijving Ben jij een Front-end Developer en heeft Angular geen geheimen meer voor jou? Wil jij graag werken met de nieuwste versie Angular 8? Wil jij werken in een dynamisch team bij een snelgroeiend internationaal bedrijf? Lees dan snel verder! Het ontwikkelen van nieuwe front-end applicaties of verbeteren van de bestaande middels Javascript, HTML, CSS en Angular; Het bijdragen in de migratie naar Angular 8. Het leveren van jouw bijdrage aan de vertaalslag van functionele wensen naar de technische oplossing; Het op de hoogte blijven van de nieuwste ontwikkelingen binnen jouw vakgebied; Je voelt je thuis in een internationale omgeving

Bekijk vacature »

software engineer / applicatieontwikkelaar (m/v)

Wij zijn op zoek naar een software engineer / applicatieontwikkelaar, (M/V) 40 uur p/w Carrièreniveau: Startend / Midcareer De werkzaamheden: Als applicatieontwikkelaar ben je verantwoordelijk (in teamverband) voor het maken/schrijven van software voor het bedrijf zelf. Dit kan betrekking hebben op het hele spectrum van de software die gebruikt wordt: Database Instrumentatie en robotica Websites en -api’s. Gevraagd profiel: Wij zoeken een enthousiaste kandidaat met HBO ICT opleiding of een uitstekende MBO-er ICT. Je hebt een positieve en flexibele werkhouding. Affiniteit of ervaring met industriële automatisering of robotica geldt als een pré. Kennis van met name FileMaker, C#, html, php,

Bekijk vacature »

Full-stack C++ developer

Accent Pointe BV is looking for a full-stack C++ developer to strengthen our highly professional and experienced team of software engineers. Role Summary: As a software engineer at Accent Pointe you will be developing in-house trading applications. You will be responsible for optimizing applications for efficiency; and be given opportunities to bring ideas and create new applications to assist our daily trading operations. You will join in a small and agile team with the ability to execute on ideas quickly and will be in close contact with traders, risk managers and other stakeholders within the firm. What we offer: -

Bekijk vacature »

Senior PHP DEVELOPER LARAVEL

OUR CLIENT is a company in the worldwide booking of transportation. They are currently active at around 600 destinations. They focus on making booking transportation as easy as possible. They focus on airlines, the business traveler and other segments. With the unique booking tool, bookings are made easy. As a PHP Software Developer, you ensure that systems are fast, super tight and reliable. You will work with tech teams from the biggest players in the global travel industry and you will get a lot of responsibility that you normally do not get that quickly! Arriving at the airport you are

Bekijk vacature »

PHP Developer op de groei Innovatie Creativiteit

Functieomschrijving Ben jij een PHP Developer die zich nog wilt ontwikkelen? Ben jij innovatief, leergierig en wil je graag groeien? Sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Reageer nu en kom alles te weten! Software ontwikkelen met behulp van PHP; Werken aan verbetering van traditionele en nieuwe SaaS-producten Ontwikkelen van nieuwe functionaliteiten volgens SCRUM; Deelnemen aan verschillende development projecten; Maken van een technisch ontwerp; Meedenken over de architectuur. Functie-eisen Hbo-denkniveau; Minimaal 2 jaar relevante werkervaring; Creatief en innoverend; Ervaring met SCRUM is een pré; Een mooie schone code schrijven, dat geeft

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 »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

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/01/2020 14:44:41
 
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.