dropdown menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Back End Developer

As a Back End developer at KUBUS you will be developing the (web) application and services of BIMcollab. You have a focus on the back end of our software, for which we mainly work with C# and .NET. We use a full-stack approach, which means that in addition to the back-end, you will also help with other parts of the code. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact

Bekijk vacature »

IoT Developer

Ben jij innovatief, heb jij passie voor energie en ben je data gedreven? Bouw dan mee aan IoT binnen Bredenoord. Samen met een gedreven team werk jij aan mooie technische en innovatieve oplossingen. Wat houdt de functie van IoT Developer in? Binnen Bredenoord zijn wij momenteel volop in ontwikkeling met ons IoT platform. Als uitbreiding van ons team zijn wij op zoek naar een IoT Developer. Je zal in projectverband meehelpen met het implementeren van IoT vraagstukken binnen Bredenoord. Als IoT Developer op onze R&D-afdeling word je verantwoordelijk voor het verder inrichten en beheren van ons nieuwe IoT platform. Dat

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 »

Cobol Developer

Dit ga je doen Als Cobol Ontwikkelaar zal je gaan meebouwen aan een onderdeel van het backend systeem waarbij je het functionele ontwerp vertaald naar een technische oplossing die geïntegreerd kan worden in de huidige omgeving. Je zorgt ervoor dat de bedrijfsprocessen op een efficiënte manier worden uitgevoerd en werkt proactief aan het verbeteren hiervan. Samen met jouw collega’s reviewen jullie elkaars code en test je je eigen code. Je werkt nauw samen met andere ontwikkelaars, testers en functioneel ontwerpers. Taken pakket: Beheren en doorontwikkelen van de bestaande omgeving; Vertalen van een functionele vragen naar een technische oplossing; Doorvoeren van

Bekijk vacature »

Senior Fullstack developer wanted! (C#, Java, Angu

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Software Programmeur PHP

Functie Wij zijn op zoek naar een PHP programmeur voor een leuke opdrachtgever in omgeving Alblasserdam. Heb jij altijd al willen werken bij een bedrijf dat veilige netwerkverbindingen levert door middel van veilige oplossingen? Lees dan snel verder. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Tevens

Bekijk vacature »

Node.js developer

Functie Onder begeleiding van 3 accountmanagers waarvan er 1 binnen jouw expertise je aanspreekpunt zal zijn ga je aan de slag bij diverse opdrachtgevers. Hij of zij helpt je bij het vinden van een passende en uitdagende opdracht. Hierin houden ze uiteraard rekening met jouw situatie, ervaring en (technische) ambities. De opdrachten duren gemiddeld één tot 2 jaar. Hierdoor kun je je ook echt vastbijten in een project en als consultant impact maken. Naast de opdracht ben je regelmatig met je collega’s van de IT-afdeling om bijvoorbeeld onderlinge kennis te delen, of nieuwe trends te bespreken. Ook worden er regelmatig

Bekijk vacature »

SQL database developer

Functie omschrijving Voor een softwarebedrijf gespecialiseerd in het ontwikkelen van logistieke software in omgeving Tilburg zijn wij op zoek naar een ervaren SQL database developer. Je gaat werken aan uitdagende, complexe projecten. Iedere klant/project betekent maatwerk in de database. Jouw werkzaamheden zullen er als volgt uit zien: Je bent verantwoordelijk voor de gehele ontwikkelstraat. Van architectuur tot ontwikkeling Je gaat je bezig houden met het ontwerpen en ontwikkelen van MS SQL server databases. Je gebruikt hiervoor T-SQL als programmeer laag. Je begeleidt als lead developer de projecten bij klanten van A – Z. Je sluit aan bij meetings met klanten,

Bekijk vacature »

Front-end developer - working on software for arou

Functie They have recently started looking for an experienced Front-end (mobile/app) developer. Because of the short lines within the team, they are also looking for someone who can communicate with the service desk, sales and support for technical questions. You will join their IT team consisting of about 10 colleagues divided over two teams in rooms opposite each other. Half of these are involved in their front-end. You will work together with, among others, the Architect, 1 senior, 1 junior and there is a Team Leader. In terms of technology, they work with a unique tech-stack, particularly because of the

Bekijk vacature »

Frontend Developer

Functieomschrijving Voor de NIPV zijn wij opzoek naar een Frontend Developer. Als Frontend Developer ga jij aan de slag om dashboards te bouwen vanuit het datawarehouse. Dit stelt NIPV in staat om snel en eenvoudig bij correcte bedrijfsvoeringsinformatie te kunnen. Je ontwikkelt dashboards in PowerBI, publiceert en onderhoud die, verzameld en verwerkt feedback in overleg met het ontwikkelteam. Naast dashboards ontwikkel en onderhoud je een datamodel in Excel waarmee adviseurs, controllers en analisten in staat worden gesteld om de gegevens uit de dashboards te raadplegen en anders te filteren of bepaalde gegevens nader te verfijnen, zodat verdiepende vragen kunnen worden

Bekijk vacature »

Software Developer

Functie omschrijving Veel begeleiding en de kans om je verder te ontwikkelen als software developer. Dat kunnen wij jou bieden bij deelname aan deze leuke traineeship. Je krijgt een mentor toegewezen die jou alle kneepjes van het vak leert. Heb jij al wat ervaring als software developer? Daar worden wij heel blij van! Lees snel verder! Bedrijfsprofiel Als software developer neem je deel aan een trainings programma in de omgeving van Haarlem waar je persoonlijk wordt begeleidt, zodat je alle kneepjes van het vak leert. Aan de hand van jouw kennis en ervaring krijg je een persoonlijk opleidingstraject. Je gaat

Bekijk vacature »

Ervaren Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als ervaren developer zul je hiernaast ook andere developers assisteren en waar nodig de leiding nemen in het project.

Bekijk vacature »

Fullstack Software Developer

Bedrijfsomschrijving Functieomschrijving Java ontwerpen, bouwen en testen (T-shaped). Als senior ontwikkelaar ben je bekend in zowel de back-end als de frontend van een applicatie. Angular, Continious Delivery / Integration. Een ervaren iemand die de leiding kan nemen, een weg vindt in nieuwe situaties, en in oude applicaties. Initiatiefrijk, bekend met de (technische) omgevingen die we bij duo gebruiken, niet te beroerd om collega’s te helpen. Als senior programmeur in staat om op te treden als lead programmeur. Ondersteunt de testers bij de testautomatisering en minder ervaren programmeurs bij dagelijks werkzaamheden. Dit laatste met name op het gebied van Angular. Achtergrond

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »
J C

J C

16/08/2013 00:19:12
Quote Anchor link
Hallo,

Ik heb een dropdown menu op een website voor mijn medewerkers.
Tot nu toe was de website niet te gebruiken met een mobiele website.

Nu ben ik de website aan het verbouwen waarbij ik dropdown menu met hover functie wil vervangen door iets dat wel zou moeten werken via een tablet of mobiele telefoon.
Ik begrijp dat hover niet werkt op deze apparaten, ik heb ook via internet gezocht naar een oplossing, maar ik begrijp de uitleg op internet niet goed.

Ik hoop dat jullie mij kunnen helpen.

Dit is wat ik heb:

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
<?php
<ul>
                <
li><a href="?pagina=home">Home</a>
                <
/li>            
                <
li>Medewerkers<br/>
                    <
ul>
                        <
li><a href="?pagina=medewerker-overzicht">Alle Medewerkers</a></li>
                        <
li><a href="?pagina=profiel">Profielsite\'s</a></li>
                        <
li><a href="?pagina=mw-foto">Foto\'s</a></li>
                        <
li><a href="?pagina=rechten-overzicht">Rechten</a></li>
                        <
li><a href="?pagina=cursussen">Cursussen</a></li>
                        <
li><a href="?pagina=salaris-overzicht">Salaris</a></li>
                        <
li><a href="?pagina=uren-administratie">Uren administratie</a></li>
                        <
li><a href="?pagina=vakanties">Vakanties</a></li>
                        <
li><a href="?pagina=berichten">Alle berichten</a></li>
                    <
/ul>
                <
/li>
<
/ul>

?>


<css

#nav{
float: left;
width: 832px;
height: 21px;
margin: 0;
padding: 10px 0 0 150px;
background: url(../css/images/menu.jpg) repeat 1px 0px;
}

#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}

#nav ul li {
display: inline;
float: left;
margin: 0;
padding: 0 35px 0 20px;
font-weight: bold;
font-size: 13px;
color: #fff;
}


#nav ul li a:link, #nav ul li a:visited{ /* nav menu link */
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #fff;
}

#nav ul li a:hover, #nav ul li a:active{ /* nav menu link */
color: #f10202;
}

#nav li ul {
position: absolute;
width: 250px;
left: -999em;
}

#nav li ul a {
display: block;
width: 176px;
color: #fff;
text-decoration: none;
font-weight:bold;
padding: 2px 10px 2px 10px;
background: url(../css/images/nav.jpg) no-repeat 1px 0px;
}

#nav li:hover ul {
left: auto;
}

#main a:link, #main a:visited{ /* nav menu link */
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #233174;
}

#main a:hover, #main a:active{ /* nav menu link */
color: #f10202;
}
?>
 
PHP hulp

PHP hulp

21/11/2024 12:57:04
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/08/2013 00:35:38
Quote Anchor link
je hoeft de hover functie niet te vervangen want die kan bij devices met een muiscursor gewoon blijven werken. Bij een touch-screen wordt de hoverfunctie nooit aangesproken. Wel kun je met de pseudo-class active werken.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
button {
    background-color:white;
}
button:hover {
    background-color:light-blue;
}
button:active {
    background-color:blue;
}
Gewijzigd op 16/08/2013 00:37:28 door Frank Nietbelangrijk
 
J C

J C

16/08/2013 00:42:52
Quote Anchor link
Ik prodeerde net iets van dit:

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
<?php
<ul>
                <
li><a href="?pagina=home">Home</a>
                <
/li>            
                <
li><a href="#">Medewerkers</a><br/>
                    <
ul>
                        <
li><a href="?pagina=medewerker-overzicht">Alle Medewerkers</a></li>
                        <
li><a href="?pagina=profiel">Profielsite\'s</a></li>
                        <
li><a href="?pagina=mw-foto">Foto\'s</a></li>
                        <
li><a href="?pagina=rechten-overzicht">Rechten</a></li>
                        <
li><a href="?pagina=cursussen">Cursussen</a></li>
                        <
li><a href="?pagina=salaris-overzicht">Salaris</a></li>
                        <
li><a href="?pagina=uren-administratie">Uren administratie</a></li>
                        <
li><a href="?pagina=vakanties">Vakanties</a></li>
                        <
li><a href="?pagina=berichten">Alle berichten</a></li>
                    <
/ul>
                <
/li>
?>

Ik zet dus een < a href=#> </a> om het eerste item in het menu, maar ik heb geen smartfoon dus kan het niet checken. Ik had ergens gelezen dat het zo zou moeten werken.
Er zijn verschillende mobiele telefoon website checkers, maar ze ondersteunen allemaal gewoon hover, dus die tester zijn niet echt handig.

Hoe zou jij die button class precies in de code verwerken?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

17/08/2013 00:00:43
Quote Anchor link
Sorry ik had je vraag niet goed begrepen. Je bedoelt dat je een CSS menu hebt. Als je met de muis over een menu item beweegt dan klapt er een submenu uit. Dit werkt niet met een touchscreen.

antwoord:

Kijk eens naar deze site:
http://osvaldas.info/examples/drop-down-navigation-touch-friendly-and-responsive/

Dit menu wordt op een klein beeldscherm volledig ingeklapt en na aanraken onder elkaar weergegeven en op een groot beeldscherm naast elkaar zoals je gewend bent. Bovendien is dit menu touchscreen vriendelijk.
 



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.