Volgersysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren Client-side JS Applicatie developer / Fron

Met een historie als SAAS leverancier heeft deze organisatie in het centrum van Amsterdam de afgelopen jaren een flinke verandering te verwerken gekregen. Waar zij eerst nog voor een redelijk beperkt aantal gebruikers (enkele duizenden) te verwerken hadden per afnemer, worden zij nu gevraagd een vergelijkbare, maar maatwerk applicatie te leveren voor 2,5 miljoen gebruikers. Met deze verandering zijn er binnen dit 30 FTE tellende bedrijf ook behoorlijk wat technische uitdagingen ontstaan. Functie-omschrijving Naast het huidige development-team bestaande uit 10 Medior en Senior PHP Backend developers heeft men nu de wens om een front-end georiënteerd team op te zetten. Bij

Bekijk vacature »

Medior PHP Developer Reizen Vakantie

Medior Developer Reizen Vakantie Wat ga je doen? Als Medior Developer ga je in Amsterdam aan de slag bij een bedrijf waar jij direct het vakantiegevoel van zal krijgen. Dit bedrijf is Europees marktleider op het gebied van vakantiereizen. Ze hebben meer dan 7000 reisbureaus maar willen de focus leggen op onlineontwikkeling. Dit is waar jij als PHP developer een cruciale rol gaat spelen. Het bedrijf wil haar bestaande websites vernieuwen en verbeteren evenals de apps voor mobiele platformen. Als PHP developer ga jij in een team van 20 andere developers deze sites en apps bouwen in , en .

Bekijk vacature »

Medior .NET Developer Klantcontact, development en

Organisatie & Afdeling Graag stel ik je voor aan deze goede relatie van Starapple die zich bezig houdt met het ontwikkelen van maatwerk software op locatie bij klanten. De organisatie heeft 4 vestigingen in Nederland en 2 vestigingen in het buitenland en werkt voor diverse grote multinationals waar zij hun eigen consultants naartoe sturen voor het ontwikkelen van software op locatie. Voor deze vacature zijn zij op zoek naar aanwinsten uit de omgeving Utrecht. Binnen dit bedrijf zijn er korte lijnen met de directie en wordt er met veel passie gewerkt aan de ontwikkeling van de consultants. Met meer dan

Bekijk vacature »

International Innovative PHP Developer

Dit bedrijf is 3 jaar geleden opgericht. Op dit moment zijn zij in meer dan 50 landen en op meer dan 480 bestemmingen actief. Het is de missie van het bedrijf om zakelijke reizen zo efficiënt mogelijk te maken. Middels hun platform boek je snel en gemakkelijk de vlucht en zorgen zij ervoor dat je bij het arriveren op de bestemming per taxi wordt opgehaald. Het is hun streven om een wereldwijde netwerk op te bouwen, geheel op basis van elektrische en hybride voertuigen. Samen met 16 andere medewerkers maak je deel uit van het team. Functie-omschrijving Kwaliteit en innovatie

Bekijk vacature »

Online gambling organisatie zoekt Medior PHP devel

Bedrijfsinfo De organisatie gelegen midden in Breda bestaat nu ruim 15 jaar, en heeft zich ontwikkelt tot de marktleider op het gebied van online-gambling. Het team bestaat uit 50 werknemers waarvan ruim 10 webdevelopers. De sfeer binnen de organisatie is erg informeel. Alles kan en alles kan, zolang er maar gewerkt wordt! Buiten de super sfeer binnen het bedrijf werk je ook echt in een platte organisatie, het contact met de directie is het zelfde als met de Junior developer die naast je zit! Functieomschrijving Binnen de organisatie vertaal je de bedrijfswensen naar concrete PHP-oplossingen. Samen met het development team

Bekijk vacature »

Sr Software Ontwikkelaar C# .Net 3.500 - 5.500

Functieomschrijving Sr Software Ontwikkelaar C# .Net 3.500 - 5.500 Senior Software Engineer Voor de vacature als Senior Software Engineer Den Haag C# .Net ga je het volgende doen: Als Senior Software Engineer werk je samen met een multidisciplinair en internationaal georienteerd team aan innovatieve machines voor de farmaceutische industrie. Met behulp van deze machines worden dagelijks over de gehele wereld honderdduizenden medicijnverpakkingen gevuld en geverifieerd. Samen met het software team ben je verantwoordelijk voor het ontwerpen en ontwikkelen van alle software die op de bestaande en nieuwe machines moet draaien. Je hebt een scherp oog voor degelijke en nette code

Bekijk vacature »

.NET Software Ontwikkelaar

De baan Als Backend Developer werk je aan ons product Twinfield. Een product dat een slimme samenwerking tussen Ondernemers en Accountants mogelijk maakt. Jij bent een vakman die Clean Coding hoog in het vaandel heeft. Je werkt in een team dat verantwoordelijk is vanaf ontwerp tot en met deployment. Samen met je Product Owner, je team en direct belanghebbenden stel je de Product Backlog. 2 keer per jaar doen we dat met alle teams uit de hele wereld op 1 plek door middel van een Big Room Planning. Je werkt niet alleen de Product Backlog af, maar kijkt verder dan

Bekijk vacature »

.NET Developer/Consultant gezocht voor security vr

Functieomschrijving Wil jij een combinatie van complexe security projecten, klanten adviseren en dat terwijl je 2 dagen per week thuis kan werken? Lees dan nu verder! Functionele requirements vertalen naar technische oplossingen en deze zelf ontwikkelen; Klanten pro-actief adviseren over innovatieve software-oplossingen; Adviseren en ontwikkelen in lijn met de strategie en doelen van de klant; Technische ontwerpen opstellen; Begeleiden van ingebruikname van het product. Functie-eisen Afgeronde HBO/WO opleiding richting bijvoorbeeld Informatica is een sterke pré; Enkele relevante certificeringen; Aantoonbare werkervaring als developer, en hebt hierbij bovenmatige interesse in security vraagstukken; Ervaring als consultant is geen eis, wel is het prettig

Bekijk vacature »

Senior C# Developer gezocht die wil werken met de

Deze internationale partner met meer dan 25 jaar specialisatie en 30 medewerkers, kenmerkt zichzelf als een sterke partner voor diverse grote financiële softwarepakketten. Er wordt gewerkt vanuit een mooi en modern kantoorpand in de omgeving van Den Haag en de lijnen onderling zijn erg kort. Zo loopt de directeur regelmatig rond op de werkvloer en worden er daarnaast regelmatig leuke bedrijfsuitjes georganiseerd. Functie Jij gaat aan de slag in een ontwikkel team met drie senior .NET ontwikkelaars met allen hetzelfde gewicht op het gebied van kennis en ervaring. Voor jou als ontwikkelaar betekent dit dat jij goede en sterke sparringpartners

Bekijk vacature »

Java Software Developer

Als Java Software Developer ben je ben je nauw betrokken bij het ontwikkelen en opzetten van maatwerk software voor producten en diensten binnen de Hightech sector. Functieomschrijving Als Java Software Developer ben je ben je nauw betrokken bij het ontwikkelen en opzetten van maatwerk software voor producten en diensten binnen de Hightech sector. Samen met je collega’s luisteren jullie naar wat de klant precies wilt en bepalen vervolgens welke softwarematige oplossing er geleverd kan worden. Jullie zijn als het ware het startpunt van het project waarbij je dus een belangrijke technische partner bent voor de betreffende klant. Je werkt, adviseert

Bekijk vacature »

Junior PHP Developer

Organisatie Je komt te werken in het centrum van Eindhoven in een jong gepassioneerd team bestaande uit Backend ontwikkelaars een UX Designer en Web Developers. We zoeken iemand die aan het begin van zijn of haar carrière staat, die creatief is, oplossingsgericht en het leuk vindt om samen in een team van ervaren ontwikkelaars te werken. Stel je voor, maandag ochtend, je komt op kantoor aan. Eerst lekker even wat drinken en bijkletsen hoe dat jouw weekend en het weekend van jou collega’s is geweest. Rond de klok van 09:30 uur ga je samen met het team bespreken welke taken

Bekijk vacature »

Software developer gezocht voor marktleider in de

Dit bedrijf is ontstaan in 2000. De eigenaar is zelfstandig begonnen als ICT consultant waarbij er steeds meer opdrachten zijn kant op kwamen en hij handen tekort had. Het bedrijf is met de jaren gestaagd gegroeid waarbij er in 2007 al 10 werknemers in dienst waren. De werkzaamheden zijn super divers waarbij ze verschillende web applicaties maken voor verschillende grote automerken (Opel, Ford, Mercendes, enz). Ook hebben ze een eigen management systeem ontwikkeld waarbij lease bedrijven exact in kaart kunnen brengen waar hen winterbanden bijvoorbeeld opgeslagen liggen. Het bedrijf heeft één vestiging en één callcenter vestiging die de vragen beantwoorden

Bekijk vacature »

Senior .Net Developer Cloud Doorgroeimogelijkheden

Senior .Net Developer Cloud Doorgroeimogelijkheden Wat ga je doen als Senior .Net developer? Bij deze IT organisatie in Utrecht ga je als senior .Net developer werken aan innovatieve en complexe oplossingen. Je levert een waardevolle bijdrage aan het ontwikkelen van applicaties voor klanten zoals de Tilburg University, GVB, IBM, de SVB, Ziggo, de NS, Telegraaf Media Groep en BNP Paribas Group. Zo houd je je bezig met de ontwikkeling van accelerated application development om platformen voor deze klanten op te zetten. Dit heeft het doel om kosten efficiënt maatwerk applicaties te leveren, zoals de Ziggo Go app om online TV

Bekijk vacature »

Medior-Senior PHP/Drupal Developer gezocht die de

Het bedrijf is inmiddels ruim 10 jaar actief en is voort gekomen uit een reclamebureau. Hoewel een groot deel van de maatwerk opdrachten inmiddels voortkomen uit directe aanvragen is de historie in haar projecten nog altijd terug te zien. Denk aan een game ter promotie van een grote speler in kinderspeelgoed, de landingspagina van een groots festival of een promotiepagina van een softdrink gigant die weer eens een nieuw smaakje op de markt brengt. Van native apps, tot games tot sites, maar alles voor grote, gerenomeerde merken. Het team telt in totaal zo’n 25 werknemers en bestaat uit grotendeels techneuten

Bekijk vacature »

Front-end developer

Zeer interessante vacature voor een freelance front-end developer. Werk jij graag in een scrum team met de nieuwste frameworks? Wij zijn op zoek naar een freelance front-end developer. Tijdens dit project van 6 maanden werk je vanuit het kantoor in omgeving Amersfoort. Front-end developer Fulltime Werk jij graag mee aan een groot nieuwbouw project? Samen met een senior front-end developer, senior back-end developer en een Product Owner werk jij aan een nieuw configuratietool. Eind Q1 van 2019 moet dit project worden opgeleverd en dus is het belangrijk dat je functioneel kunt programmeren en kennis hebt van productomgevingen. Projectdetails uurtarief in

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

18/01/2019 11:41:40
 
- 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.