Menu buttons

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java developer

Functie Je gaat aan de slag als Tester voor een aantal mooie projecten. Je komt terecht in een DevOps team waar jij aan de slag gaat om de kwaliteit te waarborgen omtrent de maatwerk software voor de klanten. Je draait je hand er niet voor om de adviserende rol te bekleden op het gebied van testautomatisering en het opzetten van testframeworks. Zoals aangegeven ga je daadwerkelijk in het eigen team aan de slag en is het daarnaast ook gebruikelijk bij de klanten op locatie te komen om te werken aan de opdrachten. Je krijgt zodoende echt een mooie kijk in

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 »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Ontwikkelprocessen verder optimaliseren en verder ontwikkelen met C#; CI/CD-pipelines automatiseren; Ontwikkelen van herbruikbare componenten; Front-end pagina's gebruiksvriendelijk maken. Hier ga je werken Als junior .NET Developer kom je terecht binnen een grote en internationale organisatie. Zij streven naar een positieve impact op de mens, milieu en maatschappij. Het bedrijf is oorspronkelijk een familiebedrijf en werkt aan de productie van hoogwaardige en technische systemen voor de gezondheidszorg. Momenteel willen zij betere ontwikkelprocessen creëren op internationaal gebied en staat kwaliteit en veiligheid voor hun op nummer 1! Als junior .NET Developer werk je aan het ontwikkelen van verbeterde

Bekijk vacature »

Fullstack developer - medior

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie willen werken? Voor een mooi softwarebedrijf in omgeving Ridderkerk zijn wij op zoek naar versterking voor op de afdeling Software Development! Als Fullstack developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Werkzaamheden Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met

Bekijk vacature »

C# developer

Functie omschrijving We are looking for a dutch native speaker Ik ben op zoek naar een back-end developer, die met name kennis & ervaring heeft van de programmeertaal C#. Jij gaat aan de slag bij een topspeler in de logistieke sector, die zich behalve met logistiek, ook bezig houdt met softwareontwikkeling. Welke taken komen hierbij kijken? Je gaat desktop- en webapplicaties onderhouden en optimaliseren, waarin je werkt met o.a. C#, ASP.NET, SQL Server en T-SQL. Je hebt regelmatig klantcontact om de wensen in kaart te brengen en te evalueren over de huidige draaiende applicaties. Je implementeert nieuwe functionaliteiten toe aan

Bekijk vacature »

C# .NET Developer

Functie omschrijving Wij zijn op zoek naar een C# .NET Developer voor een leuke opdrachtgever in de omgeving van Hilversum! Voor een leuk bedrijf in de omgeving van Hilversum zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. Ben jij iemand die graag aan verschillende projecten werkt en het ook leuk vindt om bij klanten op bezoek te gaan? Dan ben jij de perfecte kandidaat! Deze functie is erg divers, je moet dus goed kunnen schakelen. Je komt te werken in een klein team van developers. Binnen het bedrijf hangt er een gemoedelijke informele

Bekijk vacature »

Applicatieontwikkelaar ABAP

Bedrijfsomschrijving Functieomschrijving De kandidaat zal worden ingezet binnen een van de DevOps teams binnen SCI (Service Centrum Inburgering) voor het ontwerpen en bouwen in SAP ABAP van de binnen SCI gebruikte informatiesystemen. Voornaamste voorkomende werkzaamheden zijn het aanpassen van en bouwen van nieuwe programmatuur in ABAP (Objects), waarbij ook gebruikt wordt gemaakt van DDD (Domain Driven Design) en het opstellen/aanpassen van Functionele/Technische ontwerpen. Daarnaast moeten ook formulieren met SAP Smartforms worden aangepast. Verder speelt de overgang naar SAP4Hana en SAP CPI. Vanwege het veelvuldig gebruik van SAP PO is kennis hiervan een pré. Achtergrond opdracht Momenteel werken meerdere DevOps teams

Bekijk vacature »

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

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

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

Creatieve Front-end developer gezocht!

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

Senior PHP developer met ambities tot Software Arc

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

.NET Developer C#

Dit ga je doen Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken Als C# .NET Developer wordt je verantwoordelijk voor het ontwikkelen van applicaties voor belangrijkste product van deze organisatie. Dit product is een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Er

Bekijk vacature »

Front-end Developer

Front-end Developers opgelet! Bij Luminis zijn ze opzoek naar jou. Lees de vacature en solliciteer direct. Luminis is een software- en technologiebedrijf met meerdere vestigingen. Vanuit deze vestigingen werken 200 professionals aan technisch hoogwaardige oplossingen voor klanten zoals KLM, Nike en Bol.com. Ook ontwikkelt Luminis eigen oplossingen op het gebied van cloud, Internet of Things, data intelligence, e-sports en e-learning. Luminis onderscheidt zich door aantoonbaar voorop te lopen in technologie en innovatie. Luminis heeft drie kernpunten die verankerd zitten in alles wat we doen: het omarmen van nieuwe technologie, meesterschap en kennis delen. Functiebeschrijving First things first! Het is belangrijk

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

22/12/2024 23:38:54
 
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.