verander css met ajax
elk css element kan zonder pagina-refresh veranderd worden

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

		
		

Deze routine wijzigt elk css-element wat je maar wilt zonder daar apart "grote lappen" javascript voor te schrijven. Het stukje ajax zorgt er voor dat de wijzigingen netjes weggeschreven worden, zodat je op een later moment de gegevens weer kunt gebruiken (als je de file uitleest natuurlijk..). Het voordeel van deze procedure is dat alles gebeurt zonder dat de pagina "ge-refresht" behoeft te worden.

De kracht van de procedure zit in de functie "doe". Deze functie kan drie parameters verwerken: De tag-naam, het attribuut en de waarde van het attribuut. Als voorbeeld 'body', 'background' en '#002200'. Als je in jouw broncode invoegt:

<input type="button" value="verander achtergrond" onclick="doe('body','background','#002')"/>

wordt dat met hetzelfde gemak uitgevoerd als:

<input type="button" value="verander breedte" onclick="doe('body','width','50%')"/>

Het maakt niet uit wat voor waarden je invult; het werkt altijd, en dat bespaart heel erg veel broncode en werk.

Om deze procedure te gebruiken op jouw website heb je het stukje asynchronous javascript nodig wat de css regelt en de ajax-call geeft. Kopieer de broncode van deze ajax-procedure naar jouw website en gebruik wat je nodig hebt uit de code. Het stukje PHP-code (maak.php) dat de gegevens wegschrijft kan je hier vinden.

cache 31-05-2010