Kalender onload

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET C# web developer gezocht, inhouse project dev

Ben je een ervaren .NET C# web developer en op zoek naar een leuke baan in het zuiden van Zuid-Holland? Een inhouse functie maar met de afwisseling van verschillende projecten en klanten? Projecten die uitdagend zijn door de complexiteit van de systemen? Lees dan verder! Voor een bedrijf in Goeree-Overflakkee zijn we momenteel op zoek naar een ervaren .NET C# web developer. Het bedrijf bestaat uit iets meer dan 20 werknemers en verschillende ervaren software developers. De software projecten zijn uiteenlopend, maar altijd maatwerk oplossingen en veelal complex en bedrijfskritisch van karakter. De bedrijven waarvoor je software ontwikkeld kunnen variëren

Bekijk vacature »

Front-End Developer / JavaScript/ React/ 4300 euro

Functieomschrijving Ben jij een front-end developer die niets van de wereld wil missen? Wil jij dat jouw werkzaamheden zichtbaar zijn voor een groot publiek? Beschik jij over kennis van de modernste technieken en ben je in staat snel te switchen tussen verschillende projecten? Lees dan snel verder! Het ontwikkelen van applicaties (25%) en websites (75%) met behulp van JavaScript, React, jQuery, SASS en Git; Werken aan lange termijn projecten; Oppakken van ad hoc activiteiten en processen; Nieuwe ontwikkelingen in de gaten houden en toepassen; Analytisch en kritisch meedenken over verbeteringen in tools en werkwijzen. Functie-eisen Je hebt HBO/WO werk- en

Bekijk vacature »

PLC / SCADA Programmeur

Ben jij leergierig, gemotiveerd, nieuwsgierig en analytisch sterk? Heb je een afgeronde MBO opleiding in de richting Elektrotechniek of Mechatronica? Lees dan snel verder! Magion is voor de vestiging Den Haag op zoek naar een PLC / SCADA Programmeur (Met doorgroeimogelijkheden) Functieomschrijving: Sta jij klaar om een bijdrage te leveren aan de verbetering van het productieproces? Dan is dit een uitdagende en veelzijdige functie die bij je past! Als PLC / SCADA Programmeur voer je zowel zelfstandig als in teamverband industriële automatiseringsprojecten uit. Je zorgt ervoor dat het productieproces zo goed mogelijk verloopt door het onderhoud en het oplossen van

Bekijk vacature »

Senior (Lead) Developer

Functieomschrijving Ze zoeken een ervaren PHP Developer die graag de technische uitdaging aangaat. Je krijgt hier de mogelijkheid om met andere developers nieuwe features te bedenken en te implementeren ofwel je krijgt de mogelijkheid om mee te groeien samen met het bedrijf. In dit kleine maar vier man sterke team werken ze volgens de Scrum methodiek aan hun eigen ontwikkelde product. Jij zult hier voornamelijk werken aan de back-end. Wil jij graag bij innoverend en dynamische bedrijf werken dan ben je hier aan het juiste adres! Functie-eisen - Je beschikt als PHP ontwikkelaar over HBO werk en denk niveau; -

Bekijk vacature »

PHP-ers gezocht voor interne functie! Alle niveau'

Functieomschrijving Als PHP Developer kom jij hier dagelijks voor technische uitdagingen te staan. Uiteraard deins je daar niet voor terug. Je komt in een hecht team en jij gaat je focussen op nieuwbouw van (mobiele) applicaties, websites en interfaces, maar ook op het verder uitbouwen en onderhouden van bestaande applicaties, websites en interfaces. Jij bent Fullstack inzetbaar en kunt, met altijd de eindklant in je achterhoofd en in nauwe samenwerking met je teamgenoten, altijd een passende oplossing bieden voor de gestelde vraagstukken. Voorbeelden van recente projecten en dus projecten waar jij aan zou kunnen komen te werken, zijn bijvoorbeeld een

Bekijk vacature »

Senior iOS Developer vacature

Je bent innovatief. Je bent creatief. Jij gaat voor een topbaan. Mobile apps ontwerpen, uitwerken en realiseren, dat is jouw passie! Met grote toewijding richt jij je dan ook op een app waarmee consumenten met een gezichtsscan betalen. Of je stort je je op een app die de temperatuur in huis op afstand kan regelen. Het spreekt voor zich dat jouw apps top of the bill zijn als het gaat om gebruiksvriendelijkheid en veiligheid. Ze hebben impact. Je voelt je als een vis in het water in een iOS-omgeving maar, veelzijdig als je bent, kun je ook met andere platforms

Bekijk vacature »

Senior .NET developer gezocht, web applicatie, Del

Voor bedrijf in Delft, dat zich richt op de ontwikkeling van online applicaties ter ondersteuningen van administratieve processen voor het midden- en kleinbedrijf, zijn we op zoek naar een ervaren .NET ontwikkelaar. De software afdeling bestaat uit meerdere scrum teams met een ruime variëteit aan junior en senior ontwikkelaars. De werkzaamheden bestaan uit een mix van nieuw te ontwikkelen functionaliteiten, technische verbeteringen en onderhoud. De software wordt geschreven in C#, VB.NET, ASP.NET, WebForms, MVC en Javascript en draait in Amazon Cloud. Verder speelt SQL Server een belangrijk rol en gaan ze in de toekomst steeds meer naar Azure Web Services

Bekijk vacature »

Java Custom Software Developer

Jouw rol Als Java developer houd jij van uitdagende maatwerk oplossingen. Het liefste bouw je aan aan complexe en grootschalige oplossingen. Laatst zag je bijvoorbeeld nog een slimme oplossing voorbij komen die je graag zou willen uitwerken. Moet je daarvoor nieuwe technologie leren kennen, dan school jij jezelf bij. Soms moet je je collega's en de klant overtuigen om jouw idee te omarmen. Als jij dan het door jou aangebrachte idee ziet draaien dan kijk jij er alweer naar uit om de volgende oplossing te bouwen. Plaats in de organisatie Binnen onze Custom Software Development practice (CSD) werken we gezamenlijk

Bekijk vacature »

SIEBEL DEVELOPER

SIEBEL DEVELOPER Introduction Interesting work brings people to Accenture. Variety, team work and personal growth are just some of the core values as you start to build your career here at Accenture. A career at Accenture translates into continuous opportunities to expand your capabilities as we help clients become high-performance businesses. Our clients have the ambition to digitalize their businesses, become more Agile, reduce cost, simplify their IT-landscape and move to the ‘new IT’ adopting value added services/technologies. You will help them realize their ambitions with technologies such as Cloud, Big Data, Artificial Intelligence, Internet of Things, Predictive Analytics, Augmented/Virtual

Bekijk vacature »

PHP ontwikkelaar / Innovatie / Creativiteit

Functieomschrijving Ben jij de ontwikkelaar die op de hoogte is van de laatste ontwikkelingen en sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Trek dan nu aan de bel! Deze organisatie is al meer dan 20 jaar actief in het verzamelen en doorsturen van grote hoeveelheden data. Dit gebeurt doormiddel van hun zelf ontwikkelde platform die verschillende communicatieoplossingen biedt. Met bijna 600 gebruikers kan je jezelf wel inbeelden hoe groot de hoeveelheid data aan tekst, afbeeldingen en voicerecords is. Om er voor te zorgen dat de applicatie up-to-date, innovatief en vernieuwend is,

Bekijk vacature »

Java Developer / Domotica / Public Cloud / Verbete

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan het ontwikkelen van innovatie Java applicaties die het levensgeluk van patiënten in diverse zorginstellingen aanzienlijk verbeterd? Lees dan snel verder! Ontwikkelen van nieuwe applicaties in Public Cloud; Optimaliseren en verbeteren van bestaande applicaties in Private Cloud; Meedenken over verbeterprojecten; Maken en uitvoeren van Stress Testing; Ontwikkelen en verbeteren van de Mobile app. Functie-eisen Hbo werk- en denkniveau; Minimaal 5 jaar relevante werkervaring; Ervaring in Java 8; Kennis van Linux, Public- en Private Cloudtechnieken; Je bent communicatief erg sterk en kan tegen de nodige stress. Bedrijfsomschrijving Deze organisatie is al ruim

Bekijk vacature »

C++ Developer / Productontwikkeling / Maatschappel

Functieomschrijving Ga jij als C++ Developer aan de slag voor een productontwikkelaar uit de regio Utrecht die zorgt voor een positieve maatschappelijke impact? Werk je graag voor een echte soft- en hardwareclub en heb jij affiniteit met embedded development? Lees dan snel verder! Het ontwikkelen van software op een embedded Linux platform; Het ontwikkelen van C++ software dat moet voldoen aan hoge kwaliteitseisen (tegen embedded aan); Je participeert in diverse projecten waar je werkt aan software design, implementatie, testing en documentatie; Het testen van code om kwaliteit te waarborgen (unit test); Wanneer je het leuk vindt is er als developer

Bekijk vacature »

Senior Java Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: jij 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 »

IT TRAINEESHIP: NEXT STEPS (DEN HAAG)

Jij bent klaar voor een nieuwe uitdaging. Je hebt best wat ervaring, maar wilt nu het roer omgooien. Een frisse nieuwe start, weer iets leren en leuke mensen ontmoeten. QISS IT biedt je die mogelijkheid. We gaan samen kijken wat je precies wilt, welke kennis daarvoor nodig is en welke opdrachtgever bij je past. Klinkt dat goed? DIT GA JE DOEN. Nadat jij je wensen op tafel hebt gelegd, gaan we met elkaar kijken welk type IT-functie bij jou past en bij welke opdrachtgever jij het best tot je recht komt. We blijven, ook terwijl jij aan de slag bent,

Bekijk vacature »

Ervaren C# .NET developer gezocht, hardware interf

Je bent een ervaren .NET C# developer woonachtig ergens tussen Dordrecht en Rotterdam en op zoek naar een nieuwe uitdaging? Binnen een leuke, kleine en informele club van enthousiaste mensen? En het bouwen van Windows Services en de communicatie tussen software en hardware interfaces spreken je aan? Wellicht dat dit bedrijf dan iets voor jou is. Voor een organisatie in de regio Ridderkerk zijn we op zoek naar een .NET C# developer. Het bedrijf richt zich op een specifieke branche binnen de logistieke sector. Dit doen ze inmiddels ruim 15 jaar en momenteel werken er ca. 50 mensen. Door het

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:25:21
 
- 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.