Volgersysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior full-stack developer gezocht in ‘t Go

Twintig jaar geleden is de softwaremarkt een internetbureau rijker geworden en zijn wij in de tussentijd uitgebloeid tot een succesvol bedrijf met grote namen als klanten. Ons geheim? Persoonlijk contact. Naast dat wij de juiste maatwerk leveren hebben wij goed contact met onze klanten. Ideeën, wensen en veranderingen worden doorgenomen met als gevolg een perfect eindproduct. Stoppen we daarna? Nee zeker niet, wij zijn er altijd voor support en een langdurige samenwerking. Functie-omschrijving Wij bestaan uit vijf man waarvan drie developers. Samen werken wij middels een to do systeem aan grote projecten. Gemiddeld zijn er 8 projecten die uiteenlopen van

Bekijk vacature »

Senior back-end .NET developer met een 9 tot 5 men

Sinds 2,5 jaar is deze partij nationaal actief met het innoveren van online advertenties in de media branche. Door de tijd heen is deze start-up uitgegroeid tot vijf medewerkers. Op dit moment zijn zij hard aan het groeien en zoeken een senior .NET developer ter uitbreiding van het developmentteam. Binnen de organisatie zit een schat aan ervaring waardoor succes gegarandeerd is. In de korte periode dat ze actief zijn hebben zij al hun eerste innovatie prijs gewonnen. Je komt hier te werken in een 9 tot 5 omgeving waar ondanks het harde werken sprake is van een relaxte sfeer. Functie-omschrijving

Bekijk vacature »

Ervaren .NET Ontwikkelaars gezocht voor grote proj

Organisatie & Afdeling Voor één van mijn grootste businesspartners, in de omgeving van Ommen, ben ik op zoek naar ervaren .NET developers die willen werken aan grote projecten voor verschillende middelgrote en grote organisaties. Deze partij is actief in 7 verschillende landen en hebben alleen al in Nederland rond de 3500 personeelsleden. In totaal werken er rond de 5000 medewerkers binnen deze organisatie. Ondanks de grootte van de organisatie heerst er een zeer informele sfeer waar verzorgd casual kleding de boventoon voert. Naast dat deze partner specialisten op projectbasis naar haar klanten stuurt, bouwen ze ook zelf applicaties. Inhouse hebben

Bekijk vacature »

Senior .Net Developer Property management Inhouse

Senior .Net Developer Property management Inhouse Wat ga je doen als Senior .Net developer? Als Senior .Net developer werk je op inhouse basis in Utrecht aan de software die speciaal ontwikkeld wordt voor bedrijven in de vastgoedsector. Je werkt in het developmentteam met 8 collega's om software te ontwikkelen die gegevens efficiënt weergeeft. Daarnaast worden webapplicaties ontwikkeld om informatie te beheren van huurders, eigenaren, gebouwen, contracten en financiële administratie. Binnen deze functie werk je voornamelijk met C#, MVC en Angular. Samen met je team implementeer je nieuwe functionaliteiten. Bovendien houd jij je bezig met het ondersteunen van het team in

Bekijk vacature »

Junior PHP developer

Bedrijfsinformatie Deze jonge, informele organisatie is op zoek naar een versterking. Ze geloven in het intern opleiden van ontwikkelaars zodat ze op de lange termijn onderdeel kunnen worden van dit hechte team van zo’n 15 medewerkers. Dit is dus jouw kans! Deze organisatie is sinds 5 jaar flink aan de weg aan het timmeren maar wil ook klein blijven om zo het hechte teamverband te behouden. Je moet er dus op tijd bij zijn voor deze functie! Deze organisatie specialiseert zich tweeledig: Enerzijds maken ze websites en anderzijds webshops. Hierin hebben ze een aantal grote klanten in de commerciële sector

Bekijk vacature »

Senior .NET Developer - Amsterdam - 65K

Want to work for a company who is world market leader in interior design? As a Software Developer .NET C# you play an important role in the optimisation of improving the codebase and process and you will contribute to the company's success and growth. We are looking for a: Software Developer .NET C# the Hague Overview When you love a challenge, want to work at an innovative and rapidly growing company in The Hague and when you want to get tons of opportunities to develop your knowledge and skills further this is an excellent job opportunity for you. Responsibilities of

Bekijk vacature »

Senior C#.NET backend developer voor een inhousepl

Dit bedrijf levert een financieel product vergelijker. Ze zijn begonnen in de jaren’ 90 en draaien sinds dien zeer constant. Tegenwoordig richt zij zich op het online, objectief vergelijken van financiële productverleners. Denk hierbij aan het vergelijken van bijvoorbeeld leningen of verzekeringen. De producten worden real-time online op websites vergeleken en naast elkaar gelegd. Het bedrijf legt de focus op het eerlijk maken en houden van de markt voor de consument. Functie-omschrijving Je zal aan de slag gaan met het ontwerpen, ontwikkelen en vaak ook testen van de backend voor nieuwe en bestaande websites. Denk hierbij bijvoorbeeld aan data implementatie.

Bekijk vacature »

Gamedeveloper HTML5 / React.js

Organisatie Voor een van ’s werelds toonaangevende game organisaties ben ik opzoek naar een ervaren Gameontwikkelaar. De organisatie bestaat nu 20 jaar met 160 gewaardeerde werknemers verdeeld over verschillende werelddelen. Door voortdurend op zoek te gaan naar mensen met de juiste instelling heeft deze organisatie een team gebouwd dat in staat is wereldwijd publiek te vermaken met real-time multiplayer social games. Naast dat je de meest vette dingen kunt bouwen is er ook genoeg ruimte voor gezelligheid en plezier. Doordat de organisatie niet alleen in Den Haag is gevestigd, worden er leuke uitjes verzorgd naar het buitenland, hebben zij een

Bekijk vacature »

PLC Programmeur Servo 2.600 - 4.000

Functieomschrijving PLC Programmeur Servo 2.600 - 4.000 Voor de vacature als PLC Programmeur Eygelshoven Servo ga je het volgende doen: Samen met je projectteam dat bestaat uit verschillende disciplines (mechanisch, elektrisch, montage enz.) zorg je er voor dat de klant de machine krijgt die hij besteld heeft. Je vertaalt samen met je projectteam de klantwens naar een haalbaar concept. Jouw verantwoordelijkheid ligt bij de software, van scratch af aan. Door jouw kennis en kunde ben je in staat de mechanische en elektrische engineers te voorzien van advies. Je schrijft een duidelijke SDS die ervoor zorgt dat de machine voldoet aan

Bekijk vacature »

Junior Full Stack Developer .NET - Haarlem

Looking for an opportunity which is the perfect combination between front-end and back-end programming? And are you interested in technology, data & intelligence and digital transformations? Then this is exactly what you are looking for! This IT close to Haarlem serve various international customers and are looking for a: Junior Full-stack Developer .NET Haarlem Summary In the position of full-stack Developer .NET you will work on the creation of an exceptional digital experience. They are looking for someone with experience in front-end and back-end development. You own superior communication skills and will actively work on projects together with a close

Bekijk vacature »

Full-stack .NET developer

Organisatie Deze organisatie is gevestigd in de omgeving van Tilburg. Deze organisatie is een puur software huis voor developers, door developers. Er werken momenteel 10 personen en dit zijn allemaal developers! In 2010 is deze organisatie opgericht. Het is opgericht door twee heren die beide jarenlange ervaring als software developer hebben opgedaan. Beide directeuren programmeren nog 100% mee, simpelweg omdat dit hun passie is. Vanwege hun ervaring en kennis zijn ze een perfecte sparringpartnerspartners voor de developers. Er heerst een totale anarchie waar iedereen gelijk is in de vorm van een informele werkomgeving. Deze organisatie ontwikkeld maatwerksoftware voor diverse grote

Bekijk vacature »

Senior ontwikkelaar PHP GIS Portal

Senior ontwikkelaar PHP GIS Portal voor een Jong, gezond en sterk groeiend geografische adviesbureau in de omgeving Arnhem. Organisatie Jong, gezond en sterk groeiend geografische adviesbureau en GIS portal ontwikkelaar, dat geografische data op een zeer specialistische wijze verwerkt en intelligent presenteert aan klanten. De geografische data worden zeer gedegen geanalyseerd en volgens methodieken verwerkt. Vervolgens worden de data in verschillende kaartlagen overzichtelijk en gedetailleerd gepresenteerd. Op dit moment hebben zij een groeiende en brede klantenkring opgebouwd. Deze klantenkring willen zij optimaal bedienen waardoor behalve expertise op geografisch gebied ook ICT expertise zoals ontwerp & ontwikkeling, netwerkbeheer en hosting wordt

Bekijk vacature »

Javascript (Front-end) developer – Nieuw pla

Organisatie / Afdeling Een splinternieuw platform word opgezet, zowel aan de back-end als aan de front-end worden de nieuwste technieken gebruikt. Onze relatie is marktleider in Nederland, daarnaast word hun software ook gebruikt door andere landen in de EU. Ze werken o.a. voor lokale, provinciale en rijksoverheid en grote industrie/business tereinen. In een team van 7 developers werk je samen met back-end, allround developers en consultants. De sfeer binnen het bedrijf is informeel, een leuke club met enthousiaste collega’s die werken vanuit hun passie. Functie-informatie Er word gewerkt in Scrum, hierin maak je het product van begin tot eind. Het

Bekijk vacature »

Medior .Net Developer Spoorwegoperatoren Inhouse

Medior .Net Developer Spoorwegoperatoren Inhouse Wat ga je doen als Medior .Net developer? Voor deze organisatie in hartje Rotterdam zet je je dagelijks in als Medior .Net developer om het bestaande product verder door te ontwikkelen en te vernieuwen. Het gaat hier om het uitbouwen van een volledige oplossing voor spoorwegorganisaties en de applicatie is drievoudig. Een deel voor de back-office, de mobiele applicatie en een webapplicatie voor de eindklanten. Hiervoor gebruik je dagelijks technieken als C#, Asp.Net, MVC, SQL, en Windows Forms. Je gaat in een scrum team van 5 te werk en kunt zowel zelfstandig als in teamverband

Bekijk vacature »

Ervaren .NET Back-End Developer

Organisatie Ben jij een programmeur die houdt van het afleveren van producten in hoog tempo? Niet tot in den treuren werken aan iets wat daarna misschien wel, misschien niet gebruikt wordt. Dan wil je gegarandeerd verder lezen! Dit in een industrieel gelegen pand gevestigde bedrijf focust zich volledig op de ontwikkeling van apps en websites. Hierbij werken ze intensief binnen het zelf gecreëerde CMS systeem. In deze high-paced omgeving moet je snel schakelen. Ze hebben een ontzettend groot klantenbestand die allemaal de producten willen afnemen. Om dit te realiseren werken ze in de .NET omgeving. Jouw functie richt zich volledig

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

22/09/2018 02:25:14
 
- 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>
 



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.