Selected Datepickter datum doorsturen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Developer Betty Blocks Blauwe Haven Rotterd

Functieomschrijving Voor de Politie zijn wij opzoek naar een Senior Developer Betty Blocks Blauwe Haven Rotterdam. De politieorganisatie heeft jaarlijks te maken met een aanzienlijk aantal politiemedewerkers die vanwege mentale overbelasting niet of beperkt inzetbaar zijn. De Blauwe Haven Rotterdam ondersteunt deze politiemedewerkers in hun herstel en re-integratieproces. De huidige digitale systemen van de Politie bieden onvoldoende ondersteuning in het herstel- en re-integratieproces van politiemedewerkers. Zowel voor de politiemedewerkers als voor de organisatie. Politiemedewerkers worden buitengesloten, waardoor zij eigen regie verliezen. Begeleiders kunnen de voortgang van de medewerkers niet goed monitoren. Management beschikt niet over de mogelijkheid trends te signaleren

Bekijk vacature »

Front end developer binnen de consultancy

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Delphi Programmeur

Functie omschrijving Onze opdrachtgever is gespecialiseerd in kantoor-bedrijfssoftware en zit gevestigd in omgeving Numansdorp. Als programmeur ben jij bij dit bedrijf met het volgende bezig; Je vertaalt technische en functionele ontwerpen naar kwalitatieve software. Je ontwikkelt, ontwerpt en test software. Je maakt daarbij veel gebruik met de volgende tools & technologieën: Delphi 10.3 (Rio), QuickReport 6. Je krijgt in deze rol veel vrijheid en verantwoordelijkheid. Je levert projecten van A - Z op, en werkt daarbij projectmatig en gestructureerd. Bedrijfsprofiel Dit bedrijf richt zich op maatwerk software oplossingen. Deze software oplossingen worden ingezet in de financiële branche. Het betreft een

Bekijk vacature »

Frontend Developer - Leeuwarden

Frontend Developer – Leeuwarden Als Frontend Developer bouw jij mee aan het onderwijs van de toekomst! In een scrum team werken met jonge en enthousiaste collega’s, moderne technieken, ruimte voor eigen ontwikkeling en op een proactieve wijze kunnen meewerken aan innovatie binnen het onderwijs. Magister is het state-of-the-art softwarepakket dat scholen in het voortgezet onderwijs op alle fronten ontzorgt. Van leerlingenadministratie tot het ondersteunen van individuele leerlijnen, van toegang tot digitaal lesmateriaal tot het plannen van het lesrooster. In de Magister app bedient Magister ruim 2,5 miljoen gebruikers waarvan, dagelijks meer dan 600.000 unieke. Hiermee is Magister de absolute marktleider

Bekijk vacature »

Medior C# Developer

You'll build modern applications for Coolblue's back office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become a Medior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become C# Developer at Coolblue? Read below if the job suits you. You enjoy doing this Working with various types of

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Ervaren PHP Developer

Functieomschrijving PHP Developer met brede ervaring gezocht! Ben jij een Full Stack PHP Developer met brede ervaring die toe is aan een volgende stap? Lees dan snel verder! Voor onze eindklant in de regio Nunspeet zijn wij op zoek naar een ervaren PHP Developer die het IT Team van deze organisatie gaat versterken. Wij zoeken een enthousiaste en breed georiënteerde IT-er die er voor gaat zorgen dat deze innovatieve organisatie de volgende stap gaat maken. Om deze functie goed uit te kunnen voeren moet je communicatief goed zijn en in staat zijn om zelfstandig problemen op te lossen. Daarnaast bestaat

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar een Embedded Software developer. Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij enthousiast en een echte team player? Lees dan snel verder en laat wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot aantal creatieve en ambitieuze ontwikkelaars. Ze

Bekijk vacature »

Developer Front-end

Functie omschrijving Front-end Developer gezocht! Wij zijn op zoek naar een front-end developer voor een organisatie in de regio Veenendaal die de eindverantwoordelijkheid op zich neemt van alles wat met design te maken heeft. Je hebt in deze functie een adviserende rol hiervoor moet je beschikken over een grote dosis vakinhoudelijke kennis. Je creëert unieke concepten door samen met collega’s en klanten te overleggen over aangeleverde designs. Hiermee draag jij je steentje bij aan de groeiambities van de klant. Jij wordt het vaste aanspreekpunt voor klanten wanneer het gaat over planningen, hierin is het jouw taak om alle betrokkenen goed

Bekijk vacature »

.NET developer

Functie Als senior .NET ontwikkelaar en aankomend lead developer ben jij in één van de drie development teams verantwoordelijk voor het volgende: • Jij hebt een oogpunt op modernisering en bent verantwoordelijk voor de technische staat en architectuur van de applicatie; • Jij bent verantwoordelijk voor het reviewen van de technische haalbaarheid van verschillende onderwerpen; • Jij bent verantwoordelijk voor een goede aansluiting binnen het multidisciplinaire team en de bijbehorende taken; • Jij bent verantwoordelijk voor het aandragen van verbetervoorstellen en ontwikkelstandaarden in zowel de techniek als architectuur; • Jij bent meewerkend voorman en ondersteunt en coacht jouw team op

Bekijk vacature »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

PHP developer - Digital Agency

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »

Als Lead PHP developer bijdragen aan het onderwijs

Functie Als Lead PHP developer zet je samen met het team en de andere lead developers de technische lijnen uit als het gaat om het ontwikkelen van de applicaties en bepaal je samen met de PO waar elke sprint aan gewerkt zal worden. Je kunt op basis van een user story een goede aanpak formuleren en een planning opstellen, en andere hierin meenemen. Wanneer je team code schrijft verwacht je degelijke oplossingen, bij voorkeur gebruik makend van Domain Driven Design. Je ziet toegevoegde waarde in het beoordelen van het werk van collega’s om zo samen te streven naar hoge kwaliteit

Bekijk vacature »

Front end ontwikkelaar

Functie Het huidige team bestaat uit momenteel uit 5 back end developers verdeeld van senior tot junior. Omdat de gehele front end van applicaties anders gaan insteken zijn ze op zoek naar een ervaren Front end developer die hen kan helpen de juiste keuzes te maken. Je krijgt veel vrijheid om te bepalen hoe je dit wilt ontwikkelen en vrijheid in welke techniek je hiervoor wilt gebruiken. Je zult je dus bezighouden met architectuur, documentatie en natuurlijk ontwikkeling van nieuwe functionaliteiten binnen de verschillende applicaties. natuurlijk heb jij ook mogelijkheden om te sparren binnen het team, maar ze gaan uit

Bekijk vacature »

SQL beheerder / ontwikkelaar

Functie omschrijving Voor een klant in omgeving Tiel zijn wij op zoek naar een SQL beheerder met affiniteit met technisch applicatiebeheer. Je krijgt een fijne in-house werkplek waar je gaat werken aan diverse projecten. Dit bedrijf doet het beheer van databases voor een aantal bancaire klanten. Op dit momenten hebben zij ruim 1500 databases in beheer. Jouw werkzaamheden gaan er als volgt uit zien: Je gaat de development afdeling ondersteunen bij het ontwikkelen van MS SQL Scripts. Je zal zowel zelfstandig als in teamverband MS SQL databases installeren & beheren. Je monitort en onderzoekt incidenten en de achterliggende oorzaken. Je

Bekijk vacature »

Pagina: 1 2 volgende »

Johnny Cash

Johnny Cash

01/05/2015 03:11:38
Quote Anchor link
Goedenavond,

Ik zit met een probleem en ben daarmee tot in de late uurtjes (03:10) bezig geweest.

Ik gebruik de bekende Datepicker om een datum te selecteren.
Deze werkt zoals het hoort.

Maar ik wil nu een extra functie bouwen die het volgende doet:
Wanneer er in de Datepicker de datum "zondag 3 mei 2015" wordt aangeklikt (zondag is normaal gesproken niet aanklikbaar) moet er een extra hidden formfield worden gegenereerd.

De bewuste zondag 3 mei 2015 maak ik beschikbaar via:
var openDates = [[05,03,2015]];

Voor alle overige dagen (maandag t/m zaterdag) wordt sowieso de aangeklikte datum doorgegeven aan:
$("input[name='eventdate']").val(dateText);

Nu wil ik dat er voor de gewenste zondag 3 mei 2015 een speciale input field hebben.
Dus wanneer deze datum wordt aangeklikt moet er een nieuwe <input type='hidden' name='specialsunday' /> worden aangemaakt met daarin de waarde value='1'.

Vervolgens wil ik via een AJAX post de waarde van het veld 'specialsunday' doorsturen naar een ander php script welke controleert of er een specialsunday (3 mei 2015) is aangeklikt. Zo ja dan wordt er een melding getoond op het scherm. Die melding kan bijvoorbeeld zijn "Let op voor zondag 3 mei 2015 betaald u een extra toeslag".

Hoe kan ik dit het eenvoudigst realiseren?
 
PHP hulp

PHP hulp

26/05/2026 12:49:04
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 11:49:07
Quote Anchor link
Ik zou geen hidden veld aanmaken omdat je hier het berekenen van extra toeslag niet van af wilt laten hangen. Stel dat ik via een browsertool dat hidden veld er weer uitfiets, dan zou dat niet tot gevolg moeten hebben dat de toeslag niet berekend wordt.

Vertrouw. Nooit. User. Input.

Je wilt te allen tijde de "controle" aan jouw zijde houden. Hierbij moet je ook zorgen dat je de code voor deze controle eenmalig schrijft. Vervolgens voer je deze check (waarbij je dus in beide gevallen refereert aan dit ene zelfde stuk code) op twee plaatsen uit:
- in de AJAX-call, (ENKEL) om een gebruiker hierover in te lichten
- in de verdere verwerking van je formulier, voor het daadwerkelijk verrekenen van een eventuele toeslag
 
Johnny Cash

Johnny Cash

01/05/2015 12:30:20
Quote Anchor link
Bedankt Thomas van den Heuvel,

Het is mij alleen nog niet helemaal duidelijk hoe ik dat met een correcte code kan bewerkstelligen...

Ik heb het volgende staan, wat werkt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
onSelect: function(dateText, inst) {
   $("input[name='eventdate']").val(dateText);
   $("#alternatedate").fadeIn();

   $.post( "/savedatum.php", { selecteddate:dateText } );
}


Hierin wordt wel de aangeklikte datum toegevoegd aan het formulierveld "eventdate" en deze wordt als uitgeschreven datum getoond in #alternatedate.
Ook wordt de geselecteerde datum via de post naar het savedatum.php script gestuurd (hierin wordt de datum toegevoegd in een database tabel).

Echter wat ik als resultaat wil hebben, is dat op de formulier pagina ook direct de extra toeslag wordt berekend. Dit doet hij nu niet omdat de waarde van het "eventdate" formulierveld niet op de formulierpagina via ajax kan doorsturen naar het script waarin het totaalbedrag wordt berekend.

Onderstaande stukje code stuurt waarden van het formulier door naar het berekentotaal script, hierin is .selecteddate de class binnen het "eventdate" formulierveld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform  input[type="hidden"].selecteddate').change(function(){berekentotaal();});
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 13:23:54
Quote Anchor link
Quote:
Dit doet hij nu niet omdat de waarde van het "eventdate" formulierveld niet op de formulierpagina via ajax kan doorsturen naar het script waarin het totaalbedrag wordt berekend.

Dat zou wel de makkelijkste plaats zijn, je kunt dan de eerdergenoemde check ook uitvoeren in berekentotaal.php.

Waarom kun je deze waarde niet doorsturen? De eventdate is toch gewoon onderdeel van het formulier? Waarom lukt het versturen van de datum naar savedatum.php dan wel? Gaat het om meerdere datums, of slechts een?
 
Johnny Cash

Johnny Cash

01/05/2015 15:16:37
Quote Anchor link
Waarom de waarde niet goed wordt doorgestuurd vanuit de OnSelect van Datepicker is voor mij dus een raadsel.

De situatie meer specifiek is als volgt:

1. ik heb een pagina/script formulier.php, hierop staat de Datepicker om een datum te selecteren en dit werkt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
echo "<div id='datepicker' class='deDatepicker'></div>";
echo "<input type='hidden' name='eventdate' class='selecteddate' />";
echo "<input type='text' id='alternatedate' class='showselectedbezdate' readonly />";

echo "<div id='showtotaal'></div>";

in de tweede echo moet de datum worden toegevoegd die is aangeklikt (werkt niet!).
in de derde echo wordt de datum getoond die is aangeklikt (dit werkt!).
in de vierde echo moet een toeslag bedrag komen wanneer de aangeklikte datum zondag 3 mei is zonder dat de hele pagina gerefreshed hoeft te worden.

Over waarom de tweede echo niet werkt tast ik dus nog in het duister. Hierin wordt alleen een datum getoond die is voorgeselecteerd voordat er op de Datepicker datum wordt geklikt.

2. het versturen van de datum naar savedatum.php lukt wel omdat dit gebeurd in de Datepicker functie. Het stukje javascript van de Datepicker staat in een speciaal javascript bestand.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
onSelect: function(dateText, inst) {
   $("input[name='eventdate']").val(dateText);
   $("#alternatedate").fadeIn();

   $.post( "/savedatum.php", { selecteddate:dateText } );
}


3. op de pagina/script formulier.php staat onderin ook een ajax stukje:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform  input[type="hidden"].selecteddate').change(function(){berekentotaal();});


Dit stukje code staat dus op de formulier.php pagina en moet de waarde van .selecteddate sturen naar berekentotaal.php wanneer de waarde van het formulierveld .selecteddate veranderd.

Dit werkt niet goed omdat in het veld van de eventdate niet de reallife aangeklikte datum wordt opgenomen...
Ik moet dus op de formulier.php pagina een stukje code hebben die iets doet zoals:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
if($_POST["eventdate"]=="2015-05-03")
{
  // bereken de toeslag
}else{
  // geen toeslag berekenen
}


De uitkomst van die if constructie moet dan zonder refreshen getoond worden op de formulier.php pagina.

Ik hoop dat ik de situatie nu goed in beeld heb gebracht.
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 15:38:59
Quote Anchor link
Ugh, waarom echo'd iedereen statische HTML :p.

Zet alle attribuut waarden tussen "dubbele quotes".

Weet je zeker dat je geen JavaScript foutmeldingen krijgt? Ook al is de constructie (met enkele quotes) niet helemaal juist zou dit nog steeds moeten werken.
 
Johnny Cash

Johnny Cash

01/05/2015 15:50:42
Quote Anchor link
In het stukje javascript van de Datepicker staat verder geen fouten. Of ik moet er na 100 keer lezen overheen kijken...
Ik heb de attributen voor de correctheid nu ook tussen dubbele quotes gezet, maar nog steeds wordt er niet gedaan wat ik graag zou willen.

Toevoeging op 01/05/2015 15:58:02:

Ik heb op verschillende posites binnen de Datepicker javascript het volgende geplaatst en hiermee krijg ik wel de geselecteerde datum te zien als Alert message:
alert(dateText);

En de waarde die daar wordt getoond moet dus simpelweg direct in het eventdate formulierveld worden gestopt...
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 16:04:16
Quote Anchor link
Quote:
In het stukje javascript van de Datepicker staat verder geen fouten. Of ik moet er na 100 keer lezen overheen kijken...

Je moet niet naar code kijken, je moet kijken naar wat je browser je vertelt. Als je JavaScript onderweg ergens breekt om wat voor reden dan ook doet je code vervolgens niets meer.

Zonder complete code wordt dit een beetje lastig.

is dateText een object toevallig (in plaats van een string)?
wordt de naam "eventdate" meerdere keren gebruikt?
heeft je HTML syntax-fouten?
staat het inputveld wel binnen je form-tag?

Ik kan zo blijven raden wat er fout is natuurlijk :p.
 
Johnny Cash

Johnny Cash

01/05/2015 16:23:55
Quote Anchor link
Mijn kennis in javascript is niet optimaal, daarom kom ik er waarschijnlijk ook niet uit.

dateText wordt alleen hier gebruikt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
onSelect: function(dateText, inst) {
   $("input[name='eventdate']").val(dateText);
   $("#alternatedate").fadeIn();

   $.post( "/savedatum.php", { selecteddate:dateText } );
}


De "eventdate" wordt gewoon één keer gebruikt en staat ook binnen de form-tag ;)
HTML heeft verder geen syntax fouten.

Laat ik de vraag anders stellen. Hoe zou jij het bovenstaan (wat ik wil) realiseren binnen de code die ik nu heb.
Mijn punt is dat eigenlijk alles werkt zoals het hoort alleen dat stukje zoals hierboven beschreven.

Wat ik denk wat fout gaat:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform  input[type="hidden"].selecteddate').change(function(){berekentotaal();});


Dat hierin niet wordt gezien dat het input veld .selecteddate veranderd ofzo...

Toevoeging op 01/05/2015 16:52:57:

Ik heb weer een controle uitgevoerd.
Ik heb van de hidden input formfield "eventdate" een text input formfield gemaakt zodat ik kan zien wat er in komt te staan nadat de er een datum is aangeklikt via de Datepicker.

Als ik op zondag 3 mei 2015 klik komt er netjes 2015-05-03 in de input formfield te staan "eventdate".
Dit formulierveld wijzigt dus wel.

Ik begin echt te denken dat
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform  input[type="hidden"].selecteddate').change(function(){berekentotaal();});

niet overweg kan met een formulierveld die via post callback wordt gevuld vanuit javascript.
kan dat kloppen?
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 17:04:17
Quote Anchor link
Waarom zou je dit via een class willen doen? Doe dit via de name of een id.

Daarnaast, ik neem aan dat je dit in een $().ready(function() { ... }) block hebt staan om er verzekerd van te zijn dat je DOM en dergelijke ingeladen zijn?

Ik ben even een eigen variant aan het opzetten om te zien wat er mogelijk mis kan gaan, maar ben nog niet klaar.
 
Johnny Cash

Johnny Cash

01/05/2015 17:13:47
Quote Anchor link
Wanneer ik op de bewust zondag 3 mei klik en vervolgens de pagina refresh komt wel de toeslag melding tevoorschijn via de waarde in "eventdate", maar ja de kunst van ajax is uiteraard dat dit gebeurd zonder refresh...

Ik ben ook nog steeds zoekende en probeer nu veel uit en probeer ook het één en ander uit te sluiten.
En ja de function berekentotaal() staat tussen een $().ready(function() { ... }) block.
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 17:27:59
Quote Anchor link
Kijk eens in je netwerktab, wat wordt precies gePOST?

Klopt die slash wel voor /berekentotaal.php? Levert dat geen 404 op ofzo?

EDIT: heeft het inputveld met id "eventdate" ook een attribuut "name"?

---

EDIT: ik weet niet hoe je code er verder uitziet, maar je kunt ook prima die mededeling in je berekeningsterugkoppeling zetten, zoiets dus:

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
<form id="processform">
<input type="text" id="eventdate" name="eventdate" />
</form>

<div id="showtotaal"></div>

<script type="text/javascript">
//<![CDATA[
    $().ready(function() {
        // callback function for filtering available days
        function availableDates(d) {
            var date = $.datepicker.formatDate('yy-mm-dd', d);
            var enabled = true;
            var exceptions = ['2015-05-03'];

            // first, disable weekends
            var noWeekends = $.datepicker.noWeekends(d);
            enabled = noWeekends[0];

            // then check if this is an exception
            if ($.inArray(date, exceptions) > -1) {
                enabled = true;
            }
            return [enabled];
        }

        //
        $('#eventdate').datepicker({
            'dateFormat': 'yy-mm-dd', // yy-mm-dd
            'beforeShowDay': availableDates
        });

        $('#eventdate').change(function() {
            $.post('berekentotaal.php', $('#processform').serialize(), function(html) {
                $('#showtotaal').html(html);
            });
        });
    });
//]]>
</script>


berekentotaal.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
<?php
header('Content-Type: text/html; charset=UTF-8');

$specialDates = array('2015-05-03');

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // obviously, you need to VALIDATE your data as well...
    echo '<pre>'.print_r($_POST, true).'</pre>';
    if (in_array($_POST['eventdate'], $specialDates)) {
        ?>
<div style="background-color: #ffcccc;"><p>Opgelet: extra toeslag!</p></div><?php
    }
}

?>
Gewijzigd op 01/05/2015 17:44:11 door Thomas van den Heuvel
 
Johnny Cash

Johnny Cash

01/05/2015 17:44:06
Quote Anchor link
Het inputveld heeft als name="eventdate". Aan dit inputveld hangt geen id maar een class die weer in de AJAX call staat. De ID uit onderstaand stukje gebruik ik om een voluit geschreven datum te presenteren in #alternatedate.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
onSelect: function(dateText, inst) {
   $("input[name='eventdate']").val(dateText);
   $("#alternatedate").fadeIn();

   $.post( "/savedatum.php", { selecteddate:dateText } );
}


Dus in eventdate wordt "2015-05-03" gestopt en Zondag, 3 mei 2015 wordt aan #alternatedate gekoppeld.
Met die laatste voluit geschreven datum doe ik verder niets, alleen maar weergave. De waarde van "eventdate" moet via de AJAX call worden doorgestuurd naar berekentotaal.php

Die slash klopt inderdaad. Er wordt naast "input[type="hidden"].selecteddate" ook andere variabelen meegestuurd zoals:
select.soortadres
input[type="text"].emailadres

Dit werkt overigens goed. Alleen de waarde uit "eventdate" (input[type="hidden"].selecteddate) wordt niet gevuld doorgestuurd.
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 17:47:34
Quote Anchor link
Ah, savedatum is voor de publieke weergave van de datum? Mogelijk heb je iets aan het bovenstaande antwoord, anders moet ik later even verder kijken - moet nu aan de kokerij :/.
 
Johnny Cash

Johnny Cash

01/05/2015 20:05:10
Quote Anchor link
Bedankt Thomas,

Ik heb even goed naar je code gekeken en bepaalde dingen toegepast op mijn programmatuur, maar dit is niet de oplossing helaas.

Wat ik denk (en begin het bijna zeker te weten) dat het volgende het probleem is:

1. ik heb een javascript.js bestand, hierin staat het stukje javascript voor de Datepicker met o.a. onderstaande code
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
onSelect: function(dateText, inst) {
   $("input[name='eventdate']").val(dateText);
   $("#alternatedate").fadeIn();

   $.post( "/savedatum.php", { selecteddate:dateText } );
}


2. de Datepicker kalender staat in formulier.php, <div id="datepicker" class="deDatepicker"></div>

3. het script savedatum.php (zichtbaar in het .js bestand) is er alleen om de aangeklikte datum in een database te stopen. Dit zou je voor mijn probleem kunnen wegdenken.

4. op de pagina formulier.php wordt de aangeklikte datum getoond in zowel input field "eventdate" (format 2015-05-03) en in de readonly input met ID alternatedate (format Zondag, 3 mei 2015).

5. verder staat er op formulier.php een stukje ajax die elke wijziging van het formulier #processform doorstuurt naar een verwerkingsscript genaamd berekentotaal.php

6. naar dit berekentotaal.php script worden verschillende variabelen gestuurd m.b.v. onderstaande stukje code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform ').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform select.selectcard, input[type="checkbox"].agree, #eventdate').change(function(){berekentotaal();});


7. alle formulier elementen staan tussen de form-tags waarbij select.selectcard en de checkbox op de formulier.php pagina zelf worden aangevinkt of geselecteerd. De #eventdate wordt echter gevuld vanuit javascript.js

8. de andere twee formulier elementen worden correct en goed doorgestuurd wanneer de waarde veranderd, maar dit gebeurd bij de #eventdate niet.


Ik weet dus eigenlijk wel zeker dat de veranderingen die het javascript.js bestand doorvoert naar het $eventdate element niet worden herkent als zijn CHANGE op de pagina formulier.php

Hier moet ik dus een oplossing voor zien te vinden.
 
Thomas van den Heuvel

Thomas van den Heuvel

01/05/2015 20:30:00
Quote Anchor link
Als je niets opmerkelijks in de code ziet wordt het tijd om te gaan debuggen.

Van welke browser maak je gebruik?

Heb je extensies geinstalleerd?

Maak je gebruik van de developer console (functietoets F12)?

Je moet informatie "tot je laten komen" (en je moet weten hoe) om hier uit te komen, want dit is anders een beetje blind schieten. De eerste stap is het gewoon maar dumpen van informatie naar je scherm / je console om het probleem op te sporen en te isoleren zodat je op zijn minst weet WAAR het fout gaat. Vervolgens kun je aan een oplossing gaan werken.

Ik snap alleen niet goed waarom je tussentijds een datum wegschrijft. Ook lijkt mij:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$("input[name='eventdate']").val(dateText);

nogal loos als dit veld al gekoppeld is aan je datepicker...

...Come to think of it, hoe luidt jouw declaratie van je datepicker object? Deze zie ik nergens staan :/. Het is voor mij verdomd moeilijk om een puzzel op te lossen waarvan ik niet alle stukjes heb. Waarom post je niet alle relevante delen?
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

02/05/2015 13:12:03
Quote Anchor link
Ik heb het (sterke) vermoeden dat de datepicker gekoppeld is aan een div (inline).

Wat belangrijk is om te weten is dat als je via JS/JQuery de waarde van een input aanpast, de change event niet wordt getriggerd.

Maar eigenlijk wil je dat ook niet, want dat zou betekenen dat er nagenoeg gelijktijdig twee ajax request plaats vinden.

Net zoals Thomas vraag ik me af waarom je het in twee stappen wilt, maar als dat nodig is zou ik de berekentotaal() functie aanroepen in de callback van $.post('saveDatum.php').
 
Johnny Cash

Johnny Cash

02/05/2015 13:28:52
Quote Anchor link
De Datepicker is inderdaad gekoppeld aan de inline div. Dat staat ook in mijn stukje code die ik gisteren om 15:16 heb gepost:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
echo '<div id="datepicker" class="deDatepicker"></div>';


Het klopt dat de change event niet wordt getriggerd, en dat is juist iets wat ik wel wil.
Is er niet een oplossing waarbij een change event wordt getriggerd wanneer de waarde via js/jquery wordt aangepast?

De twee request zijn wel nodig. De post naar savedatum.php is een stukje code wat enkel een aangeklikte datum op slaat. in savedatum.php staat enkel en alleen een mysql query.
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

02/05/2015 13:57:26
Quote Anchor link
Johnny Cash op 02/05/2015 13:28:52:

Het klopt dat de change event niet wordt getriggerd, en dat is juist iets wat ik wel wil.
Is er niet een oplossing waarbij een change event wordt getriggerd wanneer de waarde via js/jquery wordt aangepast?

Ik kan even niet volgen waarom je dat wilt, het enige wat je in de eventListener hebt staan is een call naar berekentotaal().

Dus waarom niet dit:
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
onSelect: function(dateText, inst) {
    $("input[name='eventdate']").val(dateText);
    $("#alternatedate").fadeIn();

    $.post( "/savedatum.php",
        {
selecteddate:dateText },
        function(){
            berekentotaal();
        }
    );
}
 
Thomas van den Heuvel

Thomas van den Heuvel

02/05/2015 14:38:05
Quote Anchor link
Johnny Cash op 02/05/2015 13:28:52:
Het klopt dat de change event niet wordt getriggerd, en dat is juist iets wat ik wel wil.
Is er niet een oplossing waarbij een change event wordt getriggerd wanneer de waarde via js/jquery wordt aangepast?

Zelf de trekker overhalen.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$("input[name='eventdate']").trigger('change');
 
Johnny Cash

Johnny Cash

02/05/2015 15:27:32
Quote Anchor link
Zelf de trigger overhalen leek mij ook de beste oplossing, maar dan moet ik deze samenvoegen met mijn andere stukje jquery omdat ik nog 2 andere variabelen meestuur voor de berekentotaal functie.

Wordt dan dit stukje code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform ').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform select.selectcard, input[type="checkbox"].agree, input[name='eventdate']').change(function(){berekentotaal();});


Het volgende stukje code?:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
function berekentotaal()
{
  $.post("/berekentotaal.php", $('#processform ').serialize(), function(html)
  {
    $('#showtotaal').html(html);
  });
}
berekentotaal();
$('#processform select.selectcard, input[type="checkbox"].agree').change(function(){berekentotaal();});

$("input[name='eventdate']").trigger('change');


Dit werkt uiteraard nog niet, maar ik heb nu echt geen idee wat ik aan de nieuwe regel moet toevoegen zodat de variabele wordt meegestuurd in de berekentotaal() functie...

Dit function(){berekentotaal();} moet ik toch ook toevoegen in de nieuwe regel?



Toevoeging op 02/05/2015 19:58:28:

Ik maak een bedrag van 25 EUR over voor de geen die de verlossende oplossing heeft voor mijn laatste post...
Ik ben al 3 dagen zoet met dit stukje en kom er echt niet meer uit.
 

Pagina: 1 2 volgende »



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.