Melding laten verdwijnen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Back-end programmeur

Functieomschrijving Heb jij kort geleden je MBO of HBO ICT in ontvangst mogen nemen? Of ben je klaar voor een nieuw hoofdstuk in jouw carrière? Voor een uitdagende werkgever in de regio van Tilburg zijn wij op zoek naar een ambitieuze back-end programmeur met affiniteit met MS Acess. Samen met een enthousiast team ben je verantwoordelijk voor het bouwen van maatwerk software voor hun klanten. Je hebt kennis of ervaring van SQL, Maar affiniteit met MS Acess is nog belangrijker. Je bent sociaal naar klanten en flexibel ingesteld. Je denkt altijd in kansen en gaat graag de uitdaging aan. Verder

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

.NET Developer

Functie omschrijving Ben jij een senior .NET developer en heb jij tevens ervaring als teamlead? Ben jij iemand met een helikopterview en denk jij graag mee met de klanten? Dan zijn wij op zoek naar jou! Voor een geweldig bedrijf zijn wij namelijk op zoek naar een ervaren .NET developer. Het bedrijf houdt zich bezig met het ontwerpen en bouwen van websites, portalen en applicaties voor met name zorg- en onderwijsinstellingen en overheidsinstanties. Jouw taken: Het fungeren als Lead Developer; Het meedenken met de business (dit vergt commercieel inzicht); Het begeleiden van diverse projecten (van klein tot groot); Het ontwerpen

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

(Junior) Back-end Ontwikkelaar

Functie omschrijving We are looking for a dutch native speaker Altijd al willen werken bij een organisatie, die maatwerk applicaties bouwt, die echt impact hebben in de maatschappij? Dit is je kans. Voor een kleine organisatie in de regio van Eindhoven ben ik op zoek naar een C# Ontwikkelaar. Jij gaat aan de slag met de ontwikkeling van maatwerk software en applicaties. Deze organisatie werkt voor grote organisaties in Nederland, maar ook voor het MKB. De projecten waar je aan gaat werken zijn erg divers, waardoor je werk uitdagend blijft en je erg veel kan leren. Verder ga je aan

Bekijk vacature »

PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops work as optimal as possible. How do I become a PHP Developer at Coolblue? As a PHP Developer you work together with other development teams to make our webshop work as optimal as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little TypeScript or other technologies that might be used. Would you also like to become a PHP Developer at Coolblue? Read below if the job suits you. You enjoy doing this Writing vanilla PHP code. Working with

Bekijk vacature »

Full stack developer Node.js, React Remote

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

Fullstack developer

Functie omschrijving We are looking for a dutch native speaker Wil jij werken als Senior Developer en werken aan een applicatie die duizenden marketingcampagnes automatisch aanstuurt? Dit is je kans! Kom werken voor onze opdrachtgever en in deze rol zul je veel vrijheid en verantwoordelijkheid krijgen om gezamenlijk de applicatie naar een hoger plan te tillen. Wat ga je verder doen: Optimaliseren, beheren en uitbreiden van onze applicatie; Het bouwen van aansluitingen op de systemen van partners middels API’s; Meedenken over de technische/ontwikkel-standaarden; Proactief verbeterpunten voorstellen. Bedrijfsprofiel Het is een organisatie die met een team van verschillende developers én marketeers

Bekijk vacature »

SQL Database Ontwikkelaar

Functie omschrijving Kan jij goed overweg met complexe algoritmes en het schrijven van procedures in T-SQL? Heb jij al wat ervaring opgedaan met SQL en vind je het tijd voor de volgende stap? Lees dan snel verder! Dit software bedrijf, gespecialiseerd in de ontwikkeling van logistieke software, is op zoek naar een ervaren SQL database developer. Jouw werkzaamheden zullen onder andere bestaan uit: Je houdt je bezig met het ontwerp en de ontwikkeling van MS SQL server databases, dit doe je met T-SQL als programmeer laag. De begeleiding van projecten van A tot Z, je zult aansluiten bij meetings met

Bekijk vacature »

T-SQL Database developer

Functie omschrijving Ben jij een ETL database specialist? Houd jij ervan om te puzzelen met Databases, Query's & Stored procedures? Zoek jij uitdaging, vrijheid en verantwoordelijkheid? Zoek dan niet verder! Wij zijn per direct op zoek naar medior en senior database developers. Je gaat werken voor een relatief klein softwarebedrijf in omgeving Tilburg. Samen met 12 collega's (allemaal techneuten), ga jij je bezig houden met het bouwen en/of onderhouden van database software. Deze software wordt internationaal ingezet voor het automatiseren van logistieke processen. Jouw werkzaamheden gaan er als volgt uit zien: Je bent in een klein team met developers, verantwoordelijk

Bekijk vacature »

Front-end Developer

Dit ga je doen Het onderhouden, ontwikkelen en testen van front-end software van diverse klant- en medewerkersapplicaties; Het ontwikkelen van maatwerk front-end oplossingen in Vue.js en participeren in een scrumteam; Mede-verantwoordelijk voor het begeleiden en coachen van drie junior front-end developers; Verantwoordelijk voor code-reviews en het opstellen van de juiste documentatie zoals userstories en API ontwerp; Participeren in diverse projecten t.b.v. optimalisatie van diverse applicaties; Het opzetten van API koppelingen met externe applicaties. Hier ga je werken Betreffende organisatie is gevestigd in de regio van Swifterbant en is al ruim 20 jaar lang bedreven in het ontwikkelen en aanbieden van

Bekijk vacature »

Full-stack developer

Als Full-stack developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Samen met je SCRUM team werk je aan zowel de front- als de back-end. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein genoeg om als individuele ontwikkelaar invloed uit te kunnen oefenen en echt het verschil te kunnen maken. Ons ontwikkelteam bestaat uit ruim 40 ontwikkelaars, testers, scrum

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collega’s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

.NET developer

Functie Als junior .NET Developer start jij in een team met 15 developers. In het team is er genoeg senioriteit om ervoor te zorgen dat jij de juiste begeleiding krijgt. Jij begint als eerst alle software pakketten en processen eigen te maken. Vervolgens ga jij deze software programmeren, onderhouden en testen. Ook ga jij research doen naar nieuwe mogelijkheden en zoek jij uit hoe je dit kan implementeren. Jullie werken intern op project basis en afhankelijk van het project werken jullie wel of niet iedere ochtend met een standup. 50% van jullie werkzaamheden is maatwerk en de overige 50% is

Bekijk vacature »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Onderdelen van jouw functie: Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook

Bekijk vacature »
Daan Vee

Daan Vee

18/02/2016 17:29:44
Quote Anchor link
Ik heb met hulp een jqueryscript gemaakt, waardoor een melding verschijnt na het opslaan.

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
39
40
41
42
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
        $.post(
            'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
            $('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
            function(ok) { // callback functie die wordt uitgevoerd na terugontvangen (JSON) resultaat
                if (ok) {
                    setTimeout(function(){
    document.getElementById('postResult').innerHTML = '';
}, 3000);
                } else {
                    // doe ook iets voor als het misgaat...
                    setTimeout(function(){
    document.getElementById('postResult').innerHTML = '';
}, 3000);
                }
                $('#postResult').show();
            }, // einde callback functie
            'json' // geef een "hint" over het type van de terug te ontvangen data
        );
    });
});
//]]>
</script>

<div id="postResult" style="display: none;">
        <div class="alert alert-success alert-dismissable">

                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
                    <h4>    <i class="icon fa fa-check"></i>Opgeslagen!</h4>
                    Het onderwerp is succesvol opgeslagen.

        </div>
</div>


De melding verschijnt ook nadat er op submit is geklikt. En na 3 seconden verdwijnt de melding weer.
Maar als daarna nog een keer op submit wordt geklikt (zonder het herladen van de pagina) gebeurt er niks meer, terwijl dezelfde melding zou moeten verschijnen.
Hoe komt dat?
 
PHP hulp

PHP hulp

14/02/2025 18:08:44
 
Frank Nietbelangrijk

Frank Nietbelangrijk

18/02/2016 17:58:52
Quote Anchor link
Het is een beetje gissen maar hier een paar denkbare mogelijkheden

- Bij de tweede keer $.post geeft deze misschien een andere status terug als HTTP 200 OK waardoor de succes functie niet wordt uitgevoerd. Aangezien $('#postResult').show(); in deze functie staat (waarom eigenlijk?) zal de foutmelding niet getoond worden in dat geval.

- Je javascript stopt vanwege een fout. In google-chrome druk op F12 en dan op console.

Ook kun je onder Network kijken welke status de AJAX responses hebben en of er soms een PHP foutmelding optreedt.
 
Daan Vee

Daan Vee

18/02/2016 19:15:49
Quote Anchor link
Ik heb er al iets tussenuit gehaald, maar het probleem blijft.
Wat bedoel je precies met het volgende:

Bij de tweede keer $.post geeft deze misschien een andere status terug als HTTP 200 OK waardoor de succes functie niet wordt uitgevoerd. Aangezien $('#postResult').show(); in deze functie staat (waarom eigenlijk?) zal de foutmelding niet getoond worden in dat geval.


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
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
        $.post(
            'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
            $('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
            function(ok) { // callback functie die wordt uitgevoerd na terugontvangen (JSON) resultaat

                    setTimeout(function(){
    document.getElementById('postResult').innerHTML = '';
}, 3000);
 
                $('#postResult').show();
            }, // einde callback functie
            'json' // geef een "hint" over het type van de terug te ontvangen data
        );
    });
});
//]]>
</script>
 
Frank Nietbelangrijk

Frank Nietbelangrijk

18/02/2016 21:12:28
Quote Anchor link
Als je een pagina opvraagt door een URL in te typen in je browser dan stuurt je browser een verzoek (request) naar de desbetreffende server. Op zijn beurt antwoord de server met een response (antwoord). In de response geeft deze ook een status mee. status HTTP 200 betekent dat alles in orde is. Bij (nagenoeg) alle andere is er iets fout. De jQuery $.post functie stuurt ook een request naar een webserver. Voor de webserver is dit net zo een normaal request als iedere andere en ook hier zal deze als het allemaal goed verloopt een status HTTP 200 geven.

Zie hier voor statussen: https://nl.wikipedia.org/wiki/Lijst_van_HTTP-statuscodes

Je geeft aan de $.post functie in aantal parameters mee. De eerste is de URL die aangeroepen moet worden.
De tweede de post-data en de derde is hetgene dat uitgevoerd moet worden ALS er een correct antwoord (met HTTP status 200) terugkomt van de server. Maar wat als er geen correct antwoord komt? dan wordt dat dus niet uitgevoerd.

Indien je iets wilt inbouwen dat bij een fout wordt uitgevoerd of ALTIJD wordt uitgevoerd kijk dan in jquery documentatie naar .fail() en .always()

Toevoeging op 18/02/2016 21:29:06:

Dit is een betere schrijfwijze:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
$.post( "test.php", { name: "John", time: "2pm" })
    .done(function( data ) {
        $('#postResult').html('Gelukt!');
    }
    .fail(function() {
        $('#postResult').html('Er is een fout opgetreden!');
    }
    .always(function( data ) {
        $('#postResult').show();
        setTimeout(function(){ $('#postResult').hide(); }, 3000);
    }
);
Gewijzigd op 18/02/2016 21:36:47 door Frank Nietbelangrijk
 
Daan Vee

Daan Vee

18/02/2016 22:20:27
Quote Anchor link
Super bedankt Frank! Ik probeer jouw code in de mijne te weven, maar dat lukt me niet.
Heb je enig idee hoe dat moet? Ik heb zelf dit geprobeerd, maar dat ging fout:

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
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
        $.post(
            'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
            $('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
    .done(function( data ) {
        $('#postResult').html('Gelukt!');
    }
    .fail(function() {
        $('#postResult').html('Er is een fout opgetreden!');
    }
    .always(function( data ) {
        $('#postResult').show();
        setTimeout(function(){ $('#postResult').hide(); }, 3000);
    }
            'json' // geef een "hint" over het type van de terug te ontvangen data
        );
    });
});
//]]>
</script>
 
Frank Nietbelangrijk

Frank Nietbelangrijk

18/02/2016 22:35:36
Quote Anchor link
zoiets denk ik ...

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
$.post(
    'shared/saveItem.php?itemID=<?php echo $itemID; ?>',     // het script waar je naartoe POST
    $('#theForm').serialize(),                 // verzamel alle form data in 1x (naam, content)
    null,                            // we gebruiken .done() dus deze is niet nodig
    'json'                             // geef een "hint" over het type van de terug te ontvangen data
)
.done(function( data ) {
    $('#postResult').html('Gelukt!');
})
.fail(function() {
    $('#postResult').html('Er is een fout opgetreden!');
})
.always(function( data ) {
    $('#postResult').show();
    setTimeout(function(){ $('#postResult').hide(); }, 3000);
});


Toevoeging op 18/02/2016 22:38:15:

dat moet je dan dus invoegen in plaats van regel 11 t/m 25.
Gewijzigd op 18/02/2016 22:58:29 door Frank Nietbelangrijk
 
Daan Vee

Daan Vee

19/02/2016 11:55:39
Quote Anchor link
Thanks het werkt!
 
Thomas van den Heuvel

Thomas van den Heuvel

19/02/2016 14:43:17
Quote Anchor link
Simpelweg omdat iets werkt maakt het nog niet juist.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
setTimeout(function(){
    document.getElementById('postResult').innerHTML = '';
}, 3000);


Dit is de reden dat je na de eerste keer niets meer ziet, je kiepert hier effectief permanent alle inhoud weg (met andere woorden, je maakt de postResult div helemaal leeg), dan is er daarna ook niets meer om weer te geven.

Een eenvoudigere oplossing was dus gewoon daar $('#postResult').hide() neerzetten in plaats van ...innerHTML = ''...

Toevoeging op 19/02/2016 14:48:11:

En dit
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
function(ok) {
    if (ok) {
        setTimeout(function() {
            document.getElementById('postResult').innerHTML = '';
        }, 3000);
    } else {
        setTimeout(function() {
            document.getElementById('postResult').innerHTML = '';
        }, 3000);
    }
    $('#postResult').show();
},

Kun je, als je toch niets met "ok" doet, verkorten tot:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
function(ok) {
    $('#postResult').show();
    setTimeout(function() {
        $('#postResult').hide();
    }, 3000);
},

EDIT: maar hiermee sla je mogelijk mijn eerdere advies in de wind. Zorg ervoor dat op een of andere manier de STATUS wordt gecommuniceerd en toon niet simpelweg een boodschap...

De oplossingsstrategie die Frank beschrijft gaat volgens mij meer over de situatie waarin het netwerkverkeer zijn taak niet naar behoren kan verrichten, dus wanneer een website niet reageert of een foutcode teruggeeft.

Waar ik het over heb is dat je applicatie zelf bericht of een INSERT-query (of wat het ook was) is geslaagd. Als jij altijd simpelweg hetzelfde bericht teruggeeft/toont dan zou er ten onrechte vanuit gegaan kunnen worden dat de query is geslaagd. Het zou zo kunnen zijn dat het PHP-script een (nietszeggende) respons retourneert (met HTTP status code 200) terwijl de query is mislukt. Er is dan dus geen enkele manier om vast te stellen dat de query is geslaagd of mislukt. Dit heb ik je nu al een aantal keren proberen uit te leggen maar volgens mij is het kwartje nog niet gevallen.
Gewijzigd op 19/02/2016 14:58:03 door Thomas van den Heuvel
 



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.