Kalender onload

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior .Net Developer Duurzaamheid Maatwerkapplica

Functieomschrijving Ben je een ervaren .NET Developer en ben je op zoek naar een uitdagende rol met veel vrijheid? Wil jij aan de slag bij een bedrijf die duurzaamheid hoog in het vaandel heeft staan? Lees dan snel verder! Van scratch af aan applicaties bouwen; Testen van jouw code door middel van het uitvoeren van unittesten; Bug fixing; Contact onderhouden met klanten met klanten betreffende de door jouw ontwikkelde applicaties; Verbeteren en door ontwikkelen van maatwerkapplicaties. Functie-eisen Een afgeronde hbo/wo opleiding; Minimaal vijf jaar ervaring als fullstack .NET Developer; Uitgebreide technische kennis met oog voor praktische oplossingen; Ruime kennis van

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Heerenveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »

Software Developer / PHP

Functieomschrijving Werk jij graag in een vooruitstrevende en groeiende organisatie aan een eigen ontwikkeld platform dat door steeds meer bedrijven in Nederland gebruikt wordt? Ligt jouw passie bij software development en heb jij ervaring met PHP? Dan zijn wij op zoek naar jou voor dit bedrijf in regio Eindhoven! Je werkt samen met het ontwikkelteam aan de ontwikkeling van het platform, o.a. met Symfony, Docker, API's en Git; Je denkt mee over verbeteringen, doorontwikkeling en schaalbaarheid van het platform; Je werkt in sprints van twee weken; Je spreekt met diverse betrokkenen om samen een optimaal product neer te zetten. Functie-eisen

Bekijk vacature »

Senior Front-end Developer vacature

Senior Front-end Developer Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Je bent creatief, thuis in gebruikersinteractie en een Developer in hart en nieren. Daarnaast heb jij een klantgerichte en initiatiefrijke houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe jij als developer bij Sogeti? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie, als intern bij Sogeti. Jij houdt van het uitdenken en implementeren van responsive (web) apps, en zet hiervoor jouw uitgebreide

Bekijk vacature »

Front-end developer gezocht (dichtbij centraal sta

Functieomschrijving In deze functie kom je te werken in een team dat bestaat uit een leuke mix van junior, medior en senior developers, waarbij jij de kans krijgt om 2 junioren te managen! Samen met je collega’s is het straks jullie taak om het product van deze klant naar een hoger niveau te tillen. Hierbij zal jij verantwoordelijk zijn voor het ontwikkelen van het front-end gedeelte met behulp van React. Het is dan ook belangrijk dat je ervaring hebt met React en bereid bent jezelf hierin nog verder in te ontwikkelen! Naast een jong, enthousiast en ambitieus team en technisch

Bekijk vacature »

.NET developer / C# / MySQL Database

.NET developer / C# / MySQL Database regio Doetinchem Functieomschrijving Ben jij een .NET ontwikkelaar die aan de slag wil gaan als .NET developer, maar ook veel te maken wil hebben met de klant? Dan ben je bij deze innovatieve, vooruitstrevende en internationaal georiënteerde organisatie in de regio Doetinchem aan het juiste adres. Je krijgt hier de mogenlijkheid om een creatief team versterken. Spreekt dit je aan reageer dan snel op deze volgende stap in jouw carriere! Jouw meest voorkomende werkzaamheden zijn: Het vertalen van wensen vanuit de business naar .NET oplossingen. Dit betekent dat je of bestaande modules gaat

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Jij richt je met name op het ontwikkelen van nieuwe applicaties en het onderhouden van de gebruikte programmatuur op ons platform. Denk hierbij aan e-learning en projectplanning. Jouw team Je komt op de 25ste verdieping van ons hoofdkantoor in

Bekijk vacature »

Python Developer

Python Developer (Software Development , Techniek, Python, CAD, FEM,regio Rotterdam) Intro / Organisatie Onze klant is gespecialiseerd in ondergrondse pijpleidingsystemen, zowel op het gebied van engineering als ontwikkeling. Dit doen zij door de technische kennis naar de uitvoering te vertalen. Deze diensten worden veelal geleverd in de stedelijke voorzieningen en de procesindustrie. Deze organisatie biedt goede arbeidsvoorwaarden en meer dan genoeg anti-stressmateriaal zoals een professionele pooltafel en game mogelijkheden. In deze organisatie sta jij als persoon centraal. Men biedt veel mogelijkheden voor doorgroei en nevenactiviteiten als je hier interesse in hebt. Daarnaast kun jij na jouw inwerktraject gebruik maken van

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Hoogeveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »

.NET Developer / C# / Microservices / Azure

Functieomschrijving Ben jij een senior .NET Developer en wil jij een bijdrage leveren aan een gezondere wereld door innovatieve software te ontwikkelen? Wil jij werken met de nieuwste technieken zoals C#, Docker en Azure? Lees dan nu verder! Het ontwikkelen van software inclusief vormgeving, implementaties, integraties en testen; Het in kaart brengen van software requirements; Zorgen dat jouw code kwalitatief hoogstaand is; Uitvoeren van risico analyses; Bijdrage leveren aan het continuous quality improvement process. Functie-eisen Minimaal 3 jaar ervaring als .NET Developer; Je hebt ervaring met C#, Azure Devops of TFS; Je hebt ervaring met ASP.NET Core, MVC, Docker en

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

.NET Developer / C# / Financiele sector

Functieomschrijving Ga jij aan de slag als .NET Developer bij een van de grotere spelers binnen de financiele dienstverlening? Wil jij graag werken met onder andere C#, SQL, MVC, en WCF binnen een grote organisatie om de applicaties binnen de organisatie verder te ontwikkelen en te onderhouden? Lees dan verder! De ontwikkeling, uitbreiding en onderhouden van applicaties binnen de organisatie; Waarborgen van de veiligheid en consistentie van de applicaties; Zorgen dat de eindgebruiker de applicaties effectief kunnen gebruiken; Documenteren van de systemen, op zowel gebruikers niveau, als technisch niveau; Het adviseren van de directie over technische kwesties. Functie-eisen Minimaal HBO

Bekijk vacature »

Senior Mobile Developer vacature

Senior Mobile Developer Op bijna elke mobiele telefoon in Nederland is wel een app te vinden die door Sogeti is ontwikkeld of waar Sogeti aan mee heeft gewerkt. Wil jij meehelpen met het ontwikkelen van mobiele applicaties voor de top van het Nederlandse bedrijfsleven? Als Senior Mobile Developer ben jij verantwoordelijk voor het implementeren en testen van nieuwe features. Je bent medeverantwoordelijk voor de codebase en moet deze code dus ook goed onderhouden. Doordat je thuis bent in het mobiele landschap kun je gemakkelijk sparren met andere ontwikkelaars, designers, analisten en technische leads om zo de producten waar aan je

Bekijk vacature »

C# backend developer gezocht, hardware component,

Ben je een C# developer en zoek je een baan in Rotterdam waar je systemen ontwikkeld die communiceren met hardware? Bij een klein bedrijf met korte lijnen, een open cultuur en veel vrijheid? Wellicht dat dit dan iets voor je is. Voor een klant in Rotterdam zijn we op zoek naar een ervaren C# developer. Het gaat hier om een bedrijf dat gericht is om voor overheden en ondernemingen informatie vanuit bepaalde meetsystemen te verwerken en te presenteren. Zo is bijvoorbeeld een van de projecten waar je als ontwikkelaar aan gaat werken; het bouwen van een website waar gebruikers informatie

Bekijk vacature »

UI & Front End Developer

Position: UI & Front End Developer Location: Hoofddrop, Netherlands Type: Fixed Term Employment (12 Months Contract) Notice: Immediate Looking for the UI & Front End Developer, who is responsible for to provide the user interface solution to the end user, including the final look, feel and behavior of the interface in different contexts Technical Skills: Delivering a complete UI & Front-End application 6 to 8 years hands on experience in Angular with latest version(Ver 4+) Ensuring high performance on mobile and desktop Writing tested, idiomatic, and documented JavaScript, HTML and CSS Coordinating the workflow between the graphic designer, the HTML

Bekijk vacature »
Levy van der Meijden

Levy van der Meijden

21/09/2019 01:56:09
Quote Anchor link
Beste leden,

Op dit moment worden de waardes van de kalender geladen, wanneer ik op een button klik.

Dit is de functie voor het laden van de gegevens.
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<script>
$(document).ready(function() {
function checkDate(selectedDate) {
<?php

$q
="select distinct date_format( date, '%d-%m-%Y' ) as date from sportevenementen";

$str="[ ";
foreach ($dbo->query($q) as $row) {
$str.="\"$row[date]\",";
}

$str=substr($str,0,(strlen($str)-1));
$str.="]";
echo "var not_available_dates=$str";

?>
    
 var m = selectedDate.getMonth()+1;
 var d = selectedDate.getDate();
 var y = selectedDate.getFullYear();
 m=m.toString();
 d=d.toString();
if(m.length <2){m='0'+m;}
if(d.length <2){d='0'+d;}
 var date_to_check = d+ '-' + m + '-'  + y ;
 for (var i = 0; i < not_available_dates.length; i++) {
 if ($.inArray(date_to_check, not_available_dates) != -1 ) {
 return [true,'voor_dates','Bekijk dag'];
 }else{
return [false,'na_dates','Geen agenda punten'];
}
}
}
$(function() {
    $( "#date_picker" ).datepicker({
dateFormat: 'dd-mm-yy',
beforeShowDay:checkDate,
onSelect:function() {
selectedDate = $('#date_picker').val();
var url="display-data.php?selectedDate="+selectedDate;
$('#d1').load(url);
  }
});
});
})
</script>

Op internet heb ik wel gevonden, hoe een page onload wordt gebruikt.
<script type="text/javascript">

    $(document).ready(function () {
        yourFunction();
    });
    function yourFunction(){
      //some code
    }
</script>

window.onload = yourFunction;


Verschillende manieren geprobeerd om dit toe te passen, maar het is nog niet gelukt.
Zou iemand kunnen vertellen, hoe ik de onload kan toepassen?

Bedankt alvast,

Met vriendelijke groet,

Levy van der Meijden

Edit:
Code tags toegevoegd, zie ook de opmaakcodes in de Veelgestelde Vragen
Gewijzigd op 21/09/2019 07:33:20 door - Ariën -
 
PHP hulp

PHP hulp

07/07/2020 01:14:10
 
- Ariën -
Beheerder

- Ariën -

21/09/2019 07:35:27
Quote Anchor link
Ben je je bewust dat je PHP-script altijd uitgevoerd wordt? PHP wordt al op de server uitgevoerd, en javascript door de browser.
 
Rob Doemaarwat

Rob Doemaarwat

21/09/2019 12:01:54
Quote Anchor link
Die window.onload = yourFunction; staat nu buiten de <script> tags, dus dat gaat niet werken. Maar je ready event zou het ook moeten doen (dus kies 1 vd 2). Maar nu moet je dus ipv yourFunction() of //some code dezelfde functie aanroepen die je nu (blijkbaar ergens) aan de onclick van de butten hebt gekoppeld.
 
Levy van der Meijden

Levy van der Meijden

21/09/2019 14:01:48
Quote Anchor link
Ja, de PHP-script wordt elke keer uitgevoerd wanneer ik een PHP-pagina laadt. Maar van een JavaScript wist ik het niet.
Dat weet ik dat de window.onload = yourfunctie buiten het script staat. Verschillende manieren geprobeerd om dit tussen het script te plaatsen, maar dit is nog niet gelukt. Ook is het niet gelukt om een functie van een onload toe te passen.

document.getElementById("checkdate").onload = function() {yourfunctie()};

Met vriendelijke groet,

Levy van der Meijden
Gewijzigd op 21/09/2019 18:30:00 door Levy van der Meijden
 
Thomas van den Heuvel

Thomas van den Heuvel

21/09/2019 17:32:13
Quote Anchor link
Maar, dit is toch gewoon onderdeel van de initialisatie van je DatePicker kalender? Lijkt mij dat je dit dus niet toepast op het document of wat dan ook (en daarna met een click naar je kalender stuurt), maar (rechtstreeks) op de datepicker (zelf)?

Je kunt volgens mij met de optie/callback beforeShowDay() bepalen op welke datums geklikt kan worden en met de optie/callback onSelect() kun je vervolgens programmeren wat er moet gebeuren als je op een van die datums klikt.

Maar dit kun je dus helemaal in de initalisatie van je datepicker regelen, eventueel afhankelijk van informatie uit je database.

Met het bovenstaande zou je het gewenste effect moeten kunnen bereiken (een soort event kalender waar je op kunt klikken). Hoe je de code precies vormgeeft valt met deze twee specifieke opties wel bij elkaar te googlen en anders kunnen we hier wel even verder kijken.

EDIT: de bovenstaande code zou dus, mits goed vormgegeven, moeten werken.
EDIT: ben je nagegaan of je JavaScript code ergens breekt? dat zou mogelijk kunnen verklaren waarom dingen (ogenschijnlijk) niet werken.
Gewijzigd op 21/09/2019 17:46:24 door Thomas van den Heuvel
 
Levy van der Meijden

Levy van der Meijden

21/09/2019 18:28:58
Quote Anchor link
Bedankt voor je reactie. Ja, na het laden van de kalender gebruik ik de functie Datepicker. Nu heb ik nog geen onload functie voor het laden van de kalender. Graag zou ik bij het laden van de pagina, de kalender willen zien. Nu wordt de kalender pas getoond, wanneer ik op een button klik.
<input type="text" size="13" value="Openen" class="btn2" id="date_picker">

Moet ik voor het laden van de kalender, de functie Checkdate gebruiken?
 
- Ariën -
Beheerder

- Ariën -

21/09/2019 19:04:56
Quote Anchor link
De plain onLoad voor lijkt mij niet echt nodig. Dat doet de .ready() in jQuery functie al.
Ik neem aan dat je die ook inlaadt?
 
Levy van der Meijden

Levy van der Meijden

21/09/2019 19:26:01
Quote Anchor link
Oke, nee volgens mij niet.
Het script bovenaan gebruik ik als volgt:

$(document).ready(function() {
function checkDate(selectedDate) {

Bedoel je het inladen van de date_picker?
 
Thomas van den Heuvel

Thomas van den Heuvel

22/09/2019 00:23:06
Quote Anchor link
Hm. Er begint mij iets te dagen.

Wanneer je in zijn algemeenheid zoiets hebt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
$(
something
);
lala;

Dan gebeurt er het volgende:
- er wordt gestart met de uitvoering van "something"
- direct daarna wordt "lala" uitgevoerd

Het kan dus zijn dat "something" nog bezig is als "lala" al uitgevoerd is. Met dit soort functienesting en callbacks kan het dus heel goed zijn dat er verschillende dingen "tegelijkertijd" gebeuren maar de volgorde is dan niet gegarandeerd.

Maar ook: als je op twee verschillende manieren besluit wanneer iets "klaar voor gebruik" is dan kom je mogelijk in de knoop met timing. Een combinatie van window.onload en $(document).ready(...) is daarom misschien ook niet echt aan te bevelen.

Dat gezegd hebbende, nog twee dingen. Allereerst: ben je nagegaan wanneer onload en ready vuren? In mijn datepicker probeersel is onload consistent sneller dan alles wat in document ready gebeurt. Dat zou in jouw geval dus ook inhouden dat je datepicker nog bezig is met whatever als je deze probeert te vullen.

Ten tweede: misschien moet je ook gaan nadenken over het dynamisch ophalen van de event-data. Nu haal je *alle* events op, niet enkel van de huidige maand. Op den duur wordt zo'n query een beetje onhandelbaar en/of wil je hier meer condities aan ophangen in geval van gepersonaliseerde event-kalenders ofzo.

Jammergenoeg heeft de datapicker niet echt veel (geen?) events waar je op in kan haken. Wat je wel kunt doen is de initialisatie van het datepicker-object inbouwen in de callback voor het ophalen van de initiële events. Ook zou je dingen wat verder kunnen splitsen zodat je de verschillende dingen functioneel scheidt en de code wat schoner wordt.

Je krijgt dan bijvoorbeeld de volgende opzet:
index.php
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DatePicker Event Calendar</title>
<link rel="stylesheet" type="text/css" href="assets/jquery-ui.css">
<script src="assets/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="assets/jquery-ui.js" type="text/javascript"></script>
</head>

<body>
<div id="datepicker"></div>

<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    var myEvents = {};

    // fetch initial events and initialize datepicker with these
    $.ajax({
        'url': 'ajax.php',
        'method': 'get',
        'data': {'y': 2019, 'm': 9}, // @todo pull initial year and month from somewhere, might also depend on what initial month you want to show
        'dataType': 'json',
        'success': function(data) {
            myEvents = data;

            $('#datepicker').datepicker({
                // format date that is returned when clicking a date
                'dateFormat': 'yy-mm-dd',

                // for loading in the events to check if there is an event on that day
                'beforeShowDay': function(d) {
                    return checkMyEvents(d);
                },

                // beforeShow, for when initially loading the calendar; does not seem to trigger on load if its always visible

                'onChangeMonthYear': function(y, m) {
                    fetchMyEvents(y, m);
                },

                'onSelect': function(dateText, instance) {
                    console.log('clicked '+dateText); // debug
                    if (dateText in myEvents) {
                        console.log('corresponds with event ['+myEvents[dateText]['name']+']'); // debug; @todo implement further handling
                    }
                }
            });
        }
    })

    function checkMyEvents(d) {
        var eventDate = d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2)+'-'+('0'+(d.getDate())).slice(-2); // yyyy-mm-dd
        if (eventDate in myEvents) {
            return [true, '', myEvents[eventDate]['name']];
        } else {
            return [false];
        }
    } // checkMyEvents

    function fetchMyEvents(y, m) {
        console.log('fetching events for '+y+'-'+m); // debug
        $.ajax({
            'url': 'ajax.php',
            'method': 'get',
            'data': {'y': y, 'm': m},
            'dataType': 'json',
            'success': function(data) {
                myEvents = data;
                $('#datepicker').datepicker('refresh'); // update datepicker with new events
            }
        });
    } // fetchMyEvents
});
//]]>
</script>
</body>
</html>


ajax.php
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
<?php
// normally, this data would come from a database
// format it in the way you would use it in jquery

$events = array(
    2019 => array(
        8 => array(
            '2019-08-02' => array('name' => 'august event #1', 'link' => 'date.php?date=2019-08-02'),
            '2019-08-05' => array('name' => 'august event #2', 'link' => 'date.php?date=2019-08-05'),
            '2019-08-10' => array('name' => 'august event #3', 'link' => 'date.php?date=2019-08-10'),
        ),

        9 => array(
            '2019-09-20' => array('name' => 'september event #4', 'link' => 'date.php?date=2019-08-20'),
            '2019-09-22' => array('name' => 'september event #5', 'link' => 'date.php?date=2019-08-22'),
            '2019-09-24' => array('name' => 'september event #6', 'link' => 'date.php?date=2019-08-24'),
        ),

        10 => array(
            '2019-10-10' => array('name' => 'october event #7', 'link' => 'date.php?date=2019-10-10'),
            '2019-10-11' => array('name' => 'october event #8', 'link' => 'date.php?date=2019-10-11'),
            '2019-10-12' => array('name' => 'october event #9', 'link' => 'date.php?date=2019-10-12'),
        ),
    ),
);


$selectedEvents = array();

if (
    isset($_GET['y']) && isset($_GET['m']) &&
    isset($events[$_GET['y']][$_GET['m']])
) {

    $selectedEvents = $events[$_GET['y']][$_GET['m']];
}


header('Content-Type: application/json; charset=UTF-8');
echo json_encode($selectedEvents);
?>
Gewijzigd op 22/09/2019 15:47:15 door Thomas van den Heuvel
 
Levy van der Meijden

Levy van der Meijden

22/09/2019 01:16:23
Quote Anchor link
Echt super bedankt! Ja, dit is veel beter!
 



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.