Javascript game: Astroids

Dit is geen tutorial, maar even een klein spelletje tussen door: Astroids. Hiermee kun je elke willekeurige website kapot knallen, Bijvoorbeeld deze website.

Wanneer je dit toevoegt aan je favorieten hoef je enkel deze bladwijzer te laden en je schiet de website kapot. Sleep om dat te bereiken deze link naar je favorieten om het op te slaan. Zodra je een slachtoffer website hebt gevonden druk je op je bladwijzer, en kun je alles kapot knallen!

jQuery tutorial: image rotator

In deze jQuery tutorial zal ik uitleggen hoe je een image rotator kan maken met behulp van jQuery.

jQuery Noobtutorials.nl PHP MYSQL

Pagina scrollen met jQuery

Een pagina scrollen met jQuery is vrij eenvoudig. Hierbij springt de pagina niet in één keer naar de plek toe waar deze heen wordt verwezen, maar je ziet de pagina echt naar benenden gaan.

jQuery, radio buttons en checkboxes

Soms kan het vrij frustrerend zijn om met radio buttons of checkboxen te werken met Javascript. Daarom heb ik hier een paar voorbeelden gemaakt om het leven een klein beetje makkelijker te maken.

Checkboxen aanvinken

Een checkbox aanvinken kun je eenvoudig doen door het atribuut checked in te stellen. Wanneer je deze de waarde checked (inderdaad, dezelfde waarde als het attribuut zelf), worden de checkbox(es) ingeschakeld:

CSS classes en jQuery

Met jQuery kun je eenvoudig een CSS class toevoegen aan een element. Dit zijn enkele voorbeelden:

Op basis van een woord:

  1. // Wanneer je een H1 tag hebt met het woord jQuery daarin, zal de CSS class jquery hieraan toegevoegd worden
  2. $("h1:contains(jQuery)").addClass('jquery');

Overigens is dit hoofdletter gevoelig. Wanneer dat niet wenselijk is kun je dit artikel lezen voor een alternatief filter.

Op basis van extensie

  1. // Vind een link die eindigt op pdf, zip of psd en voeg hier de bijbehorende CSS class aan toe.
  2. $("a[@href$=pdf]").addClass("pdf");
  3. $("a[@href$=zip]").addClass("zip");
  4. $("a[@href$=psd]").addClass("psd");

Met dank aan de voorbeelden op deze pagina.

converteer een RFC3339 timestamp naar een PHP timestamp

Een RFC3339 timestamp wordt veel gebruikt in XML feeds. Zo wordt deze onder andere gebruikt bij RSS feeds. Ook gebruikt Google deze ook wanneer er gebruik wordt gemaakt van hun API's, bijvoorbeeld voor de Google Calendar service. Een RFC33339 timestamp is als volgt opgebouwd:

2010-12-31T14:14:38:00.000+02:00

Wanneer dat vertaalt wordt naar maanden, dagen, jaren en uren ziet het er als volgt uit:

Een IP-Blocker maken in PHP

Heb je last van vervelende bezoekers op je website? Dan kan het handig zijn om een IP-blocker erop te plaatsen. Hiermee kun je eenvoudig IP-adressen blokkeren zodat deze niet meer op jou website komen. Een IP-blocker kun je op verschillende manieren maken. In dit voorbeeld ga ik gebruik maken van array's in PHP, en van een variant met MySQL.

Hoe selecteer ik de tekst behorende bij een waarde in een dropdown

Soms kan het nodig zijn om de geselecteerde tekst uit een dropdown lijst te halen. In dit voorbeeld worden land codes gebruikt, Duitsland heeft als waarde bijvoorbeeld DE:

Nu kan het soms nodig zijn om deze waarde te gebruik voor bepaald doeleinden. Meest voor de hand liggend zou je dit in jQuery oplossen met de val() functie. Echter krijg je hiermee niet de waarde uit de dropdown. Dat kan wel in combinatie met de :selected selector en de text() functie. Dit ziet er dan als volgt uit:

  1. $("select :selected").text();

Klik hier voor een voorbeeld.

Cronjob scripting

Het maken van een cronjob kan soms een lastige opgave zijn. Vaak is het het moeilijkste om te vinden waar het fout gaat.

Het instellen van een cronjob

Omdat er veel verschillende systemen zijn waar het op verschillende manieren ingesteld dient te worden verwijs ik je hiervoor naar Cronjob.nl. Hier staat een uitgebreide uitleg over verschillende soorten systemen.

De cronjob aanroepen

Het commando dat aangeroepen moet worden ziet er ongeveer zo uit:

  1. /pad/naar/php /home/gebruiker/pad/naar/php/script.php

Dit kan per systeem verschillen. In Directadmin ziet dit er zo uit:

Cursus jQuery (jQuery tutorial)

jQuery is geen programmeer taal opzich, maar is een uitbreiding of bibliotheek voor Javascript. jQuery heeft als motto "Wirte less, do more", wat inhoudt dat je met minder code veel meer mogelijkheden hebt. jQuery is dan ook, net als fietsen, makkelijk om te leren, maar moeilijk om er écht goed in te worden. Om jQuery te leren is ervaring met Javascript niet vereist, maar het maakt het wel makkelijker sommige dingen te begrijpen.

Inhoud syndiceren