Volgersysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# .NET Software Ontwikkelaar

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever levert software voor bedrijfssystemen. Ben jij een ervaren developer? Heb jij ervaring met .NET en C#? Vaste baan: C# .NET Software Ontwikkelaar Agile Scrum 3.200 - 5.000 C# .NET Software Developer Deze werkgever is specialist in documentcreatie. Deze werkgever heeft ruim ervaring met huisstijlautomatisering, het vereenvoudigen van documentcreatie en optimaliseren van document-workflow. Deze werkgever is trotse ontwikkelaar en leverancier van flexibele software waarmee eenvoudig altijd in huisstijl gewerkt wordt. Bij bij hun werk je aan onze

Bekijk vacature »

Junior .NET Developer

Functieomschrijving Als .NET developer in ons I-Plan team werk je aan een applicatie waarin 1,5 miljoen uur werk per week gepland worden. Uren die Nederland draaiende houden - zodat onze planners, flexwerkers en klanten weten wie er wanneer waar werkt. Om dit team te versterken zoeken we een .NET developer die enthousiast complexe omgevingen induikt en energie krijgt van een team dat dicht op de samenleving zit. Wat ga je doen? Het I-Plan team is een multidisciplinair team dat werkt aan onze planningsapplicatie waarin bijna 1,5 miljoen uren per week worden gepland. Het team bestaat uit 10 collega’s - 5

Bekijk vacature »

Data Entry Medewerk(s)ter

Bedrijf Zoek je een leuke baan bij een informeel bedrijf en heb je een hands-on mentaliteit? Dan zijn wij op zoek naar jou! Wij zijn een groothandel in verf, verftoebehoren en automotive artikelen. Functie omschrijving medewerker data entry: Wij zijn op zoek naar een enthousiaste en energieke collega die ons team komt versterken. Als medewerker data entry ben je verantwoordelijk voor het tijdig en correct opvoeren van (nieuwe) artikelen, debiteuren/crediteuren en invoeren van prijslijsten. Je zorgt voor het invoeren van de juiste data en het controleren en onderhouden ervan. Je bent bezig met het oplossen van problemen die in de

Bekijk vacature »

Service Desk Engineer

Functieomschrijving Enable U is op zoek naar een Service Desk Engineer. Wil jij onderdeel zijn van het team dat onze succesvolle en innovatieve integratie oplossingen bij en voor klanten beschikbaar stelt en als eerste aanspreekpunt voor de klant zorgdragen voor een vlotte en correcte afhandeling van support meldingen? Wil je jezelf volop ontwikkelen en spreekt een dynamische en collegiale omgeving jou aan? Kom dan ons team versterken! Wat jij gaat doen Als Service Desk Engineer ben je het eerste contactpunt voor de klant om incidenten en problemen aan te nemen en af te handelen. Daarbij is een belangrijk onderdeel ook

Bekijk vacature »

Ervaren Android Developer Kotlin

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij vertalen complexe problemen naar intuïtieve oplossingen. Ben jij een enthousiaste software developer? Heb jij ervaring met Android? Vaste baan: Android Developer Kotlin Atlassian 3.000 - 4.200 Android Developer Op dit moment zijn zij een scale-up. Zij zijn een sterke speler binnen app development en zijn hard op weg om marktleider te worden. Zij bieden verschillende opleidings- en ontwikkelingsmogelijkheden binnen het bedrijf, waardoor je de kans krijgt om door te groeien. Daarnaast hebben we een laagdrempelige en gezellige bedrijfscultuur.Bij

Bekijk vacature »

Ervaren PHP Software Ontwikkelaar JavaScript

Over de werkgever: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een internationale onderdelen leverancier. Werk jij graag met code? Ben jij een ervaren software developer? Vaste baan: Ervaren PHP Software Ontwikkelaar JavaScript HBO WO 4.000 - 6.000 Software Developer Deze werkgever is een internationale onderdelen leverancier voor de reparatie chains. Door het samenbrengen van onze business-afdeling en IT-afdeling kunnen wij innovatief en zeer efficiënt werken. De afdelingen van het bedrijf zijn internationaal georiënteerde expertises van product-management tot logistiek. Deze werkgever heeft een brede IT-infrastructuur met de

Bekijk vacature »

Python Software Ontwikkelaar

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is een IT bedrijf. Ben jij een enthousiaste Python Programmeur? Heb jij ervaring met Symfony? Vaste baan: Python Software Ontwikkelaar PHP Lavarel 3.500 - 4.800 Python Programmeur Wij ontwikkelen en beheren een aantal grote websites op gebied van huurwoningen. Wij brengen via internet huurder en verhuurder bij elkaar. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Zij werken in een gedreven

Bekijk vacature »

Developer ERP

"Door digitalisering creëren wij een verantwoord woon- en werkklimaat, nu en in de toekomst - voor iedereen." Wil jij software maken die onze klanten het werk gemakkelijker maakt en wil jij jezelf continu blijven ontwikkelen? Haal jij energie uit het werken op internationaal niveau? Zoek jij jouw uitdaging binnen een professionele organisatie met een informele sfeer? Dan zijn wij op zoek naar jou! Ben jij ook op zoek naar Aareon? Developer ERP Ons aanbod Wat we jou bieden als developer binnen Aareon hebben we hieronder voor jou op een rijtje gezet. We bieden jou allereerst uitdaging en fijne collega’s. Daarnaast

Bekijk vacature »

Frontend Developer JavaScript

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij maken software voor partners. Wil jij werken als Frontend Developer? Heb jij ervaring met JavaScript PHP/MySQL/Laravel? Vaste baan: Frontend Developer JavaScript HTML 3.200 - 4.200 Frontend Developer Wij ontwikkelen en bieden diensten aan op het gebied van IT- en multimediaoplossingen. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Jouw werkzaamheden als Frontend Developer JavaScript: Voor de vacature als Frontend Developer Hilversum HTML ga

Bekijk vacature »

.NET Developer Azure Software Zorg

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij helpen organisaties met hun digitale transformaties. Wil jij werken als .NET developer? Heb jij ervaring met applicatie ontwikkeling? Vaste baan: .NET Developer Azure Cloud HBO WO 3.000 - 4.500 .NET Developer Bij deze werkgever kom je te werken in een professionele werkomgeving. Er is ruimte en vertrouwen voor jouw initiatief. Ook vinden jou collega's werkplezier erg belangrijk. Wij helpen organisaties met hun digitale transformatie door het bedenken, ontwikkelen en in gebruik nemen van slimme apps en

Bekijk vacature »

Java ontwikkelaars gezocht met interesse in Securi

Bedrijfsomschrijving Onze klant is actief binnen het security domein en bedient klanten in de gehele BeneLux. Er werken ongeveer 15 technische mensen verschillend van consultants tot interne ontwikkelaars. Je collega's zijn stuk voor stuk gedreven technici met passie voor het gehele security vlak. Je werkt binnen projecten samen met collega's op kantoor en zal ook in nauw contact staan met de consultants. De sfeer is hier uitstekend, ze groeien hard en zijn ook internationaal hard aan de weg aan het timmeren. Je zal dit als ontwikkelaar ook zeker gaan merken, er is veel mogelijk om je zowel op persoonlijk als

Bekijk vacature »

Fullstack Developer GUI Linux

Bij welk bedrijf je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is de leider in intelligente signaleringssoftware voor o.a. 2G/3G, 4G/LTE, 5G netwerken. Ben jij een fullstack developer? Heb je ervaring met o.a. HTML en CSS, UI/UX design, JavaScript, Typescript, React, Go en PHP? Vaste baan: Fullstack Developer GUI Linux HTML CSS 3.000 - 4.500 Fullstack Developer Wij ontwikkelen intelligente software voor 4G / 5G, WiFi en andere complexe netwerken. Het gaat om software producten voor routing, security en interworking. Toe aan een mooie, nieuwe

Bekijk vacature »

Junior / Medior Business Intelligence / Data Wareh

Junior / Medior Business Intelligence / Data Warehouse Developer Fluiconnecto Holdings B.V., Rotterdam Fluiconnecto Fluiconnecto is a leading international service organization, focused on high pressure fluid connectors, providing products and application knowledge, as well as maintenance services, from OEM to End-Users in all market segments, through a global network tailored to local conditions. Fluiconnecto’ s services are made available at the customer’s doorstep in 5 continents, through a network of OEM Assembly Plants, Hydro-shops, On-site Workshops and Service On-site Vans. Fluiconnecto is a young company with ambitious goals, and it has created an environment in which energetic, highly professional resources

Bekijk vacature »

Software engineer Java (developer)

Waar een kinderboek van Carry Slee en ruim 200.000 andere e-books en single identity samenkomen. Dat is de KB in Den Haag. En het is de plek waar jij als software engineer Java delen van de digitale infrastructuur voor alle bibliotheken in Nederland bouwt. Maak jij het mogelijk? De komende jaren bouw je aan componenten van de nationale digitale bibliotheek. Bijvoorbeeld aan de online bibliotheek en het InterBibliothecaire Leenverkeer (IBL). De bibliotheekapplicatie laat lezers online luisterboeken en e-boeken lenen. De IBL-applicatie zorgt dat leden boeken die niet in de collectie van de eigen bibliotheek zitten, toch elders kunnen lenen. En

Bekijk vacature »

Senior Software Engineer

Ons aanbod Werken voor Veynex Embedded Software betekent : Werken aan uitdagende state-of-the-art projecten Hybride werken 60 % thuis en 40 % op kantoor Flexibele werktijden 32 tot 40 uur per week Faciliteren kantoor aan huis Thuiswerk- én onkostenvergoeding Arbeidscontract voor onbepaalde tijd Bovengemiddeld salaris Ruime en flexibele mobiliteitsregeling Vergoeding voor bedrijfsfitness Ruim ontwikkelbudget voor opleiding en coaching Deelnemen aan de nodige social events Uitstekende secundaire en tertiaire voorwaarden Én ..... Jij zoekt een inspirerende plek om te werken. Een uitdagende baan. De ruimte om écht iets te kunnen ondernemen. Jij zoekt een mooie baan in de techniek. In onderzoek

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

26/05/2022 01:30:20
 
- 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.