knoppies

De CSS les staat er VOL mee. maar ik maak hier wel een knop die het uitlegt

veranderen

gebruik hiervoor $verander();. tussen de haakjes komt VEEL MEER. eerst de text van de hoofd-tags. dan een nieuwe stijl van de h tags, eerst de stijlregel, en dan de plug-in. doe daarna hetzelfde, maar dan heeft det effect op de paragrafen. dan een nieuwe url voor de afbeeldingen en voor de links. daarna de nieuwe tekst voor de links, en dan de ID waar de knop aan is gelinkt.

quizzes ter plekke controleren

Elke vraag moet er zo uitzien in de HTML code.

<form id="een-id"><label>vraag<select id="andere-id">
<option>fout antwoord</option>
<option value="OK">goed antwoord</option>
<option>fout antwoord</option></select></label><button type="submit">check</button><div id="andere-idA"></div></form>

in de JS, typ je $quiz("een-id", "andere-id");.

letterlijk overgenomen

tekenen

code

in de script typ je alleen tekenen(); als je het in een bestaande webpagina wilt

priemgetallengenerator

maak een paragraaf volgens de HTML code bovenaan. geef het een ID, maar laat de paragraaf leeg. in de script typ je $priem(aantal-priemgetallen, ID);. inhoud van de paragraaf word verwijderd. dit is het resultaat:

momenteel kunnen het er maximum 116 zijn.

zelf aan de slag met jQuery

basisfunctie

De basisfunctie is ZOOO simpel. $(); is alles. eeh, bijna alles. tussen de haakjes komt waar het effect op moet hebben en je kan het ook gebruiken in css. een leuk voorbeeldje. in css ziet het er zo uit: heading h1{color:red;} en in jQuery $("heading h1").css("color", "red");. ze doen precies hetzelfde, alleen het grote verschil is dat met jQuery je hem ook interactief kan maken. het is een functie die de basisfunctie gebruikt om te weten waar die zijn werk moet doen. in jQuery kan je dingen veranderen nadat de pagina is geladen, maar dat kan niet met gewoon css (of HTML).

je kan css vervangen door text en wat er tussen de haakjes staat vervangen door de tekst, zodat het de tekst verandert in plaats van de stijl.

text kan je dan weer vervangen door html en dan kan je de HTML code veranderen. deze functie word gebruikt bij de $in(); functie om dingen in te voegen.

opslag/variabelen

met de var functie (zonder haakjes) kan je een variabele maken, die je later weer kan ophalen. om te beginnen typ je var $naam = inhoud;. var is de functie. $ betekent dat het een jQuery variabele is. naam is de naam van de variabele en inhoud is wat je in de variabele wilt stoppen. niet jQuery variabelen hebben geen dollarteken.

inhoud kan een (decimaal) getal, tekst, true, false of een lijst waar alles weer kan. om een niet-list op te roepen typ je de naam en om een lijst op te roepen de naam [item - 1], want hij begint vanaf 0 te tellen. als je een lijst in een lijst (in een lijst (in een lijst (in een lijst)...)...)... hebt heet het een multidimentionale lijst (moeilijk woord)

als dit dan dat (IFTTT in jQuery)

de functie if draait alleen als wat tussen de haakjes staat true is. deze functie werkt anders dan anders. if ziet eruit als if($getal > 0){$("heading h1").text("hoi");}. GEEN ;. wat het doet is controleert of $getal positief is. zo ja, veranderd hij de hoofd tags.

vlak na de if kan je else typen voor als de if fout is. ook grappig is de elif, werkt hetzelfde als if, maar kan veeeeeeel langer. het komt tussen de if en de else.

met deze functies kan je al heel veel (dagelijkse pagina door elke ochtend 1 getal te veranderen). maar voor andere dingen kan je alweer naar khanacademy gaan, want zij hebben een uitgebreidere jQuery cursus.

.PHP

PHP is een aparte taal en draait niet in de brouser. Om PHP te laten afspelen heb je een PHP server (zoals een minecraft server, maar dan PHP in plaats van minecraft) nodig. die kan je downloaden op het internet. Vroeger gebruikte ik wampserver, maar tegenwoordig gebruik ik linux, en wampserver gaat niet samen met linux. Gelukkig voor linux en mac gebruikers, is het ook mogelijk om PHP online te gebruiken. Persoonlijk vind ik het hosting pakket van one.com (3 euro per maand) het best werken. daarnaast kan je ook een eigen website ermee maken. Een PHP scripting machine zit bij beide paketten.