Menu buttons

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer te Naarden

Bedrijfsomschrijving Voor mijn klant ben ik op zoek naar een .NET Developer om het huidige team te komen versterken. Deze organisatie bevindt zich in de logistieke sector, en zij hebben een eigen ERP systeem ontwikkeld dat zij inzetten ter optimalisatie van de logistieke processen van haar eindklanten. Deze organisatie bestaat inmiddels al ruim 20 jaar, waarbij zij een duidelijke missie hebben, namelijk: het werk van de eindklant makkelijker maken door de systemen die zij leveren. Ze werken over heel de wereld, wat deze organisatie een echte internationale speler maakt. Binnen de organisatie kenmerken ze zich door een dynamische en professionele

Bekijk vacature »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

C#.NET Developer Jr. Functie

Functie omschrijving Bouw jij graag aan applicaties om processen in distributiecentra te optimaliseren? Wij zijn op zoek naar een C#.NET ontwikkelaar in regio Breda die hier graag een steentje aan bijdraagt! Jouw werkzaamheden zullen er als volgt uitzien: Je krijgt veel vrijheid in de keuze van de technieken die je gaat gebruiken. Uiteraard wel binnen de gestelde kaders, en door gebruik te maken van het .NET platform. Je gaat aan de slag met de ontwikkeling van een nieuwe module binnen de WMS suite van dit bedrijf. Deze "carrier" module gaat er voor zorgen dat de selectie van een vervoerder volledig

Bekijk vacature »

.NET Developer

Functie omschrijving .NET developer met ervaring gezocht! Voor een softwarebedrijf in de regio Veenendaal zijn wij op zoek naar een .NET developer met een aantal jaar ervaring. Jij bent zowel zelfstandig als in teamverband verantwoordelijk voor het ontwikkelen en verbeteren van bestaande producten. Verder ben je bezig met nieuwbouw van websites, webapplicaties en mobiele applicaties die zowel intern als extern gebruikt worden. Je werkt hierbij nauw samen met andere developer, productmanagers en productspecialisten om zo mooie producten te creëren. Bedrijfsprofiel De organisatie waar je voor gaat werken is een snelgroeiende softwareleverancier en allround dienstverlener. Deze organisatie heeft zowel klanten die

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 »

Magento developer

Functie E-commerce is een ‘’snelle’’ wereld. Om hierin continu voorop te blijven omarmen ze in een vroeg stadium nieuwe technieken. Een webshop is nooit af en kan altijd beter, sneller en efficiënter. Tegelijkertijd hebben ze vanaf hun oprichting altijd vastgehouden aan kwaliteit boven snelheid, en dit loont. Als back-end developer fungeer je als het verlengstuk van hun klanten. Technisch complexe zaken pak je met liefde op, en hierin werk je samen met o.a. front-end developers en designers. Klanten verwacht hierin kwaliteit van het hoogste niveau en een proactieve, meedenkende rol bij het maken van zowel technische als strategische keuzes. Ga

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 »

Softwareontwikkelaar Cleopatra

Functieomschrijving: De directie Verkeer en Openbare ruimte van de gemeente Amsterdam beschikt over een softwareapplicatie, "Cleopatra", waarmee geautomatiseerde handhaving plaatsvindt (op basis van kentekenherkenning) van bepaalde gebieden waarin toegangseisen worden gesteld aan het verkeer. Voorbeelden ervan zijn de milieuzones, de zone zwaar verkeer, handhaving van bromen snorfietser op het fietspad en autoluwe gebieden. Voor de doorontwikkeling en uitbreiding ervan zijn gespecialiseerde softwareontwikkelaars nodig die helpen bij het programmeren van de handhavingsmodules voor nieuwe gebieden en het verbeteren en bijwerken van de bestaande onderdelen van de softwareapplicatie.De opdracht bestaat uit: het programmeren van de diverse modules;het tijdens demo's tonen van de

Bekijk vacature »

E-Identity Developer met Projectleider Kwaliteiten

Functieomschrijving Voor de kamer van koophandel zijn we op zoek naar een E-Identity developer met projectleider kwaliteiten. Voor deze opdracht zoekt KVK een Informatieanalist met Technisch Projectleider en ICT developer kwaliteiten, met kennis van E-identity. We zoeken in de breedte en niet specifiek in de diepte qua skillset. Een Junior Projectmanager, een Junior Informatieanalist, een Junior Developer (full stack), een Junior Designer en een Junior ICT architect ineen, met een sterk gevoel van stakeholder management en planning vaardigheden. Door de internationale setting, én de realisatie van ontsluiting van en naar basisregisters toe zijn wij op zoek naar enige ervaring binnen

Bekijk vacature »

.NET Developer

Functie omschrijving Jij gaat in de functie van Software Developer werken met C# en .NET framework. Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Je komt te werken in een klein team van developers, die zich voornamelijk bezighouden met back-end development. Verder staat dit

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 »

Front-End React Developer

As a Front-End React Developer you improve the user-experience of our web applications for your colleagues in Coolblue. How do I become a Front-End React Developer at Coolblue? As a Front-End React Developer you are responsible for developing user interface components and implementing them using React.js concepts and workflows. You work with the UX Designer and get energy from coming up with creative solutions and present these within the team. During the day you gather and welcome feedback on your technical and soft skills. Would you like to become a Front-End React Developer at Coolblue? Read below if the job

Bekijk vacature »

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

Bekijk vacature »

Junior Software Developer C# Verhuursector Verhuur

Samengevat: Wij ontwikkelen en leveren softwaresystemen voor de logistieke sector en de verhuursector. Ben jij geschikt als Junior Software Developer? Heb je ervaring met Delphi? Vaste baan: C# Software Developer Logistiek HBO €2.500 - €3.900 Deze werkgever is een software ontwikkelaar, gericht op software voor de logistieke sector. Deze werkgever heeft eigen producten ontwikkelen en leveren ook maatwerk. Ons bedrijf kent een boeiende en inspirerende werkomgeving met een open cultuur en mogelijkheden voor je verdere ontwikkeling. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om

Bekijk vacature »

Product Developer (M/F), Fulltime 40 h/week

A global Plantbased revolution – that is our dream. Maximising the protein transition – that is our mission. Producing and developing sustainable and delicious products – that is what we do. Ojah is a fast growing company with a mission and has the ambition to be the world leader in its field. To support this growth we are hiring new colleagues. People that would like to make a difference and dare to dream big. With currently a 150 colleagues proudly working on our exceptional products. Working in a dynamic surrounding that runs full speed ahead. We need you! Product Developer

Bekijk vacature »
D B

D B

10/01/2013 22:13:45
Quote Anchor link
Hallo allen,

Ik ben bezig om een site te maken.
Ik werk nu met een iframepje om door middel van 3 bestanden mijn menu te laten zien / openklappen.
Nu is mijn vraag hoe ik dit het beste 'scriptsgewijs' op kan lossen (javascript/php/html)

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
<link rel="stylesheet" type="text/css" href="menu.css">
<div class="button"><a href=home.php target=contentframe>Home</a></div>
<div class="button"><a href="http://bierens42.woelmuis.nl/output/clubinfo.php" target=contentframe>Clubinfo</a></div>
<div class="button"><a href="http://bierens42.woelmuis.nl/output/afgelastingen.php" target=contentframe>Afgelastingen</a></div>
//Als ik hierop klik opent alles tussen * en *
<div class="button"><a href=menusenioren.php target=menuframe>Senioren</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/programmasenioren1.php" target=contentframe>Programma</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagensenioren1.php" target=contentframe>Uitslagen</a></div>
*
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 1&soort=Competitie&deel=" target=contentframe>ZSC 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 2&soort=Competitie&deel=" target=contentframe>ZSC 2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 3&soort=Competitie&deel=" target=contentframe>ZSC 3</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 4&soort=Competitie&deel=" target=contentframe>ZSC 4</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 5&soort=Competitie&deel=" target=contentframe>ZSC 5</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Dames 1&soort=Competitie&deel=najaar" target=contentframe>ZSC Dames 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Veteranen&soort=Competitie&deel=" target=contentframe>Veteranen</a></div>
*
 //Als ik hierop klik opent alles tussen **
<div class="button"><a href=menujunioren.php target=menuframe>Junioren</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/programmajunioren1.php" target=contentframe>Programma</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagenjunioren1.php" target=contentframe>Uitslagen</a></div>
**
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC A1&soort=Competitie&deel=" target=contentframe>ZSC A1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC B1&soort=Competitie&deel=" target=contentframe>ZSC B1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C1&soort=Competitie&deel=" target=contentframe>ZSC C1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C2&soort=Competitie&deel=najaar" target=contentframe>ZSC C2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D1&soort=Competitie&deel=najaar" target=contentframe>ZSC D1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC D2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC E1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC E2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F3</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC Mini 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC Mini 2</a></div>
**
<div class="button"><a href=sponsors.php target=contentframe>Sponsors</a></div>
<div class="button"><a href=fotos.php target=contentframe>Foto's</a></div>
<div class="button"><a href=supver.php target=contentframe>Sup. Vereniging</a></div>


Alvast hartelijk bedankt voor het meedenken!
Gewijzigd op 10/01/2013 22:27:02 door D B
 
PHP hulp

PHP hulp

27/05/2026 07:46:19
 
Wouter J

Wouter J

10/01/2013 22:24:42
Quote Anchor link
1. Wat wil je?
2. Wat heb je al geprobeerd?
3. javascript/php/html dan noem je wel 3 talen die wel iets met elkaar gemeen hebben, maar totaal verschillend zijn, welke wil je?
4. Kijk eens naar de HTML tags en hun betekenissen, een menu hoort in een lijst thuis.
 
- Ariën  -
Beheerder

- Ariën -

10/01/2013 22:25:55
Quote Anchor link
Is het niet verstandig om eens te kijken naar lists om je menu in op te maken (ul/li)? Dit is zo veel flexibeler in combinatie met CSS en :hover acties.

Ook zie ik dat je Woelmuis gebruikt, vergeet niet dat die hun server al 4 jaar niet geupdated hebben, en dat ze veel functionaliteit missen.
 
D B

D B

10/01/2013 22:32:01
Quote Anchor link
Beide bedankt voor de reactie!

@WouterJ
Ik heb het nu doormiddel van puur html met css, maar nu roep ik dus een iframe op en dit lijkt me niet het beste.
1) Mijn menu bij Junioren en bij Senioren uit laten klappen zodat dan de teams zichtbaar worden
2) Ik heb alles al 'netjes'(in IE) opgemaakt in html/css
3) I know, maar ben begonnen met html en las wat over javascript (waar ik zelf helemaal geen kaas van gegeten heb)
4) Op dit punt was ik inderdaad uitgekomen, maar toen zag ik dat er met javascript ook veel mogelijk was en dacht ik om me daar wat meer in te verdiepen

@Aar
1) Het list (ul/li) heb ik inderdaad nog niet gebruikt (daar was ik nu eigenlijk op uit gekomen) en toen dacht ik/en las ik, over javascript.
2) Woelmuis gebruik ik puur als testserver :)
 
- Ariën  -
Beheerder

- Ariën -

10/01/2013 22:35:33
Quote Anchor link
Javascript is iets waar je het laatste naar moet kijken. Met CSS kan je al complete uitklapmenu's maken.

Als testserver zou ik Woelmuis zeker niet gebruiken, omdat je tegen tekorten aan kan lopen. Gebruik dan WAMPP of een beveiligd-subdomeintje op je hosting.
 
Wouter J

Wouter J

10/01/2013 22:40:46
Quote Anchor link
Ehhh, Danny. JavaScript is een tool waarmee je interactie met de gebruiker kunt toevoegen aan je website, het is niet of het een of het ander, goede semantische HTML is taak 1 van elk HTML en CSS script dat je maakt.

Tevens moet je dit met HTML en CSS alleen doen, zie bijv. deze tut: http://sceneone.nl/tips_tricks/drop_down_menu.php
 
D B

D B

10/01/2013 22:46:41
Quote Anchor link
Ik ga morgen eens goed naar die tutorial kijken.

Bedankt!

Toevoeging op 11/01/2013 10:06:54:

Ik ben nu een aardig eindje op weg.

Toch zit ik nog met een paar probleempjes.

1) Is het mogelijk om het drop-downmenu bij :active te zien ipv :hover?
2) Mijn :active (back-ground color veranderen) werkt nu niet meer? Wat doe ik daar fout?
3) Als ik mijn home als 'standaardactive' wil zetten, doe ik dit dan door deze in een aparte class te zetten?

Hieronder mijn scripts: [link]http://bierens42.woelmuis.nl/testsite[/link]

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
        <div id="menu">
            <ul id="menuul">
            <li><div class="button"><a href="home.php" target="contentframe">Home</a></div></li>
            <li><div class="button"><a href="http://bierens42.woelmuis.nl/output/clubinfo.php" target="contentframe">Clubinfo</a></div></li>
            <li><div class="button"><a href="http://bierens42.woelmuis.nl/output/afgelastingen.php" target="contentframe">Afgelastingen</a></div></li>
            <li>
            <div class="button"><a href="senioren.php" target="contentframe">Senioren</a></div>
            <ul>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/programmasenioren1.php" target="contentframe">Programma</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagensenioren1.php" target="contentframe">Uitslagen</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 1&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC 1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 2&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC 2</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 3&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC 3</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 4&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC 4</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 5&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC 5</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Dames 1&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC Dames 1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Veteranen&amp;soort=Competitie&amp;deel=" target="contentframe">Veteranen</a></div></li>
            </ul>
            </li>
            <li>
            <div class="button"><a href="junioren.php" target="contentframe">Junioren</a></div>
            <ul>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/programmajunioren1.php" target="contentframe">Programma</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagenjunioren1.php" target="contentframe">Uitslagen</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC A1&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC A1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC B1&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC B1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C1&amp;soort=Competitie&amp;deel=" target="contentframe">ZSC C1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC C2</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D1&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC D1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC D2</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC E1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC E2</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC F1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC F2</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC F3</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC Mini 1</a></div></li>
            <li><div class="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&amp;soort=Competitie&amp;deel=najaar" target="contentframe">ZSC Mini 2</a></div></li>
            </ul>
            </li>
            <li><div class="button"><a href="sponsors.php" target="contentframe">Sponsors</a></div></li>
            <li><div class="button"><a href="fotos.php" target="contentframe">Foto's</a></div></li>
            <li><div class="button"><a href="supver.php" target="contentframe">Sup. Vereniging</a></div></li>
            </ul>
        </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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/*MENU*/

#menuul, #menuul ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#menuul li {
    width:120px;
}
#menuul ul {
    display:none;
}
#menuul li:hover ul {
    display:block;
}
#menuul li div.button {
    border-top:1px solid black;
    border-bottom:1px solid black;
    text-align:left;
    font-size:12px;
    height:16px;
    margin:1px 0 0 0;
}
#menuul li div.buttona {
    border-top:1px solid black;
    border-bottom:1px solid black;
    text-align:left;
    font-size:12px;
    height:16px;
    margin:1px 0 0 0;
}
#menuul li div.button a{
    padding-left:5px;
}
#menuul li div.buttona a{
    padding-left:40px;
}
#menuul li div.button a:link{
    background-color:#FFCC00;
    display:block;
    text-decoration:none;
}
#menuul li div.button a:visited{
    background-color:#FFCC00;
    display:block;
    text-decoration:none;
}
#menuul li div.button a:hover{
    background-color:#333333;
    display:block;
    text-decoration:none;
}
#menuul li div.button a:active{
    background-color:#333333;
    display:block;
    text-decoration:none;
}
#menuul li div.buttona a:link{
    background-color:#FFCC00;
    display:block;
    text-decoration:none;
}
#menuul li div.buttona a:visited{
    background-color:#FFCC00;
    display:block;
    text-decoration:none;
}
#menuul li div.buttona a:hover{
    background-color:#333333;
    display:block;
    text-decoration:none;
}
#menuul li div.buttona a:active{
    background-color:#333333;
    display:block;
    text-decoration:none;
}
/**/
 
Jack maessen

jack maessen

11/01/2013 16:59:05
Quote Anchor link
je bedoelt zoiets als :active menu; bij klikken rolt ie uit en blijven de subs staan
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm
 
D B

D B

11/01/2013 17:12:21
Quote Anchor link
Zoiets inderdaad maar dit gebeurt dmv javascript of niet?
 
Jack maessen

jack maessen

11/01/2013 17:33:13
Quote Anchor link
ja daar zit een javascript achter
 
Wouter J

Wouter J

11/01/2013 19:08:51
Quote Anchor link
Danny, je hebt een verkeerd begrip van :active. :active betekend het moment dat je er op klikt. Wat jij wilt is de button stijlen als je op de pagina bent, in zo'n geval moet je met een CSS class werken.
 
D B

D B

11/01/2013 20:07:26
Quote Anchor link
@Wouter
Wat ik bedoel is dat ik nu bij :hover mijn submenu te zien krijg en vraag me ook af of het kan als ik op mijn hoofdmenu item klik ipv alleen erover heen gaan dus dacht ik :active ipv :hover (in mijn css) .

Eerst had ik ook kleursveranderingen bij :active maar die zie ik nu ook niet meer.

Hebben we het over dezelfde :active :)

Toevoeging op 11/01/2013 21:38:34:

@Wouter
Na je bericht nog eens gelezen te hebben denk ik dat ik weet waarover wij verschillend denken
Wat jij aangeeft met die class is als ik meerdere malen mijn menu aan roep door het gebruik van verschillende pagina's.

Nu heb ik mijn ontwerp zo dat eigenlijk alles in mijn index.php staat en dat alle links binnen de pagina (in een frame openen, voorheen toen ik zonder <ul> en <li> werkte werden dan mijn :active link en :visited dan ook een andere kleur.

Begrijp je het nog een beetje? :)

Nu vraag ik me dus af of ik dat :active op een link werkend kan krijgen en dan dus ook ipv :hover op mijn dropdown :active kan gebruiken.

Alvast bedankt voor de hulp!
Gewijzigd op 11/01/2013 21:40:05 door D B
 



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.