Prototyping 16 April 2013 - Revision history

Michael Murtaugh: /* recursive exercise using jQuery+ CSS */

2013-04-17T14:52:05Z

recursive exercise using jQuery+ CSS

← Older revision		Revision as of 16:52, 17 April 2013
Line 149:		Line 149:
	</source>		</source>

	~~http://pzwart3.wdka.hro.nl/~rroscam/triphonic.html~~		== Triphonic Audio Player ==
			[[Triphonic player]]

2013-04-17T14:50:59Z

← Older revision		Revision as of 16:50, 17 April 2013
Line 148:		Line 148:
	</script>		</script>
	</source>		</source>

			http://pzwart3.wdka.hro.nl/~rroscam/triphonic.html

2013-04-16T14:51:57Z

← Older revision		Revision as of 16:51, 16 April 2013
Line 102:		Line 102:

	==recursive exercise using jQuery+ CSS==		==recursive exercise using jQuery+ CSS==
			<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
			<source lang="html4strict">
	<style type="text/css">		<style type="text/css">

Line 122:		Line 124:
	<source src="http://pzwart3.wdka.hro.nl/~mmurtaugh/bbcnewssummary.ogg">		<source src="http://pzwart3.wdka.hro.nl/~mmurtaugh/bbcnewssummary.ogg">
	</audio>		</audio>
	~~<source lang="html4strict">~~
	<button id="but">		<button id="but">
	press me		press me
Line 145:		Line 146:
	}		}
	)		)
			</script>
	</source>		</source>

2013-04-16T14:49:27Z

recursive exercise using jQuery+ CSS

← Older revision		Revision as of 16:49, 16 April 2013
Line 104:		Line 104:
	<style type="text/css">		<style type="text/css">

	div.box {		div.box {
	padding:10px;		padding:10px;
	background:red;		background:red;
	border:1px dashed black;		border:1px dashed black;
Line 117:		Line 117:
	</head>		</head>

	<body>		<body>
	<audio controls>		<audio controls>
	<source src="http://wsdownload.bbc.co.uk/worldservice/css/96mp3/latest/bbcnewssummary.mp3">		<source src="http://wsdownload.bbc.co.uk/worldservice/css/96mp3/latest/bbcnewssummary.mp3">
	<source src="http://pzwart3.wdka.hro.nl/~mmurtaugh/bbcnewssummary.ogg">		<source src="http://pzwart3.wdka.hro.nl/~mmurtaugh/bbcnewssummary.ogg">
	</audio>		</audio>
	<source lang="html4strict">		<source lang="html4strict">
Line 146:		Line 146:
	)		)

	~~$("audio").bind("durationchange",~~		</source>
	~~function () {~~
	~~$("audio").get(0).currentTime = 30~~
	~~$("audio").get(0).play()~~
	~~//console.log($("audio").get(0).duration)~~
	}
	)

	~~$("audio").bind("timeupdate",~~
	~~function () {~~
	~~// console.log(this.currentTime)~~
	~~if (this.currentTime >= 33){~~
	~~//this.currentTime = 60~~
	~~$(this).trigger("durationchange")~~
	}
	}
	)
	</~~script~~>

2013-04-16T14:34:30Z

← Older revision		Revision as of 16:34, 16 April 2013
Line 100:		Line 100:

	</source>		</source>

			==recursive exercise using jQuery+ CSS==
			<style type="text/css">

			div.box {
			padding:10px;
			background:red;
			border:1px dashed black;
			color:white;
			width: 1000px;

			}
			</style>
			<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

			</head>

			<body>
			<audio controls>
			<source src="http://wsdownload.bbc.co.uk/worldservice/css/96mp3/latest/bbcnewssummary.mp3">
			<source src="http://pzwart3.wdka.hro.nl/~mmurtaugh/bbcnewssummary.ogg">
			</audio>
			<source lang="html4strict">
			<button id="but">
			press me
			</button>
			<script >
			$("#but").bind('click',
			function(){
			var baby = $("<div>baby</div>")
			.appendTo("body")
			.addClass ("box")

			.css("width", Math.floor(Math.random()*200) +"px");

			var die=function(){
			baby.hide(1000).show(1000, swell)
			}
			var swell=function(){
			baby.animate({width: '1000px'}, die)
			}

			die();
			}
			)

			$("audio").bind("durationchange",
			function () {
			$("audio").get(0).currentTime = 30
			$("audio").get(0).play()
			//console.log($("audio").get(0).duration)
			}
			)

			$("audio").bind("timeupdate",
			function () {
			// console.log(this.currentTime)
			if (this.currentTime >= 33){
			//this.currentTime = 60
			$(this).trigger("durationchange")
			}
			}
			)
			</script>

2013-04-16T11:23:07Z

Audiolooper

2013-04-16T11:22:44Z

2013-04-16T11:21:49Z

2013-04-16T11:20:42Z

← Older revision		Revision as of 13:20, 16 April 2013
Line 66:		Line 66:
	</source>		</source>

	<source lang="~~html~~">		<source lang="javascript">
	<script src="http://code.jquery.com/jquery-1.9.1.min.js" > </script>		<script src="http://code.jquery.com/jquery-1.9.1.min.js" > </script>

2013-04-16T11:19:56Z

@@ Line 64: / Line 64: @@
+     }
 });
 </source>