Kalender onload

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Healthcare Project Engineer

Wie zijn wij? De zorg staat aan de vooravond van een grote transitie. De zorg moet efficiënter, duurzamer en moderner worden. Digitalisering speelt daarin een sleutelrol. Hoe kunnen we zorgorganisaties in een sterk veranderende technologische wereld helpen? Die vraag stond centraal bij het ontwikkelen van Open Care Connect, een nieuw concept van Eurocom Group. Een belangrijke vraag, want organisaties kunnen worstelen met de transitie naar de nieuwe digitale wereld. Met Open Care Connect faciliteert Eurocom Group de digitale transformatie. Met als resultaat: duurzame zorg! Eurocom is een healthcare tech-bedrijf uit Eindhoven en biedt met Open Care Connect een concept die

Bekijk vacature »

Medior/Senior Python Developer

Orange Quarter are working with a major media giant, developing one of NL's highest-traffic news websites, reaching millions or readers each month. They're now looking for their newest team member, a Backend Developer with Python fluency, to join their squad. What you'll be doing: As a backend software developer, you will be part of the R&D team, improving the site's technical infrastructure and developing new features. You ensure that readers can access and engage with the site in the easiest and most reliable way possible. Skills? Need to have: Backend development is a craft, so language isn't always crucial. For

Bekijk vacature »

C# developer gezocht, inhouse functie (C#, Winform

Je bent C# developer en op zoek naar een nieuwe baan? Het liefst in de regio Rotterdam? Binnen een sterk bedrijf dat zich al een aantal decennia heeft bewezen? En bij voorkeur een bedrijf met een platte organisatie, directe lijnen en informele sfeer? Mogelijk dat deze baan dan iets voor jou is. Voor een Rotterdams software bedrijf ben ik namelijk op zoek naar een medior of senior C# developer. Het bedrijf richt zich op automatiseringssoftware voor met name het MKB. Hiervoor hebben ze een standaardproduct ontwikkeld dat continu doorontwikkeld wordt en inmiddels duizenden gebruikers kent over tientallen branches. Door zich

Bekijk vacature »

Java Developer AWS Financiële sector 5500,-

Functieomschrijving Ben jij een ervaren Java Developer, daagt een dynamische omgeving jou uit en bouw je graag innovatieve oplossingen? Werk je graag in de financiele sector en in een familiaire omgeving waar groei centraal staat? Lees dan snel verder! Het ontwikkelen van financiële applicaties in Java o.b.v. microservices architectuur; Software ontwikkelen specifiek voor het AWS platform om het maximale uit Amazon Webservices te halen; Werken aan een zeer veeleisende omgeving en continu veranderende applicaties; Het werken in een multidisciplinair team dat continu werk oplevert middels CI/CD; Deelnemen aan designsessies; Het schrijven van diverse automatische tests; Op de hoogte blijven van

Bekijk vacature »

Top C++ Developers, Top Salary, Top Location

Job profile Top C++ Developers Top salary for Top C++ Developers who want to relocate and work for a successful software company in Berlin, Germany. A unique opportunity for the smartest and most creative C++ developers with a solid theoretical background from all over the world. You work on a wide array of extremely challenging C++ development tasks. Look at a problem from the user's perspective and discuss abstract concepts with fellow developers. You will be responsible for the whole range of activities when implementing a new feature. Architecture, design, implementation, customer feedback and bug fixing. So complete control over

Bekijk vacature »

BI Developer

Ben jij een specialist in Business Intelligence en op zoek naar een permanente baan? Functieomschrijving Dit wordt je job Deze klant is volop in beweging op gebied van innovatie, digitalisering en automatisering. Business Intelligence (BI) vormt hierbij een belangrijk onderdeel. Daarom zijn zij op zoek naar een BI Ontwikkelaar. Als BI Ontwikkelaar ben je werkzaam binnen de gehele Groep. Dit betekent dat je zowel voor de divisie Infra als de divisie Bouw & Vastgoed gevraagd kunt worden om technische impactanalyses uit te voeren. Jij maakt onderdeel uit van het BI-Competence Center en in deze rol ben jij verantwoordelijk voor het

Bekijk vacature »

Junior of medior .NET C# (web) ontwikkelaar, inhou

Ben je een junior of medior .NET C# ontwikkelaar en op zoek naar een nieuwe baan in Rotterdam? Een inhouse baan waar je werkt aan maatwerkapplicaties, direct contact hebt met klanten en samenwerkt met een leuk team van ontwikkelaars? Een baan waar je plezier haalt door de beste oplossing voor de klant te vinden? Wellicht dat deze organisatie dan iets voor jou is. Voor een software bedrijf in Rotterdam zijn we op zoek naar een .NET C# ontwikkelaar. Het bedrijf bestaat al meer dan 20 jaar en richt zich op het ontwikkelen van unieke software op maat (web, apps, desktop

Bekijk vacature »

Senior Python Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: je bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Afstuderen als Developer

Afstuderen als Developer! De laatste loodjes wegen altijd het zwaarst! Wij gaan hier juist een leuke afstudeerperiode van maken! Je komt terecht in een gezellig omgeving waar iedereen vol enthousiasme met zijn passie bezig is. Je wordt onderdeel van onze CX&D (Costumer Experience & Development) afdeling. Met collega’s die allemaal een passie hebben voor User Experience, Design en het ontwikkelen van software heb jij de juiste mensen om je heen om van te leren! Wie ben jij? Je zit in je laatste jaar van je HBO of WO opleiding in de richting van Software Development en hebt een grote passie

Bekijk vacature »

Affiniteit voor de zorg en .NET Developer?

Functieomschrijving In deze functie ga je samen met je team Agile te werk, je komt in een SCRUM team te werken en bent samen met jouw team betrokken bij het gehele proces van ontwerpen tot ontwikkelen, van testen tot uitrollen. Jullie ontwikkelen applicaties voor de zorgsector en staan nauw in contact met de klant. Samen met je team adviseer je de eindklanten over de mogelijkheden en biedt op deze wijze altijd een passende oplossing en perfecte applicatie op maat aan. Binnen deze organisatie zijn de teams divers, er werken verschillende nationaliteiten, de leeftijd varieert en er werken zowel mannen als

Bekijk vacature »

Junior Back End Developer within an infrastructure

Functieomschrijving Do you have a Network & Security mindset? Are you someone that takes it on and make it happen? Do you have relevant knowledge with configuration tools such as Ansible, Puppet or Chef? Do you have working experience with Java and Spring Boot? Then this could be your future job! Developing a microservices application with Java and Spring Boot; Writing new automation workflows; Developing new interfaces; Migrating Gitlab to Azure DevOps and Ansible; Refactoring code; Execute code reviews; Being responsible for automating the deployments; Deploying the applications; Monitoring and optimizing the application; Working according to the SCRUM methodology; Sharing

Bekijk vacature »

Quality engineer

Are you interested in quality management systems in the computer industry and do you have a minimum of 4-5 years hands-on experience? Then you may be interested in the position of: Quality engineer for our office in s’ Hertogenbosch About the position: As a quality engineer you will work with senior management of the global production operations in establishing quality-focus teams, mandate standard practices of quality principles and attend to the oversight responsibility to all global operations sites and cross-functional departments. Your tasks include but are not limited to: Monitoring, reviewing and controling manufacturing processes of Dutch production; Collecting necessary

Bekijk vacature »

Junior Java developer met ondernemend karakter

Vacature Omschrijving Je komt te werken in een jong en creatief team waarin je écht onderdeel bent van de ontwikkelingen binnen de organisatie. Korte lijnen, weinig bureaucratie en een informele werksfeer. Iemand met een ondernemend karakter zal zich snel thuis voelen. Daarnaast bieden we een marktconform salaris, een gezamenlijke lunch én een 2-wekelijkse stoelmassage. Functieomschrijving Je ontwikkelt mee aan een uniek software platform vol componenten waarmee consultants (en klanten) zowel SaaS- als Enterprise oplossingen creëren op het gebied van ‘Kwaliteit & Veiligheid’, ‘Privacy & Informatiebeveiliging’ en ‘Governance, Risk & Compliance’. Vanuit een overtuigende passie voor het digitaal transformeren van werkprocessen

Bekijk vacature »

Full Stack Developer/ C#/ .NET/ Software Engineer

Functieomschrijving Ben je een Full Stack Developer en een echte teamplayer? Wil je werken met state of the art hardware en hoogwaardige software? Ben je communicatief vaardig en vind je het interessant om requirements te achterhalen bij de business? Dan is deze functie jou op het lijf geschreven. Reageer snel! Uitbouwen van bestaande applicaties in C#; Onderhouden van de uitgebouwde applicaties; 70% van de tijd backend, 30% van de tijd frontend; Ontsluiten van data naar een BI tool. Functie-eisen HBO werk- en denkniveau; Minimaal 5 jaar ervaring met .Net/ C#; Minimaal 5 jaar ervaring met .Net Core; Minimaal 3 jaar

Bekijk vacature »

Medior Front-end Developer

Front-end Developer bij Capgemini Bij Capgemini bouwen we niet zomaar webapplicaties en mobiele apps waar onze opdrachtgevers en hun klanten mee overweg kunnen. Nee, we ontwikkelen applicaties voor miljoenen gebruikers en dan ook nog apps waar men écht gelukkig van wordt. Van de medewerkers in de organisatie zelf tot aan de eindgebruikers. En als Front-end Developer ben jij hierbij onmisbaar! Jouw uitdaging Van het bouwen van nieuwe functionaliteiten, het behouden, bewaken en verbeteren van de huidige infrastructuur en applicaties tot aan het ontwikkelen van nieuwe innovaties. Als Front-end Developer ben je de (lead) developer binnen jouw scrumteam en werk je

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

17/10/2019 13:17:48
 
- 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.