Volgersysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior Metadataspecialist

Maak jij het mogelijk? In je rol van Junior Metadataspecialist draag je bij aan het bruikbaar en zichtbaar maken van al onze collecties, via wetenschappelijke zoekportals maar ook via de online bibliotheek en alles wat daar tussen zit. Als Junior Metadataspecialist speel je ook een rol in de modernisering van de manier waarop metadata wordt gebruikt. Jíj weet dat het creëren van goede metadata meer is dan alleen de datalaag en dat verbinding met de integratie- en de dienstenlaag essentieel is. En er is meer. Jij bent de Junior Metadataspecialist die: bibliografische metadata creëert en beheert. data controleert en analyseert

Bekijk vacature »

DevOps Engineer

Keesing Technologies offers cutting-edge identity verification that allows you to establish an individual’s identity from anywhere in the world and protect your business from fraud. Our unique technologies are built on our long-standing expertise, extensive ID knowledge and the world’s most comprehensive ID document database. In short, we offer identity verification you can trust. To support our ambitious global growth, we are looking for a Senior DevOps Engineer Job Description As DevOps at Keesing Technologies you will be joining an ambitious international team in Amsterdam whose objective it is - with your support - to meet and exceed its growth

Bekijk vacature »

Information Security Officer (IT)

Information Security Officer (IT) Utrecht Toe aan een internationale uitdaging op het gebied van informatiebeveiliging? Samenwerken met de beste IT specialisten in ons Business Acceleration team? Dan is deze functie van Information Security Officer bij Brink’s de plek voor jou! Jouw verantwoordelijkheden Als informatie functionaris ben je verantwoordelijk voor het vastleggen en onderhouden van de informatiebeveiligings-, IT-compliance en IT-risk programma’s voor Brink’s Nederland en België. Jij zorgt ervoor dat de informatiemiddelen, applicaties van Brink’s en onze systemen afdoende zijn beveiligd en voldoen aan de geldende normen. Ook ga je andere vestigingen van Brink’s in Europa ondersteunen op jouw vakgebied. De

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Flexibility, autonomy and an organisation that prioritises innovation. As java developer at Randstad Groep Nederland IT, those things are the foundation of your work. As we continue to take steps in our digital transformation, our talent store team is looking for you! Who are we? RGN IT is the central IT department behind randstad, tempo-team and yacht, a department of almost 400 specialists, developing, building and maintaining the systems and solutions we use to impact the working lives of hundreds of thousands of people worldwide. What will you be working on? You will be an integral part of our

Bekijk vacature »

BPM Developer

Je levert een belangrijke bijdrage aan de optimalisatie en inrichting van onze processen. Voor ons hoofdkantoor in Waalwijk zoeken wij een BPM Developer voor 32 tot 40 uur per week. Als BPM Developer lever je een belangrijke bijdrage aan de optimalisatie en inrichting van onze processen. Je levert een coördinerende en uitvoerende bijdrage in elke fase van de digitalisering van ons bedrijf. DMG, een huis vol mogelijkheden. DMG werkt met de software van Pegasystems. We werken zeer nauw samen met de Pega organisatie in NL, USA en India. DMG is begonnen met de invoering van Customer Service, Sales en Field

Bekijk vacature »

Developer (PHP)

Als PHP developer werk jij mee aan de uitbreiding van onze SaaS applicatie. Je bouwt aan nieuwe functionaliteiten, verbetert ons Content Management Systeem op basis van Symfony en optimaliseert de gebruiksvriendelijkheid. Je werkt aan een mooi product dat continu uitgebreid wordt en de potentie heeft om de wereld over te nemen! Naast het meewerken aan de uitbreiding van onze SaaS applicatie, werk je ook aan specifieke modules voor onze klanten. Klanten als Scania, Fletcher Hotels, Gamma of Aditech hebben jouw hulp nodig! Wil jij meewerken om onze ambitie waar te maken? We bieden: Een salaris tussen € 2200 en €

Bekijk vacature »

Lead Developer E-commerce

Bouwen aan het VDL E-commerce platform van de toekomst wat geschikt moet zijn voor meer dan 100 industriële bedrijven in verschillende markten. Als Salesforce lead developer vertaal jij de behoeftes van de VDL-bedrijven op het gebied van E-commerce naar oplossingen binnen het raamwerk van onze digitale fabriek. Vind jij het leuk een divers team van configurators en business analisten te leiden in de verdere ontwikkeling van het E-commerce platform? De VDL Salesforce reis is krap 1,5 jaar geleden begonnen binnen VDL. Er zijn nog legio uitdagingen en wensen die nog ingevuld moeten worden. Krijg jij er energie van om op

Bekijk vacature »

C# .NET Core Ontwikkelaar

Wie zijn wij? Als ervaren leverancier van oplossingen voor industriële technologie wil ICT Netherlands de wereld elke dag een stap slimmer maken. Onze toegewijde technische professionals voorzien klanten van diensten op het gebied van consultancy, softwareontwikkeling, projectmatige oplossingen en managed services. In het kort Als C# .NET Core ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag 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 en productielogistiek.

Bekijk vacature »

Start-up zoekt Javascript Developer (Google Platfo

Bedrijfsomschrijving Deze snelgroeiende start-up is ter versterking van hun 9-koppige team (waarvan 4 Developers) op zoek naar een Javascript Developer die heel graag wil blijven leren en met de organisatie mee wil groeien! Er wordt hier in een jong en enthousiast team gewerkt aan interessante projecten in het Google Platform. Functieomschrijving Je zal aan veel verschillende en uiteenlopende projecten komen te werken, waardoor geen één dag hetzelfde is. Een voorbeeld is een webapplicatie waarmee een tunnelsysteem 3D in kaart gebracht kan worden. Deze webapplicatie is door de opdrachtgever zo goed ontvangen, dat zij gevraagd hebben of er ook een mobiele

Bekijk vacature »

Senior/Lead Front-end Developer gezocht!

Bedrijfsomschrijving Voor een grote klant in Utrecht (300+) medewerkers ben ik momenteel op zoek naar een ervaren Front-end Developer met diepgaande kennis van Javascript, Angular of React. De kernactiviteiten van dit bedrijf bestaand voornamelijk uit het verzorgen van digitale transformaties voor grote klanten in Nederland. Ze werken hierbij in multidisciplinaire teams samen van gemiddeld 7 personen. Dit gebeurt op locaties van de klant, maar ook vanuit huis en kantoor. Je zult voornamelijk samenwerken met Backend Developers, UX en Design collega’s. Wat maakt dit bedrijf geweldig om voor te werken? - Meerdere malen verkozen tot beste werkgever; - Volledige transparantie en

Bekijk vacature »

Oracle PL/SQL ontwikkelaar

Bedrijfsomschrijving Mijn klant is gevestigd in de regio Velp en een bekende speler binnen de retailsector in Nederland. Vanuit het hoofdkantoor worden er dagelijks vele goederenstromen beheerd en gedistribueerd. In totaal werken er op het hoofdkantoor ruim 400 FTE en er heerst een gezellige informele werksfeer. Functieomschrijving Momenteel is de IT afdeling 30 FTE groot. Binnen deze functie word je ingezet om applicaties door te ontwikkelen , maar ook het bouwen van nieuwe applicaties gaat tot je werkzaamheden behoren. De organisatie heeft als doelstelling de externe ingehuurde Oracle ontwikkelaars te vervangen door in-house werknemers. Het betreffen complexe applicaties die door

Bekijk vacature »

Group Netwerk & Service Desk Administrator

Group Netwerk & Service Desk Administrator 32 – 40 uur per week, Burg Groep B.V. te Heerhugowaard Burg Group is een internationaal familiebedrijf met productiefaciliteiten in 5 verschillende landen waarvandaan we naar ruim 30 landen exporteren. Hiermee zijn we de grootste azijnproducent van Europa! Binnen de gehele Burg Group wordt veel waarde gehecht aan pro-activiteit, innovatie en duurzaamheid. Om goed ons werk te kunnen doen is het voor onze organisatie zeer belangrijk dat wij beschikken over een goede IT- Infrastructuur. Wegens tijdelijke vervanging zijn wij op zoek naar een Group Netwerk & Service Desk Administrator. Ben je een aanpakker, en

Bekijk vacature »

Agile Projectmanager IT

Heb jij het liefst de touwtjes in handen, denk je niet één, maar meerdere stappen vooruit en weet je het team collega's hierin mee te krijgen? Wij zijn op zoek naar een ervaren it projectmanager die ervoor zorgt dat onze projecten effectief verlopen. Iets voor jou? Lees dan snel verder. Wat ga je doen? Als Projectmanager draag je zorg voor het uitvoeren, bewaken en opleveren van projecten op het gebied van IT voor de verschillende ondernemingen van de Rensa Family. Dit betekent dat je het projectplan schrijft, de projectorganisatie inricht, als aanspreekpunt voor de projectomgeving fungeert, leiding geeft aan één

Bekijk vacature »

Business Analyst

Business Analyst Utrecht Toe aan een internationale uitdaging in een nieuw IT team met veel ontwikkelingsmogelijkheden? Kom werken als Business Analyst bij Brink’s Nederland! Jouw verantwoordelijkheden Je komt te werken in het enthousiaste team van Software Development (6-8 collega’s) welke onderdeel uitmaakt van ons Brink’s Acceleration Centre. Het Brink’s Acceleration Centre is recent opgericht en is nog steeds groeiende. Vanuit je team ga je werken aan het centraliseren van grote hoeveelheden informatie. Dit vereist samenwerking met (lokale) IT- en bedrijfsteams van Brink’s, samenwerking met collega’s in andere Europese landen of de US is daarbij vaak nodig. Je gaat nauw samenwerken

Bekijk vacature »

Full Stack Java of C# developer

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: Full Stack Java of C# developers met ervaring in back-end en front-end software ontwikkeling. Ben jij de Full Stack developer die enthousiast wordt van mooie projecten met high-end technologie? Dan

Bekijk vacature »
G Jansma

G Jansma

14/09/2018 20:25:34
Quote Anchor link
Hoi,

Ik wil graag een 'volgsysteem' maken zoals bijvoorbeeld op Twitter. Waarbij je dus op 'Follow' kan klikken waarbij je iemand kan volgen. Ik heb even een versimpelde opzet gemaakt, maar loop een beetje vast.

Het MYSQL-deel kan ik wel - heb ik nog even weggelaten - alleen ben ik niet zo handig met javascript/jQuery deel. Hoe kan ik dat vervolgens doen dat de button op de pagina verandert van Follow naar Unfollow als iemand er (succesvol) op heeft geklikt?

Is tot dusver zo in orde? En is Ajax dan de manier waarop dat moet? Ik vind het altijd een beetje raar dat je de URL kan zien waar die heen gaat. Dat doet een beetje amateuristisch aan voor mijn gevoel, maar dat is geen probleem? Of hoe doen grotere sites dat?

Alvast bedankt voor de hulp.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  

<?php
    
    echo "<div class='button' data-button='follow' data-user='12345'><a>Follow</a></div>";

?>


<script>

$(document).ready(function(){
    
    $(".btn").on("click", "a", function(e) { e.preventDefault() });
    
    $(document).on('click', '.button', function(){  
    
        var user = $(this).data("user");  
        var button = $(this).data("button");  
        
        $.ajax({  

            url:"follow.php",  
            method:"POST",  
            data:{user:user, button:button},  
            dataType:"text",  
            success:function(data){
                                        
                alert(data);
            
            }
            
        });  
            
    });

});

</script>


follow.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?php

    // mysql checks, nog even eruit gelaten. Even een versimpelde versie.

    print_r($_POST);
    
    if($_POST['button'] == 'follow' and $_POST['user'] == 12345) {echo "1";}
    elseif($_POST['button'] == 'unfollow' and $_POST['user'] == 12345) {echo "2";}
    else {echo "3";}
    
?>
 
PHP hulp

PHP hulp

25/01/2022 11:21:45
 
- Ariën -
Beheerder

- Ariën -

14/09/2018 21:08:57
Quote Anchor link
Bij je success-event zorg je ervoor dat je met jQuery je style aanpast.

Controleer wel in je PHP-script of alles goed is gegaan, en spuug een true uit. In je JavaScript code controller je hier ook op.
 
G Jansma

G Jansma

14/09/2018 21:41:46
Quote Anchor link
Na wat speurwerk heb ik dit toegevoegd aan het success deel. En het werkt, maar is dat zo netjes op deze manier?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
if(data == 1) $('.button').html('Unfollow').data('button', 'unfollow');
if(data == 2) $('.button').html('Follow').data('button', 'follow');
 
Thomas van den Heuvel

Thomas van den Heuvel

14/09/2018 22:25:05
Quote Anchor link
Bij het genereren van de pagina weet je toch al of je iemand volgt of niet? En dit kun je ook dynamisch updaten als dat verandert, dus de bovenstaande code is niet heel erg voor de hand liggend.
 
G Jansma

G Jansma

14/09/2018 22:51:25
Quote Anchor link
Ja, dat haal ik inderdaad op uit de database. Dus bij het genereren van de pagina weet je of er Follow of Unfollow komt te staan.

Het tweede deel van je reactie kan ik niet helemaal volgen. Bedoel je dat ik het weer uit de database moet ophalen? Met PHP en MYSQL kan ik aardig overwegen, maar jQuery en javascript is niet echt mijn ding. Vandaar ook de vraag hoe ik dat bij success moet doen.
 
Thomas van den Heuvel

Thomas van den Heuvel

15/09/2018 01:48:04
Quote Anchor link
Hm, bij nader inzien dekt het bovenstaande wel de lading denk ik, al zou ik een boolean teruggeven die aangeeft of -iemand in de nieuwe situatie iemand anders volgt (true) of niet (false). Omdat er ook maar 2 smaken zijn zou je dit in een if/else kunnen zetten. En het enige wat in principe bijgewerkt hoeft te worden is de labeltekst en een manier om over te brengen welke actie uitgevoerd dient te worden, dus het bovenstaande kan ook prima.
 
G Jansma

G Jansma

15/09/2018 08:53:15
Quote Anchor link
Maar dan gebruik je dus 'false' voor een succesvolle activiteit, dus eigenlijk true? Wat ik nu met 1 en 2 heb, maar dan met true en false? Want je hebt volgen > ontvolgen, maar ook ontvolgen > volgen.

In dat geval weet ik niet of het met if/else kan. Want dan heb je denk ik wel meer smaken nodig voor het geval er iets mis zou gaan.

Of bedoel je dat je eerst zou nagaan of het om volgen/ontvolgen gaat, en vervolgens true/false daaraan hangt? Dus wijziging is dan true, en geen wijziging is false. Maar dan wordt de code eigenlijk alleen maar groter.
 
- Ariën -
Beheerder

- Ariën -

15/09/2018 08:56:04
Quote Anchor link
Status = true / false, action = follow / unfollow, UserID = 1234

Zou zou ik het doen qua opzet, en dan in json opbouwen. Bij een Status = False kan je nog een Error string meegeven met de error.
Gewijzigd op 15/09/2018 08:57:31 door - Ariën -
 
Thomas van den Heuvel

Thomas van den Heuvel

15/09/2018 11:59:58
Quote Anchor link
Bij het uitsturen van de un/follow actie moet je natuurlijk een userid meegeven, maar bij de respons is dat waarschijnlijk niet nodig, omdat je weet welke click de un/follow actie initieert.

Zo'n status is leuk, maar is extra. Tenzij je reden hebt om aan te nemen dat dit vaak kan misgaan kun je dit achterwege laten, of je moet plannen hebben om meerdere acties op eenzelfde wijze op te zetten, dan kun je gaan nadenken over een uniform(er)e opzet, maar voor nu volstaat:

uitgaand (ajax call): follow: true/false, userid: xyz
binnenkomend (ajax response): following: true/false

Allerlei extra foutafhandeling kan handig zijn, maar dit is zoals gezegd allemaal extra. Als je de introductie van complexiteit (statussen, errorcodes) in eerste instantie niet nodig hebt, zou ik deze in eerste instantie niet inbouwen. Neemt niet weg dat je deze functionaliteit goed test, uiteraard. Maar een onnodig "verbose" systeem lijkt mij initieel niet erg zinnig, omdat je dan dingen van begins af aan al complexer maakt dan strict noodzakelijk.
Gewijzigd op 15/09/2018 12:00:56 door Thomas van den Heuvel
 
G Jansma

G Jansma

21/09/2018 18:51:17
Quote Anchor link
Bedankt voor jullie hulp. Heb het nu inderdaad met following true/false gedaan. Helemaal zoals ik het wil.

Heb alleen nog één bijkomende vraag. Ik heb voor de buttons een hover kleur gezet. Als je iemand volgt en op de button gaat staan geeft hij een rode kleur, als je dus dreigt te ontvolgen. Het probleem is alleen dat als je op 'volgen' klikt je direct de rode kleur krijgt, omdat je al 'hovert'. Hoe kan ik dat voorkomen dat hij bij een click geen hover doet?

Even een versimpelde opzet:

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
24
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<div class='button1'>button1</div>

<script>

    $(document).on('click', '.button1', function(){

        $('.button1').html("button2");
        $(this).removeClass('button1');    
        $(this).addClass('button2');
    
    });
    
</script>

<style>

.button1 {background-color: #FF0;}
.button1:hover {background-color: #F93;}
.button2 {background-color: #CDE;}
.button2:hover {background-color: #F00;}

</style>
 
G Jansma

G Jansma

25/09/2018 12:54:27
Quote Anchor link
Iemand een idee hoe ik bovenstaande kan oplossen?
 
Thomas van den Heuvel

Thomas van den Heuvel

25/09/2018 15:58:26
Quote Anchor link
Euh, in eerste instantie geen rode hoverkleur definiëren? Of wellicht een :active (sub)class introduceren? Of misschien onderscheid maken tussen de "mousedown" en "mouseup" events, in plaats van het "click" event te gebruiken?

Trouwens, regel 9, moet dat niet ook $(this) zijn in plaats van $('.button1')? Geef je daarmee niet alle divs met klasse .button1 deze de inhoud "button2"?
 
G Jansma

G Jansma

25/09/2018 19:39:16
Quote Anchor link
Thanks voor je hulp. Je hebt me op het goede pad geholpen. Een beetje googlen op die mouse-dingen heeft me naar mouseleave geleid. Heb nu dat na de klik, en nadat je de muis van de button haalt een active class wordt toegevoegd.

Dat tweede heb je gelijk in, dit was ook een beetje prutswerk.

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
24
25
26
27
28
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<div class='button1'>button1</div>

<script>

    $(document).on('click', '.button1', function(){

        $(this).html("button2");
        $(this).removeClass('button1');    
        $(this).addClass('button2');
        
        $(this).one('mouseleave', function() {
            $('.button2').addClass('active');
        });
    
    });
    
</script>

<style>

.button1 {background-color: #FF0;}
.button1:hover {background-color: #F93;}
.button2 {background-color: #CDE;}
.active:hover {background-color: #F00;}

</style>
 
Thomas van den Heuvel

Thomas van den Heuvel

25/09/2018 22:23:24
Quote Anchor link
Of nog een andere optie: maak de button tijdelijk inactief als deze in "transitie" is, en dan, als je AJAX-call resultaat heeft geretourneerd, pas je de classes pas toe? Dan is namelijk ook pas bevestigd dat de wijziging ook daadwerkelijk is uitgevoerd.
 



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.