Shopping cart popup

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops work as optimal as possible. How do I become a PHP Developer at Coolblue? As a PHP Developer you work together with other development teams to make our webshop work as optimal as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little C# or JavaScript. Would you also like to become a PHP Developer at Coolblue? Read below if the job suits you. You enjoy doing this Writing PHP code. Working with the Customer Journey Specialist to make

Bekijk vacature »

Medior C# Developer

Samen met het development team zorg je ervoor dat alle systemen achter de schermen vlekkeloos werken. Wat doe je als Medior C# Developer bij Coolblue? Als C# developer doe je regelmatig mee aan brainstormsessies over user experience, data en task flow met de UX Designer, Product Owner en Data Scientist in je team. Daarnaast schrijf je op zichzelf staande, consistente en testbare code die goed onderhoudbaar en toekomstbestendig is. Ook C# Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Werken met verschillende soorten data-opslag, zoals Oracle of AWS. Problemen oplossen

Bekijk vacature »

Fullstack Developer @ Amsterdam

2021-11-19 iSense Fullstack Developer Ben jij een Fullstack Developer die graag aan de slag wil bij een van de grootste en meest gerenommeerde financiële organisaties wereldwijd? Wil jij je richten op projecten waar je van scratch af aan (inhouse) de meest innovatieve oplossingen gaat bedenken én uitvoeren voor erkende organisaties (met o.a. Python en JavaScript)? Lees dan nu verder! ISHU51587 Organisatie Als jij een Fullstack Developer bent is dit jouw kans om aan de slag te gaan bij een van de grootste en meest gerenommeerde financiële organisaties wereldwijd. Met diverse vestigingen zijn ze een belangrijke speler in de financiële markt.

Bekijk vacature »

.Net Developer

De vacature Vind jij het leuk om toekomstgerichte frameworks in .NET te bouwen en klanten te adviseren? Yes! Kom dan bij ons werken als medior .NET developer ?. Als medior .NET developer ben je al bekend met een aantal tools en frameworks, maar er valt ook nog genoeg te leren. Je vindt het leuk om problemen van de klant op te lossen en ze te adviseren. Functie eisen Je schudt zo wat design patterns uit je mouw en weet wanneer en waarom je die toepast. Maar dat is niet het enige, we vragen ook nog het volgende aan je: minimaal

Bekijk vacature »

Team Lead PHP

As Team Lead PHP, you make our customers smile by providing great software and building an effective team. How do I become a Team Lead PHP at Coolblue? As a Team Lead Web Development you build and lead a team that excels in providing high-quality and cost-efficient software. You support team members in defining their personal growth goals and with the approach to achieve them. Would you like to become a Team Lead PHP at Coolblue? Read below if the job suits you. You enjoy doing this Building and leading a team that excels in providing high quality and cost

Bekijk vacature »

Software Developer

De vacature Als senior developer bouw jij mee aan innovatieve software platforms. Waarbij jij het voortouw neemt en klanten helpt met eigen gemaakte software oplossingen vanuit onze tech stack (zoals Scala, Kotlin, RxJs, Java, Angular, AWS, Springboot, OpenShift, React). Deze platform software draait om de eindgebruiker en voegt echt waarde toe voor de participerende partijen. Wij zoeken een collega met een enorme passie voor software development. Jouw nieuwe collega’s zijn razend enthousiast en echte teamplayers. Dat enthousiasme werkt aanstekelijk en zo stimuleren we elkaar om samen te groeien, tot de beste resultaten te komen en te blijven ontwikkelen. Daar is

Bekijk vacature »

Junior Java ontwikkelaar @ Rotterdam

2021-11-28 iSense Junior Java ontwikkelaar Heb jij jouw HBO of WO studie afgerond en wil je graag opgeleid worden tot Fullstack Java Developer? Mooi! Op 7 februari 2022 starten wij met ons Graduate Programma waarin je na een driemaandelijkse betaalde bootcamp mag gaan starten bij een hele toffe opdrachtgever. Ben jij klaar voor deze stap? ISNA51151 Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf 7 februari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en jezelf te ontwikkelen tot Fullstack Java Developer. Zo volg je de eerste drie maanden

Bekijk vacature »

Full stack Senior Developer

De vacature Als Developer in een agile team ontwikkel je software voor zowel front- als backend van onze regelsystemen. Een ideale functie voor iemand met een brede interesse op het gebied van software ontwikkeling. Als teamlid heb je een eigen specialisme, op dit gebied ben je echt een voorloper. Je houdt de nieuwste ontwikkelingen in de techniek bij en draagt die kennis over op jouw collega’s. Functie eisen Goede mondelinge en schriftelijke kennis van de Engelse taal Ervaring met C#, CSS, HTML5 .Net 4.0 en javascript Kennis van TDD / SOLID / Clean code C# .Net Azure (apps, CosmicDB) Angular

Bekijk vacature »

Senior PHP Developer

De vacature Als Senior PHP Developer ben je verantwoordelijk voor het ontwikkelen, het testen en implementeren van de software. Je voert regelmatig overleg met de business. Je werkt vanaf een vaste werkplek. Je hebt aantoonbare ervaring met het bouwen van complexe database-gestuurde web-applicaties. PHP kent geen geheimen meer voor je en je weet alle mogelijkheden van MySQL optimaal te benutten Daarnaast beschikt je over voldoende kennis om een complex database model uit te lezen voor complexe toepassingen. Je bent in staat iedere vorm van gebruikersgemak in te bouwen. Je staat open voor nieuwe technieken en vindt het leuk oplossingen te

Bekijk vacature »

Backend .Net Developer

De vacature What You'll Achieve Join our adventure early: We’re an early-stage startup with a small tight-knit team, so you will get to know and work with all of us. Make a big impact: You’ll help build Hadrian as a best-in-class hacker-based digital security platform for our enterprise customers. Solve complex problems: You’ll work with the product team to solve interesting technical puzzles, so expect to grow a lot as a programmer. Functie eisen We don't have any hard requirements, as we welcome talented people from all backgrounds. We’re looking for fast-learners who are excited about our mission and keen

Bekijk vacature »

Microsoft Developer (Relocation)

Within ICT Group, the Machine & Systems business unit works on advanced control systems for machine and equipment builders and for large system integrators. Together with your colleagues, you ensure that products function optimally and are connected. Internet of Things, Cloud solutions and Big Data are now an integral part of this market segment. We supply complete products (hardware, OS and software applications) and add value by carrying out complete projects with responsibility for results at one of our locations, by supplying knowledge and experience at our customers' locations and through consultancy. You like to work on various software development

Bekijk vacature »

Python Developer

De vacature As a Python Software Engineer you will join our team of broadly skilled technicians, and work on AI technology in the area of Incident Prediction. Maintaining, expanding and deploying Python micro services is done with the use of DevOps, where you share a common understanding of continuous integration processes. Besides being a passionate Python coder, you get as thrilled as most of us do from learning new tools, technologies, code design patterns and possibly even new languages. You thrive in an expanding team where agility, flexibility and communication are crucial. Functie eisen Preferably 3 years experience with Python

Bekijk vacature »

Integratie Developer @ Maasdijk

2021-07-27 iSense Integratie Developer Ben jij recent hbo afgestudeerd en wil jij je verder verdiepen in de wereld van applicatie integraties en koppelingen? En wil jij deze ervaring op doen bij een organisatie die zich dagelijks inzet voor een veilig Nederland? Dan is deze rol wat voor jou! ISBI50587 Organisatie De afdeling waarin jij terecht komt is verantwoordelijk voor de realisatie en het beheer van allerlei koppelingen en applicaties. Denk hierbij aan externe koppelingen en domein overstijgende interne koppelingen. Aangezien het gaat om een organisatie wat niet alleen lokaal, maar ook nationaal opereert krijg je te maken met een zeer

Bekijk vacature »

Backend Developer @ Amsterdam

2021-11-19 iSense Backend Developer Ben jij een Backend Developer die graag aan de slag wil bij een van de grootste en meest gerenommeerde financiële organisaties wereldwijd? Wil jij je richten op projecten waar je van scratch af aan (inhouse) de meest innovatieve oplossingen gaat bedenken én uitvoeren voor erkende organisaties (met o.a. Python en Django)? Lees dan nu verder! ISHU51586 Organisatie Als jij een Backend Developer bent is dit jouw kans om aan de slag te gaan bij een van de grootste en meest gerenommeerde financiële organisaties wereldwijd. Met diverse vestigingen zijn ze een belangrijke speler in de financiële markt.

Bekijk vacature »

Full Stack Cloud & C# Developer - Amersfoort

De vacature Valtech is looking for a Full Stack Cloud Developer. Someone who loves working with the newest technologies and is on top of what’s next. Do you have a keen eye for performance, stability and traceability? Are you always seeking the highest quality in code? And aren't you scared away by maintaining and running your own applications on a day-to-day basis, being responsible for (infra-as-code) deployments and aligning with the cloud engineering team to get stuff done? Read on, because we have a match! What will you be doing? As our new Full Stack Cloud Developer, you build and

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

06/12/2021 22:17:20
 
- 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.