Menu buttons

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Cloud Developer

Wil jij ontwikkelen in de Cloud, waarbij je ook te maken krijgt met Low Code platformen, bekende CRM-applicaties en, soms minder bekende, back-end applicaties? Ben je op zoek naar een rol binnen een jong team met een uitdagend applicatielandschap? Dan is dit jouw kans. Maak kennis met de meer dan 100 industriële bedrijven die vallen onder het familiebedrijf VDL Groep. Samen met het DevOps/agile team lever je een bijdrage aan onze verdere digitalisering. Daarbij ben je verantwoordelijk voor analyse, ontwerp, ontwikkeling, test en uitrollen van de services binnen ons Microsoft Azure platform. Wat ga je doen als Cloud Developer: Als

Bekijk vacature »

GEO-ICT/Smallworld GIS Ontwikkelaar

Bij onze klanten vormen Geographical Information System (GIS) systemen de basis van Asset Data Management. Zie jij het als een uitdaging om als onderdeel van een DEVOPS team de systemen van onze klanten te helpen vormgeven en continu te verbeteren? Wat ga je doen? Ons team heeft als doel nog relevanter te worden voor onze klantengroep van netbeheerders. Wij hebben een grote GEO-ICT Practice en daarmee zijn we in staat een fundamenteel deel van de basisregistratie van assets voor onze klanten vorm te geven. Dat doen we door het bedenken van concepten, onze klanten te adviseren op GEO-ICT gebied en

Bekijk vacature »

Front End Developer with excellent Angular skills

Front End Developer with excellent Angular skills to help migrate software application into the Cloud (Front End Developer Angular 65K Rotterdam IND Registered) For an international organisation, specialised in data management for the process industry, we are looking for a Front End Developer with strong work experience in Angular technologies. This organisation has developt a software solution that takes on the important role of connecting people, data and assets, and translates this data into 3D models. Until recently it was a desktop solution, that is currently being migrated to the (AWS) Cloud. Are you up for the task? Who are

Bekijk vacature »

Senior Developer C#

UPS is looking for a Senior Developer C# *REMOTE WORK POSSIBLE FOR THIS ROLE* As a Senior Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as team

Bekijk vacature »

Frontend Developer @ Amsterdam

2021-07-06 iSense Frontend Developer Are you a driven Frontend Developer with analytical skills, testing skills and an eye for accessibility? Do you have relevant experience with JavaScript, HTML and CSS? Do you have the knowledge on how to translate the questions to code? Then advance your career in one of the coolest and most challenging financial companies located in the Netherlands! Note: You already need to live in the Netherlands for this position! ISBO50398 Organization You will work at a large and progressive financial organization with offices in the Netherlands and abroad. You are going to work within the domain

Bekijk vacature »

Java Developer - Publieke veilgheid

Wil jij als Java developer meewerken aan innovatieve en complexe applicaties? CGI zoekt Java Developers die mee willen werken aan oplossingen voor complexe & maatschappelijk relevante vraagstukken waar de het domein Publieke Veiligheid (o.a. Justitie en politie) voor staat. Wat verwachten we van een Java Developer? Enthousiasme en de wil om je als Java Developer continue te ontwikkelen. Je vindt het leuk om toffe Java oplossingen uit te werken. Je volgt de laatste trends op de voet en je vindt het leuk te werken met de nieuwste technologie, zoals Quarkus, de sub-atomische Java stack die klaar is voor OpenJDK HotSpot

Bekijk vacature »

Software Developer / Python / React / Big Data @ R

2021-05-06 iSense Software Developer / Python / React / Big Data Ben jij een ervaren Software Developer die Big Data gaaf vindt en graag bij een groot, technisch bedrijf wil werken? Werk je graag in een innovatieve omgeving met zo'n 15 scrum teams die samen een volledig product opzetten? Dan is dit de vacature voor jou! ISMO49813 Organisatie Bij dit grote, innovatieve technische bedrijf wil men graag flink groeien dit jaar, namelijk van zo'n 100 naar 120 mensen. In de afgelopen jaren is er hard gewerkt om een nieuw software product op de markt te zetten ter ondersteuning van hun

Bekijk vacature »

Back-end Developer - Senior

Is your native language PHP and you just love OOP? Then we need you! You will be working on developing the back-end in cooperation with the front-end developers. Job Description Our client is a medium sized specialist in email marketing. The company is characterized by an open atmosphere with a strong focus on personal development and interest. To support their growth we're searching for a highly experienced back-end developer. As a back-end developer, you're in charge of creating, maintaining, and testing software. Examples include databases, integration, APIs, and other back-end operations. We're seeking a developer who has experience in working

Bekijk vacature »

Javascript Typescript Developer ICT / MySQL

Over de werkgever: Wij bieden allround expertise voor de bouw- en vastgoedbranche. Ben jij een enthousiaste Javascipt Developer? Heb je kennis van React en Angular? Vaste baan: Javascript Typescript Developer ICT React Angular 3.000 - 4.500 Javascript Typescript Developer Wij zijn een adviesbureau voor grote vastgoedeigenaren. Expertise op maat wordt aangeboden aan zorginstanties, beleggers, ontwikkelaars, corporaties, gemeenten, cultuurinstanties, hulpdiensten, onderwijsinstellingen en bedrijven. Wij hebben brede, strategische kennis op het gebied van financiën. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met moderne technologie en staan open voor innovatie. Wat houdt de functie precies in?:

Bekijk vacature »

Junior IT Business Project Manager

Vacature: Junior IT Business Project Manager Wil je werken in een internationaal bedrijf met meer dan 35 verschillende nationaliteiten waar samenwerking en innovatieve ideeën de sleutel zijn tot toekomstig succes? Ben je op zoek naar een functie waarin je waarde kan toevoegen en de kans krijgt om je te ontwikkelen en te groeien? Office Depot Viking heeft een geweldige kans voor een Junior IT Business Project Manager om zich aan te sluiten bij ons Europees hoofdkantoor in Venlo. Het betreft een fulltime baan met een uitstekend salaris- en secundaire arbeidsvoorwaardenpakket. Bedrijfsprofiel Office Depot is dé specialist op het gebied van

Bekijk vacature »

Software Ontwikkelaar ERP / Testen Software

Over het bedrijf: Wij zijn een leverancier van software. Heb jij affiniteit met informatica? Heb jij ervaring als ERP software developer? Vaste baan: Software Ontwikkelaar ERP Softwarebranche 2.800 - 4.200 Software Developer Wij zijn een grote leverancier van software voor vastgoedbedrijven (commercieel en sociaal), outsourcing en consultancy. Wij zijn vertegenwoordigd in meerdere Europese landen. Wij werken voor grote klanten. We doen omvangrijke projecten die we bij ons op kantoor realiseren (geen detachering). Wij werken met state-of-the-art technologie en lopen daarin voorop. Wil jij de diepte in en veel leren, dan is deze baan geknipt voor jou. Jouw werkzaamheden als Software

Bekijk vacature »

JavaScript Software Ontwikkelaar Front End / Angul

Voor wie je gaat werken: Wij zijn wereldwijd partner voor producten en diensten op het gebied van reiniging en opruimen. Ben je eerder werkzaam geweest als software engineer? Heb je ervaring met met front end software engineering? Vaste baan:JavaScript Software Ontwikkelaar Front End Angular 3.000 - 4.300 Software Engineer Wij ontwikkelen en produceren slimme machines voor de gladheidbestrijding. Hiermee hebben wij een leidende positie op de Europese markt. Het gaat om materieel op het gebied van sneeuwruimen, gladheidbestrijding, straatreiniging en park-/tuintechniek. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met moderne technologie en staan

Bekijk vacature »

AWS Cloud Architect / Senior Cloud Developer Inter

Scope of the assignment Environment is ready to perform data injections to new platform. Defined standards and best practices to work with cloud technology Setup framework of standard designed patterns to perform data ingestion and data analysis Proving the value of propose solution – running end to end PoCs New way of working rolled up to other DevOps teams – setting up trainings Location T-Mobile's headquarter is in The Hague. The following qualifications are required 8-10 years of experience A solid background in Linux/Unix and Windows server system administration An understanding of writing Infrastructure-as-Code (IaC), using tools like CloudFormation or

Bekijk vacature »

Back-end Developer - Medior

Do you have experience in PHP and love OOP? Would you like to help with an improvement project for a large international customer? Then this is probably the role for you! Job Description You are responsible for developing, maintaining, and testing software as a back-end developer. Databases, integration, APIs, and other back-end processes are all examples. We're looking for a developer who has worked with large amounts of data and is excited to work with our own framework. Responsibilities Developing in PHP and loving to do it OOP style; Knowing JavaScript as second language; Speaks SQL too; Developing what the

Bekijk vacature »

Java Software Developer – Smart Logistics

Bouw jij de professionele applicaties die onze klanten zo hard nodig hebben? En wil je graag met de nieuwste technologieën werken binnen een DevOps team? Lees dan snel verder! Wat ga je doen? Als Java Software Developer werk je aan uitdagende projecten bij verschillende klanten en ben je altijd onderdeel van een software ontwikkelteam. Samen met je team, de product owner en de architect ben je verantwoordelijk voor het definiëren, ontwerpen, ontwikkelen, beveiligen en testen van nieuwe of bestaande applicaties binnen de logistieke sector. “Use digital to move smarter De unit Smart Logistics binnen de Transport & Logistics sector van

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/07/2021 10:41:04
 
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.