Eigen select maken

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 »

.NET developer

Functie Als ervaren .NET ontwikkelaar start jij in Ã©Ã©n van onze vier scrumteams. Met 30 ontwikkelaars werk jij aan de doorontwikkeling van ons core product. Ook werkt jouw team aan maatwerkoplossingen op aanvraag van de klant en op projectbasis. Wij vinden het erg belangrijk dat onze ontwikkelaars met plezier naar werk gaan. Een deel hiervan ligt uiteraard bij jezelf, als jij ontwikkelen niet leuk vindt, ben jij bij ons echt aan het verkeerde adres. Jouw team bestaat namelijk uit een groep gepassioneerde vakidioten die dit werk doen omdat dit eerst een hobby was! Daarnaast wordt er intern rekening gehouden met

Bekijk vacature »

C# Unity Developer

Functieomschrijving Ontwikkel jij mee door applicaties te bouwen die bijdragen aan het optimaliseren van processen? Voor een erkende werkgever in regio Tilburg zijn wij op zoek naar een Unity C# Developer die graag de uitdaging aangaat! Jouw werkzaamheden zullen er als volgt uitzien: Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Je bent verantwoordelijk voor het uitvoeren van updates/aanpassingen aan de reeds draaiende applicaties. Bedrijfsprofiel Je komt te werken voor een internationale werkgever in regio Tilburg. Samen met een vooruitstrevend team

Bekijk vacature »

Software Developer

Functie omschrijving In deze functie ga je aan de slag met het door ontwikkelen van de interne software. Zij maken gebruik van een CRM, wat door de hele organisatie gebruikt wordt. Andere taken: Je gaat het CRM-systeem door middel van PHP verder ontwikkelen; Verder bouw je verschillende API's en koppelingen tussen systemen; Ook ga je collega's ondersteunen bij vragen over de software en applicaties; Deelnemen aan overleggen met het development team; Bij interesse is er de mogelijkheid om junioren te gaan begeleiden. Bedrijfsprofiel Dit bedrijf is actief binnen de telecombranche. Het hoofdkantoor zit in regio van Den Bosch en er

Bekijk vacature »

Senior .NET developer

Klaar voor een nieuwe uitdaging? Welke technologieÃ«n gaan schuil achter de dagelijkse energievoorziening? Als senior .NET developer bij Kenter maak jij samen met je team het verschil, zowel voor de interne organisatie als voor eindklanten. Samen bouwen jullie aan innovatieve dienstverlening met behulp van de nieuwste technologieÃ«n en tools. Het is een functie met veel vrijheid, goede arbeidsvoorwaarden Ã©n je draagt jouw steentje bij aan de energietransitie. Klinkt dit als iets voor jou? Lees dan verder of solliciteer direct! Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare

Bekijk vacature »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij gÃ©Ã©n nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijvenâ€¦ Het enige verschil hier is, jouw mening telt hier Ã©cht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieÃ«n zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere ITâ€™ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

Bekijk vacature »

Back-end PHP Developer

Dit ga je doen Her- en uitbouwen van het inhouse softwareplatform dmv PHP; Onderhouden van bovengenoemd platform in PHP; Sparren met het team; Meedenken over nieuwe functionaliteiten, security etc; Jouw input leveren aan het proces door op de hoogte te blijven van nieuwe ontwikkelingen etc. Hier ga je werken Onze klant, gevestigd in de omgeving van Alkmaar, levert wereldwijd oplossingen op het gebied van IT. Dag in dag uit werken zij met veel passie aan hun product waarmee ze streven naar verbeteringen binnen zorg. Voor onze klant zijn we op zoek naar een medior PHP Developer. Je komt te werken

Bekijk vacature »

Back-end Developer

Functie omschrijving Als Back-end Developer heb je de eer om als eerste interne developer bij deze organisatie te beginnen. Op dit moment zijn er externe developers, maar daar wil de organisatie verandering in brengen. Op termijn moet de gehele afdeling uit intern personeel bestaan. Je kan je voorstellen dat de eerste interne developer ook de nodige kennis mee moet brengen. Dat klopt. Je gaat je namelijk aan het begin bekommeren over de externe developers en uiteindelijk over je interne collega's. Verder ga je het volgende doen: Het bedenken, beheren en onderhouden van webportalen, API-koppelingen en applicaties; Je bedenkt en werkt

Bekijk vacature »

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carriÃ¨re te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

Bekijk vacature »

C# .NET Developer

Functieomschrijving Voor dit leuke softwarre bedrijf in de omgeving Vught zijn we per direct op zoek naar een C#/.NET Developer. Is development jouw passie en doe je dit graag met C#/.NET? Lees dan snel verder! Jou werkzaamheden zullen zijn: Zorgen voor de optimalisatie van de huidige software en het automatiseren van bedrijfsprocessen. Naar aanleiding van de wensen van de klant ga je, met je collega's op zoel naar passende oplossingen en je werkt dit uit tot een mooi eindproduct. Je gaat webshops, websites en webapplicaties ontwikkelen door middel van ASP.NET, C# en MVC Framework. Bedrijfsprofiel Deze opdrachtgever houdt zich bezig

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Bekijk vacature »

Software Programmeur

Functie omschrijving Voor een informele club in omgeving Delft zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Als ontwikkelaar kom je terecht op een afdeling van 6 medewerkers. Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed verloopt. Je zult klanten ondersteunen. Verder zul je technische ontwerpen en gebruikersdocumentaties schrijven en deze onderhouden. Er wordt voornamelijk gewerkt met PHP, Java en

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe stap? Voor een softwarebedrijf in regio Oosterhout zijn wij op zoek naar een back-end developer met kennis of ervaring met C# en SQL. Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in kaart, om ze vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

Software developer (Python)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en houden ze zo nu en dan pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Je hebt in je werk oog voor kwaliteit, risicoâ€™s en het klantbelang. Communicatie met

Bekijk vacature »

Machiel K

15/02/2013 18:02:30

Hallo, ik ben bezig om een eigen select te maken. Het gaat al aardig de goede kant op, al bijna af zelfs. Ik loop alleen tegen één ding aan, ik wil dat als ik de select open dat hij dan over de inputs heen valt. Ik heb alleen geen idee hoe, iemand een idee/oplossing?

Hieronder twee plaatjes om het te verduidelijken en de div's + css.

(Het is even als voorbeeldje om in de database een lid op te zoeken. Met javascript krijg je als je op bijvoorbeeld Gebruikersnaam klikt in de input als value ook Gebruikersnaam. Met die input zoek ik dan d.m.v. php)

Code (php)

1
2
3
4
5
6
7
8

<div class="select open">
    <li> <input type="text" name="zoekop" class="iselect" value="Selecteer..." onfocus="this.blur()" readonly="readonly"/> </li>
    <li class="vgb"> Gebruikersnaam </li>
    <li class="vem"> E-mailadres </li>
    <li class="vrk"> Rank </li>
    <li class="vhi"> Help ID </li>
    <div id="clear"></div>
</div>

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

.select {
    background-image: url("../images/select.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #FFFFFF;
    width: 141px;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    margin-left: 2px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.open {
    height: 30px;
    overflow: hidden;
}

.opend {
    height: auto;
}

.select li:first-child:hover {
    color: #7A7A7A;
}

.select li {
    color: #7A7A7A;
    line-height: 29px;
    padding-left: 7px;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    list-style-type: none;
    cursor: default;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.select li:hover {
    color: #D36999;
}

.select .iselect {
    background-color: transparent;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #7A7A7A;
    text-shadow: 0px 1px 0px #ffffff;
    text-decoration: none;
    border: none;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Gewijzigd op 15/02/2013 18:15:02 door Machiel K

PHP hulp

16/02/2025 12:41:58

Erwin H

15/02/2013 18:19:10

Ik zou zeggen dat je input geen ondeerdeel is van de list, maar daar apart van moet komen. Dan kan je namelijk aan je list (met alle selectie elementen) een "position: absolute" geven en een hogere z-index zodat het een los element wordt die boven je pagina 'zweeft'. Beide kunnen dan overigens wel binnen je div blijven, hoewel dat niet helemaal nodig is. Die div zou je ook weg kunnen laten.

PS. wel opvallend dat je li elementen niet in een ul of ol hebt staan. Volgens mij is dat incorrecte html.

Gewijzigd op 15/02/2013 18:20:06 door Erwin H

Frank Nietbelangrijk

15/02/2013 18:20:12

Machiel,

geef een z-index op met een hoge waarde

Code (php)

1
2
3

.open {
z-index:5000;
}

Machiel K

15/02/2013 18:35:31

Frank Nietbelangrijk op 15/02/2013 18:20:12:

Code (php)

1
2
3

.open {
z-index:5000;
}

Geen effect, ik zal is wat met position proberen.

Erwin H op 15/02/2013 18:19:10:

PS. wel opvallend dat je li elementen niet in een ul of ol hebt staan. Volgens mij is dat incorrecte html.

Is verandering in gebracht :)

Gewijzigd op 15/02/2013 18:35:45 door Machiel K

Joakim Broden

15/02/2013 21:19:56

ik zou het anders aan pakken de HTML.

Ik zou een div maken, daar een a in zetten (die triggert de opties) en een ul met de opties.

Code (php)

1
2
3
4
5
6
7
8
9

    <div class="select">
        <a href="#" title="Selecteer...">Selecteer...</a>
        <ul>
            <li class="vgb"> Gebruikersnaam </li>
                <li class="vem"> E-mailadres </li>
               <li class="vrk"> Rank </li>
                <li class="vhi"> Help ID </li>
        </ul>
    </div>

Die ul kun je dan absolute positioneren waardoor hij over het onderste input veld valt. En verwijder de clear, dat is een onnodige div en rommel. Met overflow: hidden; kun je ook iets clearen en anders moet je :after gebruiken..

Eventueel kun je ergens nog een hidden input neerzetten met de value van je select.

Gewijzigd op 15/02/2013 21:21:55 door Joakim Broden

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Eigen select maken

Machiel K

PHP hulp

Erwin H

Frank Nietbelangrijk

Machiel K

Joakim Broden

Over PHPhulp

Support

Gesponsord

Extra's

Privacy