Volgersysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET ontwikkelaar / Azure @ Utrecht

2021-08-16 iSense .NET ontwikkelaar / Azure Ben jij een ervaren .NET Developer die na al die jaren programmeren nog steeds niets liever doet dan programmeren in .NET en heb jij daarnaast al de nodige kennis in Azure opgedaan? Lees dan snel verder! ISKL48621 Organisatie Als onderdeel van een grote IT-dienstverlener is deze organisatie nu gegroeid tot een organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. De organisatie ontwikkelt applicaties voor o.a. diverse grote zorgverzekeraars, maar ook de wat kleinere lokale bedrijven worden door deze organisatie ondersteund. In

Bekijk vacature »

Startersfunctie JAVA developer @ Regio Eindhoven

2021-09-23 iSense Startersfunctie JAVA developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond en wil je graag aan de slag als Fullstack JAVA Developer? Lees dan snel verder! Want in februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie JAVA. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE49796 Meerdere functies beschikbaar Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf februari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te

Bekijk vacature »

Solliciteer nu voor de rol van Customer Experience

Vindt jij het ook zo irritant als je een vraag of een probleem hebt en je wordt als een nummertje behandeld? Baal jij er ook zo van als je slecht op de hoogte wordt gehouden, wanneer je dringend ergens op zit te wachten? Snap jij het ook niet waarom je af en toe wordt afgesnauwd wanneer je een klantenservice belt? En denk jij dat je weet hoe je jouw klanten wel de beste Customer Experience kan geven? Kom dan ons team versterken!! Gateway ontwikkelt Cloud-diensten voor het afhandelen van alle denkbare Douane formaliteiten en is specialist in o.a. het verwerken

Bekijk vacature »

Medior .NET Developer @ Middelburg

2021-07-01 iSense Medior .NET Developer Medior .NET Developer ISBO50178 Nieuw Organisatie De organisatie streeft ernaar de beste werkgever in de regio te zijn, met een stimulerende en informele werksfeer en uitstekende arbeidsomstandigheden. Het is belangrijk dat de organisatie bestaat uit gelukkige, gemotiveerde en gewaardeerde medewerkers. Plezier in je werk wordt voor een aanzienlijk deel bepaald door de arbeidsvoorwaarden. Er wordt gewerkt in teams waarin er op een persoonlijke, directe manier en met humor met elkaar omgaan wordt. Als goede buur werken we voortdurend aan het verbeteren van onze veiligheid, betrouwbaarheid en milieuprestaties en maken we gebruik van de nieuwste beschikbare

Bekijk vacature »

Low Code Developer @ Groningen

2021-11-19 iSense Low Code Developer Meebouwen aan een custom-made ERP systeem in een internationale organisatie, waarbij je alle kneepjes van de IT en Low-Code leert? Dan is deze rol als Low-Code Developer iets voor jou! ISJO51791 Organisatie Deze internationale organisatie met ruim 2000 medewerkers wereldwijd, is toe aan vernieuwing. Als uitbreiding op het team zijn ze van plan een nieuw teamlid toe te voegen aan het team. Dit teamlid zal alle ins-and-outs gaan leren over Low-Code, ERP & Thinkwise. De organisatie situeert zich in de provincie Groningen, waar zij al jaren lang een gevestigde naam zijn binnen de logistiek. Het

Bekijk vacature »

C# .NET Core Ontwikkelaar

Binnen ICT Group werken we binnen de business unit transport en logistiek dagelijks aan complexe maatwerk software voor bedrijfskritische systemen. Bij en voor onze klanten gaan we aan de slag met technische, complexe software-oplossingen binnen de technische automatisering op onder meer het IoT vlak. Zo ontwikkelen wij bijvoorbeeld aan een Iot oplossing waar we van ruim 200.000 machines hun telemetrie en events verwerken. Dit komt neer op 200 miljoen berichten per dag. Hierin leggen we de focus op de schaalbaarheid binnen dit project zodat we in de toekomst een veelvoud van berichten kunnen verwerken. Dit wordt mogelijk gemaakt met behulp

Bekijk vacature »

Startersfunctie JAVA developer @ Regio Amsterdam

2021-11-20 iSense Startersfunctie JAVA developer Heb jij <3 jaar geleden je 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? ISNA51154 Meerdere functies beschikbaar 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

Bekijk vacature »

BI Developer / Oracle / Internationaal @ Utrecht

2021-08-16 iSense BI Developer Oracle Internationaal Ben jij op zoek naar een dynamische omgeving om als BI Developer aan de slag te gaan? Heb jij goede kennis van Oracle BI, Datawarehouses en Oracle Data Integrator (ODI)? En pas jij dit graag toe in een innovatieve omgeving waar je voldoende uitdaging zult vinden? Reageer dan nu! ISKL48194-2 Organisatie Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de

Bekijk vacature »

iOS developer

De vacature For further development of ReadID we are looking for an iOS Developer for at least 32 hours a week to become part of our highly skilled mobile developers team. Develop our ReadID SDK for iOS, both MRZ and NFC functionalities; Develop demo apps to demonstrate ReadID to potential customers; Develop for the public ReadID demo app for the App Store; Develop for our ready-to-use / white-label apps; Use the latest technology. We are on the latest Swift version. Large part of our codebase is targeted to iOS 13. We use SwiftUI and Combine; Contribute to our API documentation

Bekijk vacature »

AWS Cloud Developer bij PostNL

AWS Cloud Developer Den Haag HBO/WO IT Professional PostNL wil 'digital at the core' zijn en daarom staan we aan de voorgrond van de transformatie naar een Logistiek Tech bedrijf waarin data, technologie en een engineering cultuur een sleutelrol spelen. Als AWS Cloud Developer maak jij impact op deze transformatie door mee te werken aan een veilige, state of the art cloud (native) omgeving in AWS. Wat ga je doen? De groeiende pakkettenstroom bij PostNL leidt tot een steeds complexere operatie. Dat vereist een intelligente aansturing. Daarom werken we binnen de business unit “Digitale Ketensturing” aan het digitaliseren van onze

Bekijk vacature »

Java Developer / Interne job / Leaseauto

Bedrijfsomschrijving Deze ambitieuze organisatie is inmiddels 50 man groot en ze werken nationaal voor grote organisaties en instanties die hulp nodig hebben bij het ontwikkelen van diverse applicaties. Denk hierbij aan overheden, nutsbedrijven, banken, echter ook not-for-profit instellingen maken gebruik van de kennis en ervaring van de medewerkers van mijn klant. Ze ontwikkelen voornamelijk in Java en gebruiken front-end Angular. Men gaat starten met eigen interne projecten die op kantoor in Amersfoort gemaakt gaan worden. Hierdoor hoeft er dus niet naar eindklanten afgereisd te worden aangezien het een interne baan is. Ondanks dat het intern is bieden ze medewerkers die

Bekijk vacature »

Developer Powershell @ Apeldoorn

2021-08-30 iSense Developer Powershell Wil jij als Powershell Developer graag werken binnen de meest complexe omgevingen van Nederland met miljoenen gebruikers? Ben jij de combinatie tussen een Infrastructuur Specialist en een ontwikkelaar en wil jij je op dat snijvlak verder ontwikkelen? Lees snel verder! ISRO48889 Organisatie Je komt als Developer Powershell te werken in de omgeving Deventer/Apeldoorn bij een nationaal opererende organisatie. Ze blijven constant in beweging en zijn altijd bezig om de laatste innovaties door te voeren. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier binnen hun

Bekijk vacature »

Junior .NET Developer I Leukste softwarebedrijf va

Bedrijfsomschrijving Een frisse en jonge club waar hard gewerkt wordt aan hoogwaardige software, volledige geschreven met C# en in Microsoft omgeving! Deze organisatie bestaat nu ongeveer 10 jaar en ze zijn gespecialiseerd in het maken van software voor met name de Overheid. Dit doen ze intern op een vaste locatie te Leiden, vanuit een prachtig pand. De cultuur is er zeer prettig, je komt te werken in een gezellige organisatie. Ze hebben met elkaar één afspraak: de opgeleverde software moet altijd van hoge kwaliteit zijn! De diverse software producten waar je aan gaat werken zijn er op gericht om onder

Bekijk vacature »

Medior Applicatieontwikkelaar Java of .NET

Wij zijn Turnn! In korte tijd hebben we als startup een platform ontwikkeld en in de markt gezet voor het organiseren van volledige mobiliteit van consumenten en medewerkers van bedrijven. Openbaar vervoer, deelauto’s, deelfietsen en nog veel meer kun je plannen, boeken, betalen met ons platform. Dit platform bestaat uit onder meer een apps, backend en een multimodale reisplanner. Met een jong en creatief team zijn we in rap tempo de markt aan het veroveren. Nu nog hoofdzakelijk in Nederland maar met grote plannen om de grens over te gaan. We zoeken naar gedreven, eigenwijze en ervaren developers om de

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Den Haag

2021-10-21 iSense Junior Fullstack .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51103 Locatie Den Haag en omstreken Wat ga je doen als Junior Fullstack .NET developer? Vanaf januari/februari 2022 krijg

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

03/12/2021 15:08:22
 
- 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.