Courses/Schijt aan je Site - Revision history

Arjensuijker at 17:16, 6 April 2016

2016-04-06T17:16:50Z

← Older revision		Revision as of 17:16, 6 April 2016
Line 55:		Line 55:
	$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));		$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));

	De heer van Beek heeft ons ~~verblijdt~~ met de volgende geniale implementatie:		De heer van Beek heeft ons verblijd met de volgende geniale implementatie:

	<nowiki>function main(){		<nowiki>function main(){

2016-04-06T17:15:07Z

← Older revision		Revision as of 17:15, 6 April 2016
Line 55:		Line 55:
	$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));		$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));

	~~Sommige mensen vinden dit ook heel interessant~~:		De heer van Beek heeft ons verblijdt met de volgende geniale implementatie:

	<nowiki>function main(){		<nowiki>function main(){

2016-04-06T17:14:00Z

← Older revision		Revision as of 17:14, 6 April 2016
Line 54:		Line 54:

	$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));		$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));

			Sommige mensen vinden dit ook heel interessant:

			<nowiki>function main(){
			var plaatje;

			alert('dit werkt');

			$("img").hover(function(e){
			plaatje = $(this);

			});

			$(document).bind('mousemove',function(e){
			plaatje.clone().css('position','fixed').css('top',e.pageY).css('left',e.pageX).appendTo("body");
			});
			};

			</nowiki>

2015-12-18T12:36:31Z

← Older revision		Revision as of 12:36, 18 December 2015
Line 48:		Line 48:

	[[Category:teaching]]		[[Category:teaching]]



			Hallo, misschien leuk om te hebben?

			$("body").html($("body").html().replace(new RegExp(' de ', 'g'), ' de fucking '));

2015-09-24T06:44:19Z

← Older revision		Revision as of 06:44, 24 September 2015
Line 13:		Line 13:
	var fileref=document.createElement('script');		var fileref=document.createElement('script');
	fileref.setAttribute("type","text/javascript");		fileref.setAttribute("type","text/javascript");
	fileref.setAttribute("src", "http://~~ajax~~.~~googleapis~~.com~~/ajax/libs~~/jquery/2.1.~~1/jquery~~.min.js");		fileref.setAttribute("src", "http://code.jquery.com/jquery-2.1.4.min.js");

	window.setTimeout(main,1000);		window.setTimeout(main,1000);

2015-09-24T06:42:37Z

← Older revision		Revision as of 06:42, 24 September 2015
Line 1:		Line 1:
	'''~~Example jQuery~~'''		'''Voorbeeld Bookmarklet'''

	<nowiki>		Maak in je browser een nieuwe bookmark, maar in plaats van een web adres (url) vul je het volgende scriptje in:
	~~<html>~~
	~~<head>~~		javascript:(function(){alert('Je bookmarklet werkt!');})();
	~~<script~~ src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"~~></script>~~
	~~<script>~~		Als je nu naar een website gaat en je klikt op deze bookmark, gaat je browser de bijbehorende javascript uitvoeren op die pagina. In plaats van de alert kun je alle javascript gebruiken die je maar wilt, je kunt zo dus ook de pagina aanpassen.
	$(function(){
	$("~~#knop~~").~~click~~(function(){		'''Een bookmarklet met jQuery'''
	$(this).hide();
	});		<nowiki>javascript:(function(){
	});
	~~</script>~~		var fileref=document.createElement('script');
	~~</head>~~		fileref.setAttribute("type","text/javascript");
	~~<body>~~		fileref.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js");
	~~<input type="button" id="knop" value="klik mij!"/>~~
	~~</body>~~		window.setTimeout(main,1000);
	~~</html>~~
			function main(){
			alert('dit werkt');
			$("a").hover(function(){
			$(this).hide();
			});
			};
			})();
	</nowiki>		</nowiki>

2015-03-12T08:25:29Z

← Older revision		Revision as of 08:25, 12 March 2015
Line 1:		Line 1:
	'''~~Voorbeeld~~ jQuery'''		'''Example jQuery'''

	<nowiki>		<nowiki>
Line 20:		Line 20:


	'''~~Veel Voorkomende Irritaties~~'''		'''Common Annoyances'''

	* Media autoplaying in the background		* Media autoplaying in the background

2015-03-12T08:20:48Z

← Older revision		Revision as of 08:20, 12 March 2015
Line 19:		Line 19:
	</nowiki>		</nowiki>

	~~'''Voorbeeld Bookmarklet'''~~

	~~Maak in je browser een nieuwe bookmark, maar in plaats van een web adres (url) vul je het volgende scriptje in:~~

	~~javascript:(function(){alert('Je bookmarklet werkt!');})();~~

	Als je nu naar een website gaat en je klikt op deze bookmark, gaat je browser de bijbehorende javascript uitvoeren op die pagina. In plaats van de alert kun je alle javascript gebruiken die je maar wilt, je kunt zo dus ook de pagina aanpassen.

	~~'''Een bookmarklet met jQuery'''~~

	~~<nowiki>javascript:(function(){~~
	~~var fileref=document.createElement('script');~~
	~~fileref.setAttribute("type","text/javascript");~~
	~~fileref.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js");~~

	~~window.setTimeout(main,1000);~~

	~~function main(){~~
	~~alert('dit werkt');~~
	~~$("img").click(function(){~~
	~~$(this).hide();~~
	~~});~~
	};
	~~})();~~
	~~</nowiki>~~

	'''Veel Voorkomende Irritaties'''		'''Veel Voorkomende Irritaties'''

2015-03-05T19:46:49Z

← Older revision		Revision as of 19:46, 5 March 2015
Line 64:		Line 64:

	http://www.paulund.co.uk/a-list-of-annoying-jquery-functions		http://www.paulund.co.uk/a-list-of-annoying-jquery-functions

			[[Category:teaching]]

2014-12-18T13:44:35Z