Filter Producten

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front End developer in de educatieve sector gezoch

Functie Als Front-end developer werk je intensief samen met 1 van de UX-designers en denk je mee over de gebruiksvriendelijkheid en design van onze web- en mobile apps. Je bent betrokken bij sessies met gebruikers om designs te valideren en usability van de app-in-wording te testen. Vervolgens gebruik je dit om samen met je team waarin ook back-end (.NET) developers zitten, te zorgen voor de realisatie van de best mogelijke apps voor studenten en docenten. Eisen • Je hebt een hands-on development en coding mind-set en werkt graag aan een high quality code base welke je consequent onderhouden kan worden

Bekijk vacature »

Back end developer / PHP

Functie Met een complex en uitgebreid e-commerce platform, een eigen PIM-systeem en eigen scan applicatie – krijg jij dagelijks te zien hoe jouw werk gebruikt wordt door miljoenen gebruikers. En we staan qua development pas in de startblokken, aangezien er nog meerdere projecten op de plank liggen te wachten! Ons huidige development team bestaat uit 8 programmeurs. Er wordt dagelijks gereflecteerd op geschreven code, Scrum taken en kennisdelen onderling is een must. Onze voertaal binnen ons team is Engels, dit omdat wij twee internationale collega’s hebben. Ons huidige “IT Landschap” bestaat voornamelijk uit allerlei losse onderdelen die individueel, maar ook

Bekijk vacature »

PHP Laravel Developer

Functie Er zijn ongeveer 20 andere developers die net als jij zal gaan werken aan dit platform. De developers zijn verdeeld over diverse projectteams. Jij komt terecht in een team dat zich focust op het CRM/ERP systeem. Dit team bestaat uit 1 test automation engineer, 2 full stack developers, een designer en een product manager. Je gaat het platform verder ontwikkelen en uitbreiden zodat de nieuwste technieken geïmplementeerd kunnen worden. Jullie pakken wijzigingen op van de gebruikersorganisatie vanuit de backlog en zijn verantwoordelijk van de ontwikkeling tot productie. Eisen • HBO werk- en denkniveau • Minstens 2 jaar professionele ervaring

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

Front End developer (React)

Functie Als Front-end developer ga je aan de slag met hun o.b.v. React ontwikkelde website, dit is als het ware de marketing kant van hun platform en dus erg belangrijk. Omdat je als enige front-ender dedicated aan de site zult werken is het belangrijk dat je zelfstandig aan de slag kunt, en minimaal enige ervaring hebt in React. Uiteraard kun je hierin wel overleggen met je collega’s die aan het platform werken. Het development team bestaat momenteel uit 5 collega’s, waaronder de Lead, 2 back-end en 2 fullstack developers. In de toekomst willen ze dit team graag uitbreiden en naar

Bekijk vacature »

Fullstack Python Developer

Functie Je gaat samen met 2 developers aan de slag. Hiervan is er één developer dat zich meer met de front-end bezig houdt (de mede-eigenaar) en de andere developer heeft meer affiniteit met de back-end. Om dit redelijk in evenwicht te houden ga jij aan de slag als full-stack Python developer. Je zal in de back-end gaan ontwikkelen in Python, voornamelijk met het Pyramid framework. En in de front-end houd jij je voornamelijk bezig met JavaScript (eventueel ook Typescript). Daarnaast zal je ook werken met PostgreSQL, Gitlab/Docker/Webpack. Je bouwt mee aan 1 mooi product dat steeds beter wordt ontwikkeld. Zij

Bekijk vacature »

Drupal Developer

Wat wij bieden Werk bij interessante mooie klanten, met veel maatschappelijke impact. Een sterk en hecht team om je heen, dat elkaar helpt bij ieders ontwikkeling. Opleidingsbudget om je verder te ontwikkelen en deze kennis gelijk te kunnen gebruiken bij klanten. Een arbeidsovereenkomst voor onbepaalde tijd. Macbook Pro en telefoon Lease auto of alternatief mobiliteitsbudget Wat jij meeneemt HBO werk- en denkniveau Ervaring met: HTML / CSS Javascript Frameworks als Vue.js en/of React Als je dit bij je hebt is dat een pré: Basiskennis van backend Ervaring met Drupal of Salesforce Composer Twig Storybook GIT De uitdaging Met onze practice

Bekijk vacature »

Java Ontwikkelaar

In het kort Als ervaren Java ontwikkelaar binnen onze business unit Machine & Systems werk je aan complexe projecten voor de machine- en apparatenbouw, die vaak een flinke bedrijf kritische impact hebben. Je doorgrondt dan ook feilloos de consequenties van beslissingen voor de architectuur. En je bent verantwoordelijk voor de vertaling van de architectuur naar een technisch ontwerp. In een team werk je dit verder uit naar software-implementaties. Dit vind je leuk om te doen Requirements in Java-projecten opstellen en analyseren Werken met bestaande systemen en je eigen invulling daaraan geven Samen met de architect een Java-omgeving ontwikkelen die voldoet

Bekijk vacature »

Back end developer / Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Traineeship Mobile Developer

Functie What will you be doing as Mobile Developer? As an iOS app developer you will work in a multidisciplinary team of app developers, web developers and designers. You will work on world-class apps that will be used by thousands of people. There is a lot of room for self-development on a technical and personal level. Together with the rest of the team you develop in the newest techniques and you go for the best quality. We work with Kotlin Multiplatform Mobile to develop hybrid apps and we guarantee quality with peer reviews, unit testing and we use a CI/CD.

Bekijk vacature »

Microsoft Developer Technical Automation- Relocati

Do you want to use your knowledge of Microsoft in the field of technical automation as part of our Machine & Systems business unit? Are you on the hunt for an environment where you can share your knowledge with colleagues and learn from them? Would you like to work for a Microsoft Gold Partner? If so, we have a fantastic opportunity for you. We are looking for new Microsoft colleagues with a passion for this technical unit.

Bekijk vacature »

Lead PHP ontwikkelaar

Functie Jij komt te werken in een development team van 7 man. Het grootste deel doet back end development en daarnaast is er 1 tester in het team. Dit Agile team is van groots belang voor de organisatie omdat zij voornamelijk alle eigen systemen in-house ontwikkelen. Om de nieuwe versie van het platform te ontwikkelen zijn ze op zoek naar een Lead developer. De versie 3.0 van het platform wordt vanaf scratch ontwikkeld. Hierbij krijg je dus als lead developer de kans om samen met jouw team een SaaS platform vanaf de grond op te bouwen. Jij krijgt binnen je

Bekijk vacature »

Front End developer / Angular specialist wanted!

Functie In your role as Front-End developer you work together with the back-end developers to bring the platform to a higher level by means of bi-weekly sprints. In addition, you have affinity with data and enjoy working with the team to ensure data integrity and security, to ensure that the user has the best SaaS services worldwide. This organisation employs over 100 people, 45 of whom work in the Netherlands. The development team consists of 10 people and is divided into 2 scrum teams. The first team consists of Java and Scala developers. The second team, where you will be

Bekijk vacature »

Communicatieve Junior/medior PHP developer gezocht

Functie Als software developer ontwikkel je mee aan digitale oplossingen. Op basis van klantwensen, wetswijzigingen of productstrategie worden deze oplossingen continu uitgebreid en verbeterd. In jouw rol zul je nauw betrokken zij bij de ontwikkeling van een nieuw internationaal CRM-portaal. Jij zult, als nieuwe collega, een belangrijke rol spelen in deze internationale samenwerking. De ideale kandidaat is HBO/WO geschoold richting bijvoorbeeld Informatica of (technische) bedrijfskunde. Ervaring met PHP is vereist, daarnaast is het mooi als je kennis hebt van Agile werken, GIT, HTML en CSS. Zo niet, dan mag je dit hier gaan leren. In deze rol is het allerbelangrijkste

Bekijk vacature »
Sem Bakker

Sem Bakker

28/05/2020 13:45:39
Quote Anchor link
Hoi mensen,

Op mijn site heb ik een producten lijst. Al de artikelen staat in een li en die staan weer in één ul( id is productList). Ook staat er bovenaan een input( id is productInput). Als er in de input een naam van een artikel wordt ingevuld wordt alleen het artikel getoond met die naam. Hieronder de javascript code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
      $(document).ready(function(){
         $("#productInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#productList li").filter(function() {
               $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
              
            });
         });
      });


Maar ik wil nu als er geen producten zijn met de naam die is ingevuld dat er tekst komt met "Geen producten met de ingevulde naam" of iets dergelijks. Zo iemand mij hiermee kunne helpen hoe ik dit kan bereiken?


,groetjes Sem
 
PHP hulp

PHP hulp

14/08/2022 04:42:29
 
Ivo P

Ivo P

28/05/2020 15:44:36
Quote Anchor link
dan tel je na afloop hoeveel li's je zichtbaar hebt gehouden / gemaakt.

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
      $(document).ready(function(){
         $("#productInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#productList li").filter(function() {
               $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
              
            });

             var aantalzichtbaar = $("#productList li:visible").length;
             if(aantalzichtbaar > 0) {
               $('#niets').show();
             } else {
               $('#niets').hide();
              }
         });
      });


en je hebt dan iets als
<span id="niets">Sorry, niets gevonden</span>
in je html nodig
 
Sem Bakker

Sem Bakker

28/05/2020 15:46:29
Quote Anchor link
Ahhh dat is best logisch ja! Thx!!
 
Ivo P

Ivo P

28/05/2020 15:47:53
Quote Anchor link
ik vraag me trouwens af of toggle() wel doet wat je nodig hebt, zoals je het hier gebruikt
 
Sem Bakker

Sem Bakker

28/05/2020 16:02:28
Quote Anchor link
Hij doet het ook niet waarom weet ik niet. Ik heb dit toegevoegd onder de ul:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6

      <span style="width:75%;" id="niets">
          <h2 style="text-align: center;">
               I am sorry, we could not find a product that contains what you have entered
          </h2>
      </span>

En heb toegevoegd wat u heeft gezegd
 
Thomas van den Heuvel

Thomas van den Heuvel

28/05/2020 16:25:16
Quote Anchor link
Gooi eens wat informatie in de console?

Kijk bijvoorbeeld eens wat de waarde van aantalzichtbaar is.

Het niet kunnen debuggen van JavaScript/jQuery vormt een grote / wellicht onoverkomelijke belemmering bij het bouwen ervan.

Dus leer te debuggen, en het programma kan jou zelf vertellen waarom het niet werkt.
 
Ivo P

Ivo P

29/05/2020 09:29:20
Quote Anchor link
ik heb trouwens show() en hide() verkeerd om staan.
 
Sem Bakker

Sem Bakker

29/05/2020 09:34:58
Quote Anchor link
Ja dat merkte ik al!


Toevoeging op 29/05/2020 10:09:02:

Hi het is me gelukt maar ben nu tegen een ander probleem aangelopen. Ik heb namelijk toegevoegd dat er class (notfound) moet worden toegevoegd als de span zichtbaar is, maar deze class wordt niet goed toegevoegd. Hij doet het de eerste keer wel als ik dan nog een letter invul voegt hij hem niet toe en dan weer wel. De class notfound kan ik niet normaal toevoegen aan de span aangezien er position: absolute; in staat en dan is hij altijd zichtbaar.

Wat kan ik hier aan doen? Dit is mijn javascript code:

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
   $(document).ready(function(){
      $("#productInput").on("keyup", function() {
         //alles lower case maken zodat het te vergelijken is
         var value = $(this).val().toLowerCase();
         // alles tonen wat overeenkomt met het ingevulde
         $("#productList li").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
         });

         //variable aantalzichtbaar gelijk stellen aan de het aantal li's dat zichtbaar is in de ul
         var aantalzichtbaar = $("#productList li:visible").length;
         //als er meer dan 0 zichtbaar zijn dan moet de tekst dat er niks is gevonden niet te zijn zijn anders wel
         if(aantalzichtbaar > 0){
            $('#niets').hide();
         }else{
            $('#niets').show();
            const niets = document.querySelector(".niets");
            niets.classList.toggle("notfound");
         }
        
      });
      
   });
 
Ivo P

Ivo P

29/05/2020 10:48:58
Quote Anchor link
dus je wilt die span met id=niets ook de class notfound meegeven in combinatie met show()?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
$('#niets').removeClass('notfound').hide();
$('#niets').addClass('notfound').show();
 
Rob Doemaarwat

Rob Doemaarwat

29/05/2020 11:59:19
Quote Anchor link
Hm, doe dan in CSS iets van:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
#niets{
  display: none;
}
#niets.notfound{
  display: block;
}

Kun je die hide/show weg laten en verplaats je het "probleem" verder volledig naar de CSS (persoonlijk vindt ik dat altijd de mooiste oplossing; als je dan wat aan je "look & feel" wilt veranderen hoef je geen code aan te passen).
 
Sem Bakker

Sem Bakker

29/05/2020 12:41:22
Quote Anchor link
Ahh dat was mijn plan ja maar deed het een beetje op een domme manier. Dankuwel!
 



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.