Ändra värde utan att ladda om sida

[Aktuellspeedway.se]

Jag har tidigare haft koden

<script type="text/javascript">
$("#myStyle").load('/wp-content/themes/colornews/template-parts/calender-data.php?datum=<?php echo $today; ?>', function(response, status, xhr) {
  if (status == "error") {
      // alert(msg + xhr.status + " " + xhr.statusText);
      console.log(msg + xhr.status + " " + xhr.statusText);
  }
});
function recp(datum) {
  event.preventDefault();
  $('#myStyle').load('/wp-content/themes/colornews/template-parts/calender-data.php?datum=' + datum);
}
</script>


Där recp anropas av "datum-knappar"

Nu vill jag bygga ihop detta scriptet direkt med calender.php utan att ladda in annan fil. Finns det något tips på hur man kan göra detta?

[.M]

Det beror lite på vad det är du menar med att bygga ihop med calendar.php. Vill du att innehållet i #myStyle ska vara laddat när sidan laddas utan att behöva gå via JavaScript? Då borde du väl kunna göra något i stil med

<div id="myStyle">
<?php
  echo("Vad sjutton calendar-data.php egentligen gör");
?>
</div>

Du kommer dock behöva behålla javascriptet på knapptryckningen för recp antar jag.

[Aktuellspeedway.se]

Själva den biten har jag fixat, där var det inga konstigheter.

Det är själva knapptryckningen jag måste lösa.

Idag har jag 7 knappar... Dagens datum och 3 dagar framåt resp. 3 dagar bakåt som anropar recp och laddar om calender-data.php med nytt datum

 

function recp(datum) {
  event.preventDefault();
  $('#myStyle').load('/wp-content/themes/colornews/template-parts/calender-data.php?datum=' + datum);
}

Som standard när calender-data.php laddas in så är det med dagens datum. 

Men på något sätt utanför min kunskapsnivå måste jag kunna ändra datum värdet utan att ladda in filen, då jag vill bygga ihop dem i ett WordPress plugin. 

Hoppas jag var tydligare nu :)