Passing a php variable to a modal

Question

Hi I have a calendar and when I click on the date it opens a modal window where you can add an event to the calendar however to do so I need the date that was clicked on to be passed to the modal so I can add it to my database once the user clicks submit.

As of right now Im doing this by echoing my modal codes for each even so if you look at my source I have 31 modals but Im trying to, by simply passing the date as a variable, reduce it to one modal.

This is the code for my modal:

I wasnt able to format it to show here for some reason so I posted it here: http://paste.ee/p/NKlVY

And this is how I call it:

$sCalTblRows .= '<td class="'.$sClass.'" id=""><a data-toggle="modal" data-date="'.$eventdate.'" href="#myModal">'.$iCurrentDay.'<br></br><br></br></td>';

What would I need to add or change so I can use one modal for all the dates of the month?

Answer 1

I'm not sure if I understand well your problem but you probably have to use javascript. Actually It can't work

You should have one modal, and when the client choose a date, put this date in the modal in Javascript or jQuery.

Example in jQuery (not tested but this is the logic):

$("td.yourtdclass a" ).on("click", function() {
    var choosen_date = $(this).attr('data-date');
    $('.modal-body').html(choosen_date);
});

Since we have not much informations about your code I can't help more but here is the logic you need ;)

EDIT:

For your example:

html input:

 <input id="event-data" type="hidden" name="date" value="" />

jQuery:

$( "td.yourtdclass a" ).on("click", function() {
   var choosen_date = $(this).attr('data-event');
   $('#event-data').val(choosen_date);
});