Difference between revisions of "Clientside Programming"
From Teknologisk videncenter
| Line 6: | Line 6: | ||
Linje til at importere jquery: | Linje til at importere jquery: | ||
<source lang="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></source> | <source lang="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></source> | ||
| + | |||
| + | ==Onsdag== | ||
| + | AJAX snippet: | ||
| + | <source lang="html">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(); | ||
| + | }</source> | ||
| + | |||
| + | Links: | ||
| + | |||
| + | [https://www.w3schools.com/js/js_ajax_intro.asp AJAX] | ||
| + | |||
| + | [https://www.w3schools.com/jquery/jquery_ajax_load.asp AJAX i jQuery] | ||
| + | |||
| + | [https://www.w3schools.com/js/js_json_intro.asp 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 | ||
Revision as of 13:01, 31 January 2018
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:
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