Clientside Programming

Tirsdag

Fra morgenstunden følg codecademy's jQuery tutorial

Mere information om jQuery (w3schools)

Linje til at importere jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Onsdag

AJAX snippet:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Links:

AJAX

AJAX i jQuery

JSON

Eftermiddags Opgave: - I er blevet hyret til at lave en hjemmeside for en skole. Den skole vil gerne have en side hvor man kan se en oversigt over de forskellige kurser der udbydes. På forsiden skal der vises et kursus, og der skal være en næste knap der kan vise næste bog på listen - REGEL: I må ikke lave nogle Page Loads efter siden er blevet loadet en gang. (Dvs. i skal bruge AJAX til resten) - REGEL: I må kun have ET kursus loaded af gangen