Click event afhandeling

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Oracle BI Developer

Bedrijfsomschrijving Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de eigen applicaties inhouse ontwikkeld in onder andere Oracle, Java en OutSystems. Deze applicaties worden in meer dan 15 Europese landen gebruikt en de volledige ontwikkeling hiervan vindt plaats in het hoofdkantoor gevestigd in regio Utrecht. Vanuit hier worden 15 landen (ruim 2200 gebruikers) en duizenden klanten voorzien van support en de juiste IT systemen. De ontwikkelde

Bekijk vacature »

.NET Developer Azure

Bedrijfsomschrijving Deze organisatie in de regio van Ede/Wageningen waar jij als .NET Developer komt te werken is marktleider en pionier op het gebied van High-Quality apparatuur in de zorg. Het Scrum team waar jij deel van zal uitmaken bestaat uit zes developers. Als .NET Developer draag jij dagelijks bij aan een gezondere toekomst. De apparatuur waar jij de software voor ontwikkelt wordt wereldwijd ingezet in meer dan 5000 ziekenhuizen. Iedere 4 minuten krijgt iemand ter wereld een behandeling middels deze apparatuur. Omdat de organisatie continu bezig is met innovatie krijg jij als .NET Developer de ruimte om met nieuwste- en

Bekijk vacature »

C# developer gezocht (distributed systems, SOA, NS

Ben je een C# developer met een oplossingsgerichte mentaliteit en op zoek naar een veelzijdige baan binnen een kleinschalig dynamisch bedrijf, waar je mee kunt denken in het groter geheel? Waar je met mensen komt te werken die betrokken zijn en een gemeenschappelijk gevoel van verantwoordelijkheid hebben? En waar je werkt aan schaalbaarheidsuitdagingen zodat jouw software grote hoeveelheden data kan verwerken? Nieuwsgierig? Lees dan verder! Voor een Rotterdams bedrijf zijn we op zoek naar een enthousiaste, en met name leergierige, full stack developer of een web developer die graag full stack wil worden. Het bedrijf biedt geavanceerde technische oplossingen die

Bekijk vacature »

Ben jij een intelligente JavaScript Developer?

Bedrijfsomschrijving Soms zie je door de bomen het bos niet meer met al die Front-end vacatures, deze is eigenlijk niet anders maar toch weer wel. Wil je weten waarom? Dan moet je contact met ons opnemen! Hier liggen namelijk kansen die je niet bij elke organisatie tegenkomt... Nieuwsgierig? Lees dan in elk geval de vacature tekst alvast... Functieomschrijving Voor onze opdrachtgever zijn wij opzoek naar ervaren en intelligente Frontend ontwikkelaars met goede NodeJs, AngularJS, ReactJs kennis. Daarnaast is het belangrijk dat je tenminste 4 jaar ervaring hebt in Frontend ontwikkeling en niet bang bent om straks ook nieuwe technieken uit

Bekijk vacature »

Senior C# Developer (NL) bij PostNL

Senior C# Developer (NL) Den Haag HBO/WO IT Professional "Als Senior C# Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in C# en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior C# Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan onderdelen uit onze logistieke software omgeving. Binnen het

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

Cloud Dev Engineer

Cloud Dev Engineer Functiebeschrijving: Be part of something exciting! Do you want to be at the forefront of the continuously changing world of ICT? Can you, with your knowledge and experience, realize innovative and reliable Cloud environments? You will be in a fast paced environment working with the newest and latest technology with multiple clients and technologies. Numerous opportunities are available to increase your skills and progress your career. Your day-to-day activities As a Cloud Dev Engineer you will help our customers to modernize their existing applications and to migrate and connect them to the private or public Cloud (Azure

Bekijk vacature »

Angular Developer

Bedrijfsomschrijving De organisatie is een grote speler in de financiële branche met ongeveer 4500 medewerkers waarvan 450 IT-medewerkers. De organisatie staat continue in beweging en wil zich altijd blijven vernieuwen. Een belangrijk aspect voor deze organisatie is dat de klant altijd centraal staat. Binnen de afdeling waar je komt te werken wordt gezocht naar een ervaren Angular Developer. De afdeling bestaat uit twee scrum teams waarbij er altijd vanuit een DevOps manier wordt gewerkt, "You build it, you run it". De afdeling is verantwoordelijk voor het verder ontwikkelen van de webapplicatie en het beheer daarvan. Daarnaast is het team is

Bekijk vacature »

(C#) developer gezocht met affiniteit voor machine

Voor een bedrijf in de regio Den Haag zijn we momenteel op zoek naar een .NET developer met affiniteit voor de techniek. De organisatie richt zich op het fabriceren van technische apparatuur die gebruikt wordt door industriële bedrijven. Ondanks dat software een steeds belangrijkere rol speelt binnen de organisatie en bij hun producten, bestaat de core business uit het bouwen van machines. Het is dan ook geen functie waarbij je 8 uur per dag achter je PC zal zitten om alleen te programmeren. Naast het programmeren van nieuwe onderdelen van hun administratieve systeem zal je namelijk een groot deel van

Bekijk vacature »

Senior Frontend ontwikkelaar

Senior frontend developer Ben je een front-end of full-stack developer met focus op JavaScript frameworks ( liefst React) en in staat om de lead te nemen door breder te kijken en te denken dan alleen de front-end van de ''Mijn omgevingen'' (Liefst Java) van onze opdrachtgever in de regio van Den Haag? Zoek je werk binnen een zeer gewaardeerde Nederlandse werkgever die veel flexibiliteit bied en een goed salaris? Ben je opzoek naar een nieuwe uitdaging op dit gebied? Mis je op dit moment hele leuke collega's en wil je een nieuwe werkomgeving? Als deze bovenstaande zinnen je aanspreken lees

Bekijk vacature »

Senior C# Developer

You'll build modern applications for Coolblue back’s office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become Senior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become Senior C# Developer at Coolblue? Funda will explain how to do that. You enjoy doing this Working with various types of

Bekijk vacature »

Scala Developer Security

Bedrijfsomschrijving Voor een dynamische en snelgroeiende organisatie in Den Haag zijn wij op zoek naar een back-end developer met interesse in security vraagstukken. Deze organisatie richt zich op het ontwikkelen van een online platform waar persoons- en bedrijfsgevoelige informatie veilig kan worden uitgewisselt en opgeslagen. Binnen de organisatie voegt iedereen vanuit zijn eigen expertise iets toe en staat zelfsturing hoog in het vaandel. Zij werken via het domain driven design principe waarbij zij binnen het betreffende domein met alle disciplines sparren over de inrichting van het platform en het oplossen van problemen. Het platform wordt ontwikkeld in Scala binnen een

Bekijk vacature »

C# backend developer, Rotterdam

Voor een grote organisatie in Rotterdam zijn we op zoek naar iemand met ruime ervaring in het ontwikkelen van applicaties in .NET C#. Het gaat hier om een organisatie met een maatschappelijke impact. Hun systemen zijn gericht op een groot aantal klanten waarbij het belangrijk is dat de applicaties helder, toegankelijk en up-to-date zijn. Als .NET C# developer werk je aan uiteenlopende applicaties, APIs en het interne framework. Dit doe je binnen een SCRUM team en meedenkt binnen het hele proces. Het team bestaat uit meerdere C# developers variërend van medior tot senior. Er is dus veel kennis en ervaring

Bekijk vacature »

Junior PHP Developer

Gaat jouw bloed sneller stromen van PHP frameworks en het schrijven van goede & testbare code? Dan ben jij de junior PHP Developer die we zoeken! Binnen deze zelfstandige en brede rol binnen een jonge, informele en groeiende organisatie in Dordrecht, ga jij een bijdrage leveren aan de verbeterkansen én is er veel ruimte voor meedenken en jouw persoonlijke ontwikkeling. Nieuwsgierig geworden? Lees dan snel verder! ORGANISATIE Jouw nieuwe werkgever is actief in de zakelijke dienstverlening (B2C). Het is een informeel & groeiend bedrijf waar medewerkers gestimuleerd worden en de ruimte krijgen om zichzelf verder te ontwikkelen. Er heerst een

Bekijk vacature »

Video Algorithm Software Developer

Video algorithm software engineer and developer Functie-eisen Your tasks: Implementing and improving video signal processing algorithms for mobile, PC, and TV apps Cooperating and interacting with a team of specialists and developers. Able to give guidance / input on further quality and implementation optimizations Further tune our HDR system implementation to work optimally in broadcast and OTT infrastructures Interact with prospective customers, answer their questions Solve performance issues on the spot when required due to tests and trials Propose and analyze future ways to optimize the video processing implementation and implement them Interaction with the commercial team to define and

Bekijk vacature »
Ben Pastoor

Ben Pastoor

14/01/2021 13:32:59
Quote Anchor link
Goedemiddag,

Wie kan mij helpen met het volgende:


Ik heb een menu gemaakt als je op het LI element klikt dat het child element zichtbaar word.
Klik je op een ander dan word de lijst wat de class show heeft onzichtbaar gemaakt door show te verwijderen hide toe te voegen.

Wat mij niet lukt is als je een tweede keer op de zelfde klikt dat deze dan ook onzichtbaar word.
Ik wil dus eigenlijk een toggle maken op een element en dat de niet geklikte parent daarvan de child elementen onzichtbaar worden gemaakt


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<div class="parent" data="one">
  <div class="child hide" id="one">
    test
  </div>
</div>

<div class="parent" data="two">
  <div class="child hide" id='two'>
    test 2
  </div>
</div>



Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
var parent = document.getElementsByClassName("parent");
for (var i = 0; i < parent.length; i++) {
  parent[i].addEventListener("click", function () {
    var child = document.getElementsByClassName("child");
    var attribute = this.getAttribute("data");
    var the_element = document.getElementById(attribute);
    for (var is = 0; is < child.length; is++) {
      child[is].classList.add('hide');
      child[is].classList.remove('show');
    }
    the_element.classList.add('show');
  });
}
 
PHP hulp

PHP hulp

17/01/2021 04:28:45
 
Jop B

Jop B

15/01/2021 02:20:22
Quote Anchor link
Je mist in je code een stuk of er gekeken word naar het child element van het geklikte parent element.


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
var parent = document.getElementsByClassName("parent");
for (var i = 0; i < parent.length; i++) {
  parent[i].addEventListener("click", function () {
    var child = document.getElementsByClassName("child");
    var attribute = this.getAttribute("data");
    var the_element = document.getElementById(attribute);
    if(this.children[0].classList.contains('show')){
      this.children[0].classList.add('hide');
      this.children[0].classList.remove('show');
     return;
    }
    for (var is = 0; is < child.length; is++) {
      child[is].classList.add('hide');
      child[is].classList.remove('show');
    }
      the_element.classList.add('show');
      the_element.classList.remove('hide');
  });
}
 



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.