Shopping cart popup

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Front-end Developer - React - Data Driven

Bedrijfsomschrijving Onze klant is een snelgroeiende organisatie die een data-driven inspectieapp op de markt hebben gebracht die nu al een aantal jaar door verschillende organisaties wereldwijd gebruikt wordt. Er zijn zo'n 6 mensen werkzaam bij dit bedrijf en ze zijn nu vooral op zoek naar een sterke front-end developer die wil gaan werken aan nieuwbouw applicaties en de uitbouw van de huidige applicaties. De reden dat ze zoeken is omdat er veel werk op komst is en ze hier de juiste capaciteit voor willen hebben. Er heerst hier een hele prettige sfeer waarin respect en eerlijke communicatie belangrijk is. Ook

Bekijk vacature »

Front-end React developer

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

Junior Fullstack Developer

Functie omschrijving Heb jij je universitair diploma Informatica afgerond en ben jij op zoek naar een startersfunctie waar jouw ontwikkeling in een hoog vaandel staat? Voor een softwarebedrijf in Amsterdam zijn wij op zoek naar een Junior Fullstack Developer. Je begint met een op maat gemaakte training om de kennis bij te spijkeren die jij nog mist. Uiteraard leer je het meeste tijdens je werk, maar de training geeft je hiervoor alvast de juiste handvatten. Je kunt het volgende verwachten! Jij ontwikkelt in technieken als Java, Javascript en SQL. Je werkt hierbij volgens de Agile/Scrum methode; Na het afronden van

Bekijk vacature »

Python developer Consultancy

Functie Als Python developer bij deze organisatie werk je voor verschillende klanten. Doordat de oprichter een groot netwerk heeft kun je zelf voorkeuren uitspreken in het type projecten dat je wilt gaan doen. Zo zijn er bijvoorbeeld langdurige of juist korte projecten, maar is ook het type klant, of project bespreekbaar. Werk jij bijvoorbeeld graag aan een nieuw, state-of-the-art web portaal of ben je liever betrokken bij een migratietraject van een bestaande applicatie? Wij gaan voor jou aan de slag! Eisen • Je bent een gedreven developer met sterke voorkeur voor Python • Je bent meer dan een codeklopper •

Bekijk vacature »

Front end developer React

Functie Wij zijn van origine een wordpress bureau, maar sinds 2006 zijn wij dit wel redelijk ontgroeid. Naar mate de jaren verstreken zijn we gegroeid in omvang, maar ook in de complexiteit van opdrachten waarin wij onze klanten kunnen bedienen. Momenteel bestaat onze organisatie uit 4 front end developers, 12 back end developer 3 projectmanagers en een 2 koppig management. Wij zijn een hele informele, bijna familiaire organisatie. Geen strak pak of overhemd, nee gewoon dragen waar jij je prettig bij voelt. De gemiddelde leeftijd ligt tussen de 25 en 30 en wij doen er veel aan om onze hechte

Bekijk vacature »

Software developer (Python)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en houden ze zo nu en dan pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Je hebt in je werk oog voor kwaliteit, risico’s en het klantbelang. Communicatie met

Bekijk vacature »

Front-end developer Supply Chain Angular, ReactJS,

Functie Het development team bestaat momenteel uit 9 fullstack (Python en .NET) developers. Binnen het team ga jij je toespitsen op het creëren van de optimale toegankelijkheid en user experience. Om dit voor elkaar te krijgen zul je ontwerpen, programmeren, testen en implementeren. Het hele proces dus! Maar ook bijvoorbeeld meedenken over strategie en design. Hierin krijg je veel vrijheid om de functie naar eigen inzicht in te vullen en te pionieren. Alle data die wordt gebruikt is zichtbaar in een webapplicatie, geschreven in Angular en React. Momenteel zijn ze bezig om de dashboards anders vorm te geven en de

Bekijk vacature »

Senior Java developer

Als Senior Developer bij Sogeti ben je onderdeel van onze toonaangevende best-gecertificeerde Java community. Deze bestaat uit ruim 100 gepassioneerde professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfskritische systemen. Een voorbeeld hiervan is een cliënt-volgsysteem bij Reclassering Nederland. Andere klanten waar wij onder andere voor werken: KPN, Philips, Nationale-Nederlanden, Kamer van Koophandel, ABN AMRO, Bovemij, Aval en de Nationale Politie. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We

Bekijk vacature »

Front-end developer

Functie Jij komt te werken in een team van 5 developers. het product is continue in beweging. Nieuwe en bestaande klanten vragen om vaak nieuwe features. Hierin ben jij zeer belangrijk om te zorgen dat de functionaliteiten goed opgezet worden op technisch vlak. Designs krijg je aangeleverd van een externe partij zodat jij je primair kan focussen op de techniek! Je hebt daarbij alle vrijheid om je eigen creativiteit toe te passen en mee te denken over de gebruikte technieken. Het gezamenlijke doel is een product dat functioneel zeer gebruiksvriendelijk is en het bedrijfsproces van de gebruikers versneld en kwalitatief

Bekijk vacature »

Senior Airport Developer ( System engineer)

De functie Nice to know (you) De nieuwe A-pier wordt de duurzaamste van Schiphol. Als deze af is ligt er 4000 vierkante meter zonnepanelen op het dak. En de toiletten? Die spoelen door met regenwater. we gaan ervoor: het creëren van de meest duurzame en hoogwaardige luchthavens ter wereld. een toekomstbestendig en duurzaam Schiphol. Daar werken we elke dag hard aan in team Development & Sustainability. Jij bent regisseur, expert én aanjager van de ontwikkeling van Schiphol. Connecting your world Hoe maak je de ambities en doelstellingen van Schiphol concreet in een project? De waarde voor Schiphol naar eisen die

Bekijk vacature »

Low Code Ontwikkelaar

In het kort Als Low Code Developer werk je aan projecten bij en voor onze klanten, waarbij je voor het ontwikkelen van de oplossingen een technisch low-code platform gebruikt. Samen met het team streef je naar de beste oplossing en bepalen jullie de juiste aanpak. Je rol is divers en je bent van begin tot eind betrokken bij de ontwikkeling zowel de back-end en de front-end van de applicatie. Naast de ontwikkeling en oplevering, breng je ook advies uit aan de klant waarom bepaalde keuzes worden gemaakt. Je bent dan ook communicatief sterk en kunt je keuzes goed (inhoudelijk) onderbouwen.

Bekijk vacature »

Senior .NET Ontwikkelaar

In het kort Als Senior .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag met complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek (denk aan ECT) en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan

Bekijk vacature »

.NET developer

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Social Media Specialist

Social Media Specialist locatie: Rotterdam (Zuid Holland) Wij zoeken op korte termijn een nieuwe collega, een social media specialist/ adviseur sociale media (24 uur), voor ons sprankelende team Communicatie van CJG Rijnmond. Onze focus ligt op het informeren en binden van onze in- en externe klanten en stakeholders en het versterken van onze naamsbekendheid en zichtbaarheid. Dat doen we in nauwe samenwerking met elkaar. Over de functie Ons team bestaat uit 7 communicatieprofessionals met ieder een eigen expertise. Als lid van het online team ben je verantwoordelijk voor het ontwikkelen, uitvoeren en analyseren van onze socialemediastrategie. Ook stel je campagnes

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

26/12/2024 12:32:59
 
- 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.