Shopping cart popup

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior Front-end Developer

As a medior Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Medior Front-end Developer at Coolblue? As a Medior Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. "Want to become a Medior Front-end Developer at Coolblue? Else de Boer explains how to

Bekijk vacature »

Stage Web Developer

Wie zijn wij? pili's visie is om voor iedereen een wereld vol services te creëren gedreven door techniek. We streven ernaar om de plek te worden waar je professionals kan vinden, boeken en betalen op basis van gemak, transparantie en vertrouwen. We bouwen momenteel ons SaaS ecosysteem voor service professionals waarin zij hun klanten en zaken op 1 plek beter kunnen beheren. We digitalizeren de services sector en zijn van plan om nog meer functionaliteit toe te voegen zodat uiteindelijk iedereen de juiste vakman kan vinden en iedere professional zijn services eenvoudig en op een unieke manier kan aanbieden op

Bekijk vacature »

C# .NET Developer Coördinator

Bedrijfsomschrijving Als Ontwikkelaar kom je te werken bij een internationale organisatie die zich heeft gespecialiseerd binnen de machinebouw. Totaal wereldwijd bestaat de organisatie uit meer dan 1500 werknemers en bevinden de klanten zich over de hele wereld. Met hun machines worden de klanten kwalitatief sterker en staat innovatie voorop bij de medewerkers. Op het hoofdkantoor dat gevestigd is in Nederland werken ongeveer 300-400 man en daar zal jij ook terechtkomen. In deze functie houd je je bezig met de software die wordt ontwikkeld op de productiemachines en systemen. In deze rol heb je een dubbele functie: je werkt zoveel mee

Bekijk vacature »

Backend C# Developer gezocht voor medische applica

Bedrijfsomschrijving Wil jij werken voor een organisatie die actief is in de branche van medische applicaties? En ben jij een Backend C# Developer met minimaal 2 jaar ervaring? Dan ben je hier aan het juiste adres! Je komt terecht in een team van zo'n 30 man sterk, waarvan ongeveer de helft op de IT afdeling werkt. Deze afdeling bestaat uit o.a. Developers, Data Scientisten/Specialisten en Designers. De gemiddelde leeftijd is laag (rond de 33) en de werknemerstevredenheid is hoog. Iedereen is trots op wat hier gemaakt wordt en iedereen zet zich elke dag in voor een gezondere samenleving. Iedereen werkt

Bekijk vacature »

Cloud CRM / WebApp developer

(4-6 j development team ervaring - 32 uur per week, Utrecht/thuiswerken) Solease is een snel groeiend bedrijf en heeft als missie om duurzame energie voor iedereen toegankelijk te maken. Daarom bieden wij het huren van zonnepanelen aan als laagdrempeliger en duurzamer alternatief voor bezit. Door het wegnemen van de investeringsdrempel, het gedoe en risico draagt Solease bij aan het versnellen van de energietransitie. Voor mensen die het huren willen overslaan, bieden we ook de mogelijkheid om de zonnepanelen direct te kopen. Daarnaast zijn andere verduurzamende maatregelen in de planning. Wil jij met jouw werk échte impact realiseren? Lees dan verder

Bekijk vacature »

C# .NET Developer

Bedrijfsomschrijving Onze klant bouwt dynamisch en voornamelijk op .NET gebaseerde software voor diverse organisaties die zowel nationaal als internationaal opereren. De vestiging in Apeldoorn vormt onderdeel van een grotere organisatie met meerdere locaties in Nederland. De focus hier is om effectieve software te bouwen om data intensieve processen zo goed en overzichtelijk mogelijk te laten verlopen. Om dit soort processen goed te waarborgen en dat de juiste doelstellingen worden gehaald bieden zij velen oplossingen. Een voorbeeld hiervan is maatwerk mobile apps die gekoppeld worden aan zowel eigen software als die van diverse andere organisaties om de juiste data flows mogelijk

Bekijk vacature »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

Bekijk vacature »

Front-End Developer

Wil je als Front-End Developer aan de slag? Ben je toe aan een nieuwe uitdaging met afwisseling en zelfstandigheid in een zelfsturend team dat verantwoordelijk is voor de bedienings-apps van het klimaat in gebouwen en in kassen? De klant heeft aan ambitie geen gebrek en wilt baanbrekend zijn binnen hun segment. Hoe zij dit willen doen? Daar vertel ik je graag meer over in een persoonlijk gesprek. Je werkt als Front-End Developer samen met Product Owners, Architecten, (Embedded) Software Ontwikkelaars, Support medewerkers en Test Engineers aan de ontwikkeling van onze producten. Als Front-End Developer ben je in staat om met

Bekijk vacature »

Applicatie engineer

Ben jij een teamplayer en krijg je energie van het ontwerpen, verbeteren en onderhouden van nieuwe en bestaande IT-systemen bij onze klanten? Wil je jouw ICT-kennis optimaal inzetten én verder uitbreiden? Lees dan zeker even verder! Als Applicatie engineer bij NEH onderhoud je de automatiseringssystemen en IT-applicaties die in beheer zijn van NEH. Daarnaast ontwerp en realiseer je ook nieuwe systemen of breng je verbeteringen aan in bestaande systemen en de relevante onderliggende interfaces tussen deze systemen. Bij de start van je carrière bij NEH begin je met een specifieke klus via een partner van NEH. Dit betreft het patchen

Bekijk vacature »

Medior Front-end developer

Medior Front-end developer Functiebeschrijving: Ben jij een software engineer met passie voor front-end development? Wil jij je verder ontwikkelen in de nieuwste front-end technologieën? Zoek jij uitdagende klussen in teamverband? Wij bieden jou die uitdaging en de mogelijkheden jezelf verder te ontwikkelen. Wat ga je doen? In de financiële sector is de digitalisering in volle gang. Deze is door de Corona crisis nog eens flink opgevoerd. Steeds meer wordt digitaal gedaan, denk aan: polis informatie inzien, claims online declareren en zelfs schades opnemen door een schade expert. Bovenop dit alles moet het ook nog zoveel mogelijk automatisch door de keten

Bekijk vacature »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

Bekijk vacature »

SAP FS-PM Developer DevOps

Bedrijfsomschrijving For our client in Rotterdam, we are looking for a SAP developer with experience in FS-PM (Financial Services – Policy Management). Within the Pensions department, you get to work in one of ten SAP teams. This department is responsible for all of the pension administration services, including general and client-related processes. Increasing customer satisfaction is one of the most important goals of the organization. Together with your team, you ensure that the pension administration service runs as smoothly and as automated as possible. Functieomschrijving Are you a SAP developer with experience in an Insurance company? Do you have experience

Bekijk vacature »

Java developer (medior & senior)

Op zoek naar leuke collega's waarmee je kunt lachen, gave projecten en een ambitieuze werkgever die heel goed voor je zorgt? Aangenaam: Profit4Cloud! Wij zijn nu met 55 collega's en werken sinds 2015 vanuit 5 vestigingen aan mooie projecten met een fijne groep collega's die allemaal maar één ding willen: mooie en slimme software-oplossingen ontwikkelen met de nieuwste technieken. We zijn goed bezig en zijn daarom op zoek naar versterking: Java Software Engineers met ervaring in back-end en front-end software ontwikkeling. Ben jij de Java Software Engineer die enthousiast wordt van mooie projecten waar binnen jij een belangrijke rol speelt?

Bekijk vacature »

Front-end developer Javascript

Bedrijfsomschrijving Onze klant is een internationale organisatie met meerdere vestigingen wereldwijd en het hoofdkantoor in Rotterdam. Momenteel zijn wij voor hun op zoek naar een medior/senior Front-end Developer om het team te versterken. Het team bestaat uit 4 ontwikkelaars waarvan een Lead en 1 junior en 2 supportmedewerkers. Onze klant is op zoek naar een ervaren ontwikkelaar die tussen de junioren kan staan en de Lead, zodat de Lead zich meer kan richten op andere projecten. Als Medior/Senior word van je verwacht dat je de junioren kunt helpen in het bouwen van simpele en schaalbare code. En ben je verantwoordelijk

Bekijk vacature »

ETL Developer Datawarehouse

Wil jij je ETL-ontwikkelexpertise inzetten binnen de zorg? Dan is dit jouw baan! Je werkt vanuit de Crystal Tower in Amsterdam met de nieuwste Microsoft-technieken aan slimme oplossingen die zorgorganisaties helder inzicht geven in hun verbeterpunten. Jouw baan Onze datamodellen geven ziekenhuizen meer inzicht in hun huidige activiteiten en verwachte ontwikkelingen. Jij gaat deze complexe modellen verder uitbouwen én ontwikkelt en verbetert daarbij proactief de ETL in C# en SQL. Hierbij heb je alle ruimte om te sparren met (ervaren) collega-ETL-ontwikkelaars en werk je samen met onze BI-ontwikkelaars, software developers en consultants technische implementatie. Jouw team Je versterkt een gemotiveerd

Bekijk vacature »
Yoeri Achterbergen

Yoeri Achterbergen

14/12/2017 13:57:05
Quote Anchor link
Hi,


Wat ik probeer te bereiken is een popup wat geladen word als er op de winkelwagen button word geklikt.
De Jquery werkt op bijvoorbeeld codepen etc. maar op de site waar het daadwerkelijk moet gaan functioneren niet, wat komt door een refresh van de pagina.

Wat ik heb geprobeerd is het volgende
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
$("#show_popup").click(function() {
  $(window).on("load", function() {
    $("body").append('<div class="basket_overlay"></div>');
    $(".basket_overlay").fadeIn(400, function() {
      $(".ccjc_basket_popup").fadeIn(500);
    });
  });
});


Helaas krijg ik het niet werkend :(

Welke manier bestaat er om dit te creëren ?

Gr. Yoeri
 
PHP hulp

PHP hulp

24/01/2021 13:52:51
 
- Ariën -
Beheerder

- Ariën -

14/12/2017 14:10:03
Quote Anchor link
Hoe refresht die pagina zich? En waarom refresht die zich?
Dan zou ik eerder denken aan een asynchrone refresh met AJAX.
Gewijzigd op 14/12/2017 14:10:25 door - Ariën -
 
Frank Nietbelangrijk

Frank Nietbelangrijk

14/12/2017 14:19:18
Quote Anchor link
Wellicht bedoel je dat je de popup direct wilt zien na het laden van de pagina?

Over het algemeen moet je gewoon een css attribuut aanpassen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$('#myModal').css('display: block;');


Maar persoonlijk vindt ik het in een dergelijk geval toch nog iets directer als je een style blok invoegt in de head van je html:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<style>
#myModal { display: block !important; }
</style>
 
Nick Vledder

Nick Vledder

14/12/2017 15:45:33
Quote Anchor link
@Yoeri
Kan het zijn dat jij regel 1 en regel 2 hebt verwisseld?

PS Ik weet ook niet of je liever zou kiezen voor: $( document ).ready(function() ...

... om vervolgens het click-event te koppelen aan het element met id "show_popup".

Verder is het beter te spreken over modal/ dialog.
Gewijzigd op 14/12/2017 17:58:19 door Nick Vledder
 
Thomas van den Heuvel

Thomas van den Heuvel

14/12/2017 16:56:59
Quote Anchor link
Wat @Nick zegt, dit is een vreemde constructie.

Lees je code nog eens na:
Als je klikt op #show_popup moet er iets gebeuren, maar alleen als $(window).on("load") vuurt. Maar je kunt pas klikken op #show_popup als het document geladen is. En dan heeft $(window).on("load") al gevuurd, en zal dit waarschijnlijk niet opnieuw doen? Dus ergens is het niet zo verwonderlijk dat er niets gebeurt?

Splits dit in twee acties:
- het dynamisch toevoegen van de basket_overlay-div wanneer het document wordt geladen
- dingen die moeten gebeuren als je klikt op #show_popup

Je had ook wellicht de DOM kunnen inspecteren, waarschijnlijk komt de div hier in de huidige opzet helemaal niet in terug?

EDIT: en mogelijk moet je het default gedrag van de klikactie afvangen met .preventDefault() (of hoe dit ook heette), zodat de link (of wat dit element ook is) niet wegnavigeert van de huidige pagina.

EDIT #2: en wat @Nick dus zegt, als je je code niet omringt met $().ready() of equivalent is de pagina mogelijk nog niet geladen gereed op het moment dat de JavaScript wordt uitgevoerd. De huidige constructie is dus zodanig dat er meerdere momenten zijn waarop het mis kan gaan.
Gewijzigd op 14/12/2017 17:06:42 door Thomas van den Heuvel
 
Yoeri Achterbergen

Yoeri Achterbergen

14/12/2017 21:19:28
Quote Anchor link
Dank voor de reactie’s hier ga ik even mee stoeien.
De site is extern gebouwd dus het is voor mij even zoeken waar wat staat qua codering.
Op het moment dat er een product in de winkelwagen word gestopt komt achteraan in de link ‘?justinbasket=true’ te staan.

De pagina word dus opnieuw geladen waardoor de link veranderd. De actie van het orderformulier word verwerkt in de index.php.
Kan ik dan alsnog werken met de jQuery default functie?
 
Nick Vledder

Nick Vledder

14/12/2017 23:05:28
Quote Anchor link
@Yoeri
Er zit nogal wat ruis in vraagstelling. Dus, keer ik even terug naar de vraag waarmee je bent begonnen. Het tonen van de modal/ dialog van de winkelwagen (uitgeklapt als het ware). Dit uitklappen (en inklappen eventueel, d.i. togglen) leent zich zeer prima voor clientside oplossing m.b.v. JS (bijv jQuery).

De HTML die je in 'uitgeklapte' vorm laat zien, kun je middels AJAX (jQuery e.a. bibliotheken) rechtstreeks van de server halen mochten bepaalde data nog niet voorhanden zijn in de browser.

PS 1. Veranderen URL kan ook clientside, zonder herladen pagina. Geen best practice overigens, maar evenmin uit te sluiten (door mij dan) dat het hier niet gebeurt.

2. Zelf ben ik niet zo'n fan van onnodig herladen pagina's (los van het feit of dat daadwerkelijk gebeurt). Mag ik vragen op basis van welk e-Commerce framework deze site is ontwikkeld?
Gewijzigd op 14/12/2017 23:29:59 door Nick Vledder
 
Rob Doemaarwat

Rob Doemaarwat

15/12/2017 10:13:25
Quote Anchor link
Nick Vledder op 14/12/2017 23:05:28:
Veranderen URL kan ook clientside, zonder herladen pagina. Geen best practice overigens

Huh?
 
Nick Vledder

Nick Vledder

15/12/2017 18:19:35
Quote Anchor link
History Object?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

15/12/2017 18:33:06
Quote Anchor link
>> Veranderen URL kan ook clientside, zonder herladen pagina. Geen best practice overigens

Veranderen URL kan tegenwoordig prima Clientside. Maar De nieuwe URL moet wel geldig zijn. Over het algemeen gebruik je dit nadat je een deel van de pagina voorzien hebt met nieuwe content. Deze content zou je ook te zien moeten krijgen als je de pagina opnieuw laadt met de nieuwe URL. (Althans dan ben je goed bezig in mijn optiek)
 
Rob Doemaarwat

Rob Doemaarwat

15/12/2017 19:58:09
Quote Anchor link
@Nick: History Object ken ik. Vroeg me alleen af waarom het geen "best practice" zou zijn?

Als je met window.onpopstate er voor zorgt dat de back en forward button gewoon blijven werken (zoals de gebruiker verwacht), en zoals Frank al zegt er voor zorgt dat de URL die je toont later (bijvoorbeeld na doorsturen of bij F5) ook weer precies hetzelfde resultaat geeft, dan lijkt mij d'r niks mis mee.
 
Nick Vledder

Nick Vledder

15/12/2017 20:40:44
Quote Anchor link
@Rob true, je ziet ook nog wel ‘s window.location.replace en daar ben ik zelf niet zo fan van. Mss moet ik het beter niet noemen...
Gewijzigd op 15/12/2017 20:42:04 door Nick Vledder
 



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.