Editable dropdown-menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Als Front-end developer werken aan een platform vo

Functie Als front-end developer werk je nauw samen met je collega van back-end om optimaal aan te sluiten op hun code (RESTapi). Je ontwikkeld Front-end componenten met o.a. Angular en HTML5. Ze werken volgens Scrum en hanteren zaken als TDD en codereviews om de kwaliteit te waarborgen. Ze zijn op zoek naar een front-end developer die minimaal 1 complex project heeft doorlopen met een modern JavaScript framework, dit omdat hun codebase al redelijk complex is en je als front-end dus best zelfredzaam moet zijn. Het IT-team bestaat inmiddels uit 4 collega’s, waaronder een CTO, twee back-end developers en één front-end

Bekijk vacature »

Java Ontwikkelaar

In het kort Als ervaren Java ontwikkelaar binnen onze business unit Machine & Systems werk je aan complexe projecten voor de machine- en apparatenbouw, die vaak een flinke bedrijf kritische impact hebben. Je doorgrondt dan ook feilloos de consequenties van beslissingen voor de architectuur. En je bent verantwoordelijk voor de vertaling van de architectuur naar een technisch ontwerp. In een team werk je dit verder uit naar software-implementaties. Dit vind je leuk om te doen Requirements in Java-projecten opstellen en analyseren Werken met bestaande systemen en je eigen invulling daaraan geven Samen met de architect een Java-omgeving ontwikkelen die voldoet

Bekijk vacature »

Senior front-end developer (React)

Functie Momenteel zijn ze op zoek naar een ervaren front-end developer. Als senior werk je nauw samen met 5 collega developers. Een klein scrum team dus, met korte lijnen waardoor jouw ideeën snel tot uitvoering gebracht kunnen worden. De huidige applicaties worden veelal ontwikkeld met o.a. React, Redux, TypeScript. Ze zijn echt op zoek naar een kartrekker in het team. Naast het meedenken over, opzetten en uitvoeren van bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Hierin nemen ze graag de tijd om mensen de ruimte te

Bekijk vacature »

Senior C# Developer (NL) bij PostNL

Senior C# Developer (NL) Den Haag HBO/WO IT - software development Professional "Als Senior C# Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in C# en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior C# Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan onderdelen uit onze logistieke software

Bekijk vacature »

Back-end Developer

Dit ga je doen Het ontwikkelen van een nieuw platform; Het ontwikkelen van nieuwe tooling; Het doorontwikkelen van de reeds bestaande software; Het uitvoeren van de benodigde testen; Het oplossen van incidenten; Het leveren van 3e lijns gebruikersondersteuning. Hier ga je werken Deze organisatie is internationaal georiënteerd, maar de projecten die je op zal pakken vinden met name binnen Nederland plaats. Wereldwijd hebben zij 2500+ medewerkers. Het DevOps team waarbinnen je komt te werken bestaat uit 7 personen. Door het ontwikkelen van software en tooling lever je een directe bijdrage aan het verbeteren van het klimaat, de verkeersdoorstroming en de

Bekijk vacature »

Python Developer / Jira / 3.500 - 4.800

Samengevat: Deze werkgever is een IT bedrijf. Ben jij een enthousiaste Python Programmeur Python Developer? Heb jij ervaring met Symfony en PHP? Vaste baan: Python Software Ontwikkelaar PHP Lavarel 3.500 - 4.800 Python Programmeur Wij ontwikkelen en beheren een aantal grote websites op gebied van huurwoningen. Wij brengen via internet huurder en verhuurder bij elkaar. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Zij werken in een gedreven team. Bij ons kun jij je volop ontwikkelen tot een specialist op het gebied van webontwikkeling. We

Bekijk vacature »

Productontwikkelaar, vaste baan

Krijg jij energie van het ontwerpen en inrichten van een nieuw laboratorium en ben jij ervaren met het leiden van verschillende project binnen productontwikkeling? Lees dan snel verder! Voor onze klant, CORE Energy Recovery Solutions, zoeken wij een full time productontwikkelaar voor de productielocatie in Waalwijk. wat bieden wij jou Een goed salaris op basis van kennis en ervaring (Vast) contract direct in dienst bij het bedrijf Afwisselende en uitdagende functie Werken op locatie van het bedrijf in Waalwijk Aan de slag binnen een gezellig en hecht bedrijf Werken bij een sterk groeiend en ambitieus bedrijf wie ben jij Herken

Bekijk vacature »

Senior 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 »

Randstad - Oracle Forms Developer (Freelance/ZZP)

Startdatum: ZSM Max tarief per uur: 85€ Uren per week: 32-40 Bij RGN IT werken we steeds meer en meer volgens de Agile Way of Working. Dat betekent dat je in het team met het Scrum Proces werkt. Je zult actief deelnemen aan refinement sessies en helpen bij het opstellen van user stories. Je draagt mede bij het stellen van acceptatiecriteria en bepaalt wat het effect en/of impact kan zijn op aanpalende systemen. Tevens draag je bij aan mogelijke oplossingen voor het gevraagde in de user story. Je werkt samen met de andere developers in je team, de product owner

Bekijk vacature »

Senior .NET developer

Functie Als Senior .NET ontwikkelaar ga jij aan de slag in ons Research & development team. Ons team bestaat uit 17 collega’s! Wij zijn momenteel druk bezig met het opzetten van een geheel nieuwe architectuur voor een nieuw product. Hierbij maken wij o.a. gebruik van VS2022 en .NET 6.0. Jouw functie is dan ook voornamelijk backend georiënteerd bij ons. Aangezien wij meetapparatuur ontwikkelen voor de chemische industrie is het ook erg belangrijk om kwalitatief hoogwaardige software te ontwikkelen voor de besturing hiervan. Verder ben jij verantwoordelijk voor het designen, implementeren en testen van nieuwe features. Ook zorg jij voor toekomstbestendige

Bekijk vacature »

Junior .NET developer

Functie Jij hebt natuurlijk net jouw Bachelor op zak en gaat nu voor het eerst aan de slag bij een werkgever als junior .NET ontwikkelaar. Waarschijnlijk lijkt het jou spannend om ineens aan de slag te gaan bij klanten in de consultancy. Maak je niet druk, jij komt hier terecht in een warm bad en wordt totaal niet in het diepe gegooid. Zodra jij hier begint wordt jij gekoppeld aan een persoonlijke manager met een persoonlijk ontwikkelplan. Jij krijgt een scala aan trainingen, denk aan trainingen ten behoeve van het opdoen van zelf kennis en gedragscompetenties, maar ook trainingen voor

Bekijk vacature »

Web Developer Javascript / MySQL / 4.000 - 6.000

Samengevat: Wij helpen merken, PR, Media en Marketing Bureaus bij het efficient managen en implementeren van hun ambities. Ben jij geschikt als Lead Webdeveloper? Heb je ervaring in een soortgelijke functie? Vaste baan: Lead Webdeveloper Javascript HBO 4.000 - 6.000 Lead Webdeveloper Ze kijken altijd vanuit verschillende invalshoeken naar het vraagstuk van onze klanten om tot de meest innovatieve oplossingen te komen. Een ontdekkingstocht leidt ten slotte niet langs de gebaande paden en iedere ontdekkingstocht is uniek. Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij hun goed! Functie: Voor

Bekijk vacature »

Full stack developer / Node.js

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 »

Python developer

Functie Momenteel zijn ze op zoek naar een Python developer die gaat meewerken aan het kloppend hart van de organisatie. Je bouwt en onderhoudt de systemen die door zowel hun klanten als medewerkers gebruikt worden. Denk hierbij aan backupsystemen, proactieve monitoring, takensystemen of bijvoorbeeld een statuspagina. Ze zijn constant in ontwikkeling om de systemen meer schaalbaar, betrouwbaar en gebruiksvriendelijk te maken. Hierin vinden ze het belangrijk om op een gestructureerde manier te werken. De kwaliteit van hun code garanderen ze via test en hun CI/CD-straat. Samen met je team lever je dus een belangrijke bijdrage om hun klanten van de

Bekijk vacature »

Python Software Developer

Bedrijfsomschrijving Yacht is a Dutch recruitment, and consultancy agency. The company was founded on May 19, 2000, as an operating company of Randstad Holding with a focus on highly educated and trained professionals. In addition to the Netherlands, Randstad Holding is active in more than 60 countries worldwide. Yacht is the organization of and for professionals. We connect professionals and organizations that want to make a difference. Our goal is an optimal result: To provide challenging assignments to our professionals. Interested? Then we would like to get to know you better! Functieomschrijving Are you a Python Software Developer who is

Bekijk vacature »
Mohamed nvt

Mohamed nvt

10/01/2017 20:02:57
Quote Anchor link
Hallo allemaal,

Hieronder zal ik toelichten wat ik graag wil bereiken met het bovenstaande onderwerp.
Op mijn website heb ik een aantal dropdown-menu waar een waarde uit gekozen kan worden.

Het probleem waar ik nu tegen aanloop is dat wanneer een gebruiker voor de eerste keer gegevens gaat invoeren, dan is de dropdown-menu leeg en moet hij eerst op een ander pagina enkele gegevens invoeren, alvorens hij de onderstaande url kan gebruiken.

Ik ben op het net gaan zoeken naar mogelijk oplossingen en kwam snel achter het nieuwe HTML 5 element: datalist.
Ik ben direct aan de slag gegaan met datalist en statisch werkt het prima, maar dynamisch, dus icm PHP wil het nog niet lukken.
En, voordat ik me hier verder in verdiep wil ik graag jullie advies hebben en heb ik de volgende vragen:

1. Is het datalist element de juiste oplossing voor mij om een item toe te voegen aan leeg dropdown menu, waar vervolgens een gebruiker de waarde kan kiezen?
2. Of kan ik me beter richten op Ajax icm PHP?
3. of is een jQeury icm PHP een betere keuze?
4. of is er een betere oplossing?


URL: http://dev.pc-on-rails.nl/user_registration/med_insert.php
username: lawkexarib@hotmail.com
pass: test1

Alvast bedankt voor het meedenken.
 
PHP hulp

PHP hulp

02/10/2022 03:20:26
 
- Ariën  -
Beheerder

- Ariën -

10/01/2017 20:15:24
Quote Anchor link
Quote:
2. Of kan ik me beter richten op Ajax icm PHP?
3. of is een jQeury icm PHP een betere keuze?

Dit komt op het zelfde neer. AJAX is een term voor het ontwerp van interactieve webpagina's waarin asynchroon gevraagde gegevens worden opgehaald van de webserver. Daardoor hoeven dergelijke pagina's niet in hun geheel ververst te worden. Dus je kan bijvoorbeeld na een klik op een knop, of een bepaalde tijd wachten je document die je opvraagt realtime invoegen zonder refreshes.

jQuery is niets meer dan een handig JavaScript Framework om DOM (de structuur van je HTML) aan te kunnen passen, en heeft ook ingebouwde AJAX-functionaliteit in een paar simpele regels.

Edit: datalists wordtn niet ondersteund in Safari. Dus als je een auto-complete wilt, kan je je je richten op jQueryUI, de uitbreidingsset van het jQUery-framework die een scala aan krachtige dynamische scripts kent.
Gewijzigd op 10/01/2017 20:26:07 door - Ariën -
 
Mohamed nvt

Mohamed nvt

11/01/2017 07:33:03
Quote Anchor link
Hallo - Ariën -,

Bedankt voor je reactie.

Uit je reactie kan ik dus opmaken, dat ik dus twee keuzes heb ipv 3, nl jQuery of het nieuwe element datalist van HTML 5. En, ik weet dat Safari datalist (nog) niet ondersteunt, maar andere grote browsers zoals Chrome, FF en IE ondersteunt het wel. Dus is de keuze snel gemaakt voor me.
Ook wil ik de ontwikkeling van mijn website eenvoudig houden, daar ik geen kennis en ervaring heb met jQuery.

Ik ga verder met data list en zal hier wat codes plaatsen voor feedback/issues.
Als er nog wat tips/tutorials zijn, dan hoor ik dat graag.

Tnx!
 
- Ariën  -
Beheerder

- Ariën -

11/01/2017 08:46:02
Quote Anchor link
Dus iPad/iPhone gebruikers vallen buiten de boot, wist je dat?

De autocomplete van jQueryUI is cross-browser compatibele en makkelijk te installeren als je op de site van jQueryUI zelf kijkt.
Gewijzigd op 11/01/2017 09:17:15 door - Ariën -
 
Mohamed nvt

Mohamed nvt

11/01/2017 09:33:55
Quote Anchor link
- Ariën - op 11/01/2017 08:46:02:
Dus iPad/iPhone gebruikers vallen buiten de boot, wist je dat?

De autocomplete van jQueryUI is cross-browser compatibele en makkelijk te installeren als je op de site van jQueryUI zelf kijkt.


Om eerlijk te zijn, heb ik niet gedacht aan iPad/iPhone gebruiker..
Dus dat is een goede.

Ik heb gezocht naar een jQuery autocomplete, want dit is wat ik moet hebben, toch? Maar er zijn te veel sites die het aanbieden en eigenlijk door de bomen zie ik het boos niet meer..
Is er een link/website die het eenvoudig/stap voor stap uitlegt wat ik moet doen en wat ik nodig heb om dynamisch een dropdown-menu aanmaakt en om zelf gegevens in te voeren als het nodig is?

Tnx!
 
- Ariën  -
Beheerder

- Ariën -

11/01/2017 09:41:04
Quote Anchor link
Kijk eens naar dit: http://jqueryui.com/autocomplete/#remote-jsonp

Die gebruik ik ook.
 
Mohamed nvt

Mohamed nvt

11/01/2017 12:45:33
Quote Anchor link
- Ariën - op 11/01/2017 09:41:04:
Kijk eens naar dit: http://jqueryui.com/autocomplete/#remote-jsonp

Die gebruik ik ook.

Beste - Ariën -,

Ik heb gekeken naar die website, maar echt wijzer ben ik niet geworden.
Wanneer twee letters van een vogel intypt, dan krijg je wel een aantal opties. Dit is opzich wel goed, maar wat ik wil gaat verder dan dit en zal het hieronder toelichten:

1. Een gebruiker voert de naam van een medicijn in
2. Als de naam van het medicijn reeds bestaat in de DB, dan moet de naam van het medicijn als een optie voorkomen.
3. Het ingevoerde/gekozen naam wil ik straks opvangen met PHP en opslaan in de Mysql DB.

Hopelijk is mijn vraag nu duidelijk.

Tnx!
 
- Ariën  -
Beheerder

- Ariën -

11/01/2017 12:57:02
Quote Anchor link
Met deze opzet ben je al een heel eind. Als er niks overeenkomt met de auto-complete, dan kan is het zoekveld gewoon een inputveld en kan je met basic jQuery dingen een AJAX-request uitvoeren om $("#zoekbox").val() (de waarde dus) via AJAX in de database op te slaan. Vanaf dat moment moet hij ook direct in de auto-complete staan.

Die autocomplete krijgt zijn data uit een PHP-bestand die JSON output serveert:
In mijn geval hoe ik de data ophaal, werkt het dus als volgt:
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
<?php
if (isset($_GET['term']) && $_GET['term'] != '') {
        $sql = "SELECT afk AS afkorting, plaats
            FROM plaatsen WHERE plaats LIKE('"
.$db->real_escape_string($_GET['term'])."%')
        ORDER BY plaats"
;    
        $suggest_query = $db->query($sql);
        $searchresults = array();
}

while($suggest = $suggest_query->fetch_assoc()) {
    $searchresults[] = array(    
                    "label" => utf8_encode($suggest['plaats']),
                     "id" => $suggest['afkorting']);
            }

echo json_encode($searchresults);
?>
Gewijzigd op 11/01/2017 13:00:54 door - Ariën -
 
Mohamed nvt

Mohamed nvt

12/01/2017 10:51:56
Quote Anchor link
Beste - Ariën -,

Sinds gisteren ben ik aan de slag gegaan met jquery voor mijn uitdaging/probleem.
En, omdat jouw suggestie niet helemaal duidelijk was ben ik wat gaan zoeken op YT en kwam het volgende YT-video tegen: https://www.youtube.com/watch?v=YqMtE8UO-xw.
De stappen die daarin worden uitgelegd heb ik gevolgd/uitgevoerd en ik krijg idd een pre-defind lijst, zoals men dat noemt :), uit de medicinescompany tabel uit de DB.

Echter, vind ik deze opzet niet praktisch/logisch en mijn probleem is niet volledig opgelost helaas:

1. suggest.php; doet een query in de DB voor betreffende form vakje, maar het zou mij logischer klinken om de code van dit bestand samen te voegen in med_insert.php, toch?
2. Momenteel worden alle bedrijfsnamen weergegeven, maar ik wil het kunnen selecteren en later opslaan in DB en volgens mij als de code van suggest.php ingevoerd wordt in med_insert, dan kan ik het me $_POST array opvangen toch en opslaan in DB?
3. Initieel wordt de pre-defined lijst niet weergegeven, maar een paar seconden later wel of na een refresh van het pagina. Volgens mij heeft een delay of een vertraging van een paar seconden. En, ik vraag me af of dit standaard gedrag van jQeury of heeft het te maken met trage verbinding hier?
4. Ook wil ik graag dat dat alleen de bedrijfsnamen worden weergegeven die enkel overeenkomen met de ingelogde gebruiker.

Indien je het wil, dan zal ik de alle gerelateerde code hier plaatsen.

Alvast bedankt voor het meedenken.
Gewijzigd op 12/01/2017 10:57:50 door Mohamed nvt
 
- Ariën  -
Beheerder

- Ariën -

12/01/2017 11:49:03
Quote Anchor link
Ik heb de tutorial bekeken, en hij is op sich wel duidelijk, alleen zoals ik al eerder aanhaalde werken datalists dus niet op de Safari standaardbrowsers op de iPad en iPhone. Even ter kanttekening, gezien er binnen bedrijven veel Apple-producten worden gebruikt ;).

Mohamed nvt op 12/01/2017 10:51:56:
1. suggest.php; doet een query in de DB voor betreffende form vakje, maar het zou mij logischer klinken om de code van dit bestand samen te voegen in med_insert.php, toch?

Nee. Wat het zijn twee verschillende taken die worden uitgevoerd. Standaard haalt hij uit de datalist de namen op uit je database. Het invoeren in de database is een taak apart, en die kan je dan verwerken in med_insert.php. Het bestand om het op te halen zou je dan med_select.php kunnen noemen. Of alle AJAX-scripts in een overkoepelende ajax.php plaatsen met een GET-waarde om te bepalen welke taak je wilt doen... (ajax.php?action=med_select...). Net wat je makkelijk vindt.
Quote:
2. Momenteel worden alle bedrijfsnamen weergegeven, maar ik wil het kunnen selecteren en later opslaan in DB en volgens mij als de code van suggest.php ingevoerd wordt in med_insert, dan kan ik het me $_POST array opvangen toch en opslaan in DB?

Is het de bedoeling dat je meerdere dingen kan selecteren in een text-veld?
Want dan moet je een andere interface hebben zodat je ze kan selecteren, waarna ze in beeld blijven waarna je de rest op kan zoeken. Voor een gelijkwaardig project gebruik ik overigens TagIt.
Ik heb geen idee of je dit bedoelt, maar je kan er een auto-complete aan hangen.
Quote:
3. Initieel wordt de pre-defined lijst niet weergegeven, maar een paar seconden later wel of na een refresh van het pagina. Volgens mij heeft een delay of een vertraging van een paar seconden. En, ik vraag me af of dit standaard gedrag van jQuery of heeft het te maken met trage verbinding hier?

Ik merk er in het algemeen weinig traags aan, je zou in de Web Developer tools van je browser kunnen kijken naar de laadtijd die er ontstaat bij het aanroepen van je script via AJAX.
Quote:
4. Ook wil ik graag dat dat alleen de bedrijfsnamen worden weergegeven die enkel overeenkomen met de ingelogde gebruiker.

Dat kan, aan de hand van het sessiesysteem of wat jij maar gebruikt om inlog-sessie mee te onthouden, kan je prima de selectie afstemmen op een bepaald persoon.
 
Thomas van den Heuvel

Thomas van den Heuvel

12/01/2017 15:13:21
Quote Anchor link
Quote:
maar het zou mij logischer klinken om de code van dit bestand samen te voegen in med_insert.php, toch?

Mogelijk in tegenstelling tot wat eerder gesuggereerd werd is het prima mogelijk en lijkt het mij ook verstandig en wenselijk om alle acties die betrekking hebben op een script onder te brengen in dat script. Je moet er echter wel voor zorgen dat deze acties in afzondering aanspreekbaar zijn. Hier heb ik je ook al eerder op attent gemaakt.

Quote:
Initieel wordt de pre-defined lijst niet weergegeven, maar een paar seconden later wel of na een refresh van het pagina. Volgens mij heeft een delay of een vertraging van een paar seconden

Bij autocompletes is het sowieso verstandig om een kleine timeout te hebben tijdens het typen voordat er een request uitgaat voor de getypte term want elk request resulteert in één, of zeer waarschijnlijk meerdere, queries.

Als dit nog steeds traag is na het verlagen of verwijderen van enige timeout zul je eens moeten gaan kijken waar deze vertraging vandaan komt. Zijn bijvoorbeeld de (tekstuele) kolommen waar je op zoekt geïndexeerd?

(wederom) Breek dit alles eens letterlijk en figuurlijk in verschillende stukken.
Gewijzigd op 12/01/2017 15:14:39 door Thomas van den Heuvel
 



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.