Refresh a Modal Popup

[aunk]

Hi, I'm using functions in PHP, along with small snippets of Javascript, to design a Calendar. It should popup with the month, you should be able to pick a week, and then choose a day to add scheduled events to.

My problem right now is that I'm attempting to refresh a modal when I switch months, weeks, or days without flushing everything. I want to change what is between the <p> marks where the id is "showMo". Here is an example of what I am doing:

<div id="idMo" class="w3-modal">
  <div class="w3-modal-content w3-card-8">
    <header class="w3-container w3-teal"> 
      <span onclick="document.getElementById('idMo').style.display='none'" 
      class="w3-closebtn">&times;</span>
      <h2><span onclick="<? $mo--; ?><script>document.getElementById('idMo').style.display='block'</script>">&lt;</span>
    <span onclick="<? $mo++; ?><script>document.getElementById('idMo').style.display='block'</script>">&gt;</span></h2>
    </header>
    <div class="w3-container">
      <p id="showMo"><? drawCalendar(date($mo,$Y)) ?></p>
    </div>
    <footer class="w3-container w3-teal">
      <p>Copyright - <? echo date(Y); ?></p>
    </footer>
  </div>
</div>

If someone could help me, that'd be great. Thanks!

[aunk]

Hi, I answered my own question. I found out that we can use a small snippet of javascript to make the <span></span> code change, or in this case, the <p></p> tags.

Here's how I did it:

<div id="idMo" class="w3-modal">
  <div class="w3-modal-content w3-card-8">
    <header class="w3-container w3-teal"> 
      <span onclick="document.getElementById('idMo').style.display='none'" 
      class="w3-closebtn">&times;</span>
      <h2><span onclick="<? $mo--; echo '<script>document.getElementById("showMo").innerHTML = ' . drawCalendar(date($mo,$Y)); . '"</script> ' ?>&lt;</span>
    <span onclick="<? $mo++; echo '<script>document.getElementById("showMo").innerHTML = ' . drawCalendar(data($mo,$Y)); . '"</script> ' ?>&gt;</span></h2>
    </header>
    <div class="w3-container">
      <p id="showMo"><? drawCalendar(date($mo,$Y)); ?></p>
    </div>
    <footer class="w3-container w3-teal">
      <p>Copyright - <? echo date(Y); ?></p>
    </footer>
  </div>
</div>