Eigen select maken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack .NET Developer - Utrecht

De vacature You’re a .NET, JavaScript and HTML fanatic. You have a lot of code-related knowledge and love to share it. You’re great in a team but also shine on your own. You’re passionate about working in project teams with an Agile approach. If you nodded “yes” to most of these statements, get in touch! We’d love to have you on board as our new full-stack developer. As a full-stack developer, you will be an active member on client project teams playing a hands-on role in producing client solutions. You will be encouraged to continue to develop your skills, share

Bekijk vacature »

Startersfunctie .NET Developer @ Regio Rotterdam

2021-10-14 iSense Startersfunctie .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51122 Regio Rotterdam en omstreken Wat ga je doen tijdens het Fullstack .NET ontwikkeltraject? Vanaf januari/februari 2022 krijg jij via

Bekijk vacature »

Java Developer @ Utrecht

2021-06-08 iSense Java Developer Do you like DevOps way of working? Are you looking for an exciting opportunity where latest and greatest technologies are applied? Would you like to take responsibility in each and every step of software development lifecycle ? ISKE50115 Organization You will work at global financial organization with a head office in the Netherlands. You will be part of one of the most important departments in the core banking domain. The organization has a very strong commitment to the collaboration and communication culture among different development teams. You are going to work in a squad that is

Bekijk vacature »

Ontwikkelaar Oracle, PL/SQL

De business unit transport en logistiek van ICT Group biedt IT-oplossingen voor onder meer containerterminals, logistieke dienstverleners in de belangrijkste havens van West-Europa, distributiecentra en productiebedrijven. Onze oplossingen zorgen ervoor dat de verschillende systemen in de supply chain naadloos samenwerken met andere interne en externe systemen, zoals een ERP, een WMS en verschillende apparatuur. We verbinden de wereld van informatietechnologie (IT) met de systemen in het operationele domein (OT). Bij specifieke klanten gebruiken we hier technieken als PL/SQL, Apex en Oracle voor. Samen met de klant(en) uit de transport en logistiek en onze businessanalisten functionaliteiten bespreken en bepalen. Functionele wensen

Bekijk vacature »

Junior PHP Developer

Je maakt een vliegende start van je carrière, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior PHP Developer bij Coolblue? Als Junior PHP Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te kunnen maken. Je sterk analytisch vermogen komt dan ook goed

Bekijk vacature »

Senior Java 8 Developer in High-Tech Industry

Is your interest triggered by software and in particularly Java? Do you have at least 8 years of experience with Java in a High-Tech Industry? Then you could be the perfect candidate. Our client is looking for an senior Java Developer, in Eindhoven, The Netherlands. Functie You will be end-to-end responsible for creating software in Java and Java EE, contributing to the development of several diagnostic applications in a scrum/Agile way of working. Diagnostic & Sequencing applications is done in several teams working together to deliver and integrate solutions to complex problems to enhance the diagnostic capabilities for our customers.

Bekijk vacature »

Frontend Developer

De vacature Heb jij ervaring met front-end developing en wil jij ons team graag ondersteunen in het bieden van slimme digitale oplossingen voor al onze klanten? Dan zijn wij op zoek naar jou! Als aanvulling op ons developmentteam zijn wij op zoek naar een groeibaas die bijdrage levert aan de snelheid, kwaliteit en intelligentie van ons huidige team. Onder de kernwaarden Volgas, Vrienden en Samen zul je met je collega’s onze klanten laten groeien naar een hoger niveau. Bij ons staat plezier op de werkvloer altijd voorop! Check onze Instagram pagina voor een sfeerimpressie van ons team, wie weet voel

Bekijk vacature »

(junior) PLC programmeur

Sta jij klaar om een bijdrage te leveren aan de verbetering van het productieproces? Dan is dit een uitdagende en veelzijdige functie die bij je past! Functie Het team waarin je werkt is verantwoordelijk voor het project vanaf het concept tot en met de nazorg. Denk hierbij aan het maken van offertes, opstellen van schema's, doen van bestellingen en programmeren van de PLC's; Je werkt hoofdzakelijk zelfstandig, onderhoudt de communicatie met de klant, je collega's op andere projecten en met de leveranciers; Je helpt bij het verder moderniseren en automatiseren van de huidige productielijnen; Onderhouden en optimaliseren van de software;

Bekijk vacature »

Sogyo zoekt enthousiaste junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. 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 je af

Bekijk vacature »

.Net Developer

De vacature Vind jij het leuk om toekomstgerichte frameworks in .NET te bouwen en klanten te adviseren? Yes! Kom dan bij ons werken als medior .NET developer ?. Als medior .NET developer ben je al bekend met een aantal tools en frameworks, maar er valt ook nog genoeg te leren. Je vindt het leuk om problemen van de klant op te lossen en ze te adviseren. Functie eisen Je schudt zo wat design patterns uit je mouw en weet wanneer en waarom je die toepast. Maar dat is niet het enige, we vragen ook nog het volgende aan je: minimaal

Bekijk vacature »

Senior Frontend Developer - Eindhoven

De vacature As a Senior Front-end Developer at Valtech you deliver the best end-user experience, using all the tools and technologies that are available in our fast-evolving community. Whether your website or application is being used on a pc, mobile device or even an IoT connected device, you know how to take performance to a higher level. You will have a strong focus on the technical aspects of modern front-end development. So, this isn’t restricted to the classical HTML/CSS/Javascript in a web browser. You will also set up front-end CI/CD stacks, automated performance testing and quality assurance. You encourage and

Bekijk vacature »

Full stack Developer

De vacature Apployed en People Inc. zijn dynamische HR-applicaties, wat betekent dat onze consultants en/of klanten deze applicaties zelf volledig kunnen aanpassen en inrichten, zonder dat daar een ontwikkelaar aan te pas hoeft te komen. Denk hierbij aan schermen, dynamische zaken (logica in de API-server), rapporten en brieven. Wat dit precies inhoudt, vertellen we je graag tijdens een kennismakingsgesprek. Bovenstaande stelt speciale eisen aan zowel de API-server, als aan de front-end applicaties. Tot voor kort was de back-end van onze applicaties geschreven in Delphi. Inmiddels zijn we bezig om al onze applicaties naar de Microsoft stack te brengen, met alle

Bekijk vacature »

Oracle PL/SQL ontwikkelaar voor maatschappelijke o

Bedrijfsomschrijving Dagelijks worden er in de zorg enorme aantallen data geproduceerd. Van medicijngebruik van patiënten tot aan loonkosten van personeel. Deze data bevat een schat aan informatie die pas zichtbaar wordt als ze op de juiste manier worden verzameld, opgeslagen, beheerd, bewerkt en vergeleken. Hiermee helpen zij medische instellingen om hun informatiepositie te verbeteren. Kijk bijvoorbeeld op het gebied van kwaliteit, bedrijfsvoering en marktpositie. Functieomschrijving Mijn klant heeft de huidige Oracle applicaties volledig binnen Forms reports en designer draaien. De bedoeling is dat al deze applicaties omgezet worden naar Apex applicaties in de toekomst. Daarom is mijn klant ter uitbreiding

Bekijk vacature »

Frontend Developer (React)

De vacature Vanuit onze passie voor digital ontwikkelen wij mobiele apps en online platforms om trots op te zijn. Dat doen we met een jong en hecht team. We zijn doorlopend op zoek naar mensen met dezelfde passie en open mindset. Iets voor jou? Kom werken bij Lightbase! Onze online platforms worden voornamelijk ontwikkeld in JavaScript. Frontends met React, apps met React Native, en backends op basis van Node.js. We geloven sterk in herbruikbare code en standaardisering van de stack, werkwijze en stijl tussen de verschillende projecten die we bouwen en onderhouden. Enige tijd geleden zijn we begonnen met interne

Bekijk vacature »

Backend Developer

De vacature Wij zoeken een medior backend developer, welke ervaring heeft met Django REST Framework en REST APIs, welke voornamelijk zal werken aan de uitbreiding van de Utomik API. De Utomik API wordt door verschillende producten gebruikt zoals onze Utomik client (waar de games in te spelen zijn), website en management console. Als medior backend developer wordt verwacht dat je aan de hand van requirements, zelfstandig een technische specificatie kan opstellen en deze kan implementeren met REST best practices en de verschillende consumers van de API in het achterhoofd. Functie eisen Relevante kennis (en opleiding) Relevante werkervaring Communicatief (woord en

Bekijk vacature »
Machiel K

Machiel K

15/02/2013 18:02:30
Quote Anchor link
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.

http://oi45.tinypic.com/2a7fuvk.jpg http://oi49.tinypic.com/35ira83.jpg

(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)
PHP script in nieuw venster Selecteer het PHP script
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)
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
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

PHP hulp

07/12/2021 00:10:06
 
Erwin H

Erwin H

15/02/2013 18:19:10
Quote Anchor link
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

Frank Nietbelangrijk

15/02/2013 18:20:12
Quote Anchor link
Machiel,

geef een z-index op met een hoge waarde

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
.open {
   z-index:5000;
}
 
Machiel K

Machiel K

15/02/2013 18:35:31
Quote Anchor link
Frank Nietbelangrijk op 15/02/2013 18:20:12:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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

Joakim Broden

15/02/2013 21:19:56
Quote Anchor link
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)
PHP script in nieuw venster Selecteer het PHP script
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
 



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.