tweet_live: web/rsln-opendata/res/metadataplayer/test/css-dock-menu/css-dock.html@8a382087127f (annotated)

66 8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	2	<html xmlns="http://www.w3.org/1999/xhtml">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	3	<head>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	4	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	5	<title>CSS Dock Menu</title>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	6	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	7	<script type="text/javascript" src="js/fisheye.js"></script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	8	<script type="text/javascript" src="js/easing.js"></script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	9	<script type="text/javascript" src="js/iutil.js"></script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	10
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	11	<link href="style.css" rel="stylesheet" type="text/css" />
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	12
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	13	<!--[if lt IE 7]>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	14	<style type="text/css">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	15	.dock img { behavior: url(iepngfix.htc) }
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	16	</style>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	17	<![endif]-->
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	18
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	19	</head>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	20	<body>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	21	<!--top dock -->
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	22	<div class="dock" id="dock">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	23	<div class="dock-container">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	24	<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	25	<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	26	<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	27	<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	28	<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	29	<a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	30	<a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	31	<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	32	<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	33	<a class="dock-item" href="#"><img src="images/rss2.png" alt="rss" /><span>RSS2</span></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	34	</div>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	35	</div>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	36
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	37	<!--bottom dock -->
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	38	<div class="dock" id="dock2">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	39	<div class="dock-container2">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	40	<a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	41	<a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	42	<a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	43	<a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	44	<a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	45	<a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	46	<a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	47	<a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	48	<a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	49	<a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	50	</div>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	51	</div>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	52
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	53	<!--dock menu JS options -->
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	54	<script type="text/javascript">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	55
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	56	$(document).ready(
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	57	function()
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	58	{
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	59	$('#dock2').Fisheye(
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	60	{
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	61	maxWidth: 60,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	62	items: 'a',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	63	itemsText: 'span',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	64	container: '.dock-container2',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	65	itemWidth: 40,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	66	proximity: 80,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	67	alignment : 'left',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	68	valign: 'bottom',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	69	halign : 'center'
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	70	}
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	71	)
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	72	}
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	73	);
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	74
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	75	</script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	76
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	77
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	78	<script type="text/javascript" src="../raphael-min.js"></script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	79	<div id="timetweet" > </div>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	80	<script type="text/javascript">
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	81
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	82
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	83	// Creates canvas 320 � 200 at 10, 50
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	84	var paper = Raphael("timetweet",500, 50, 500, 200);
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	85	$("#timetweet > svg").attr("id","MyCanvas");
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	86	lineSize : 500;
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	87
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	88
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	89	element = new Array();
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	90
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	91
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	92	position = 'left';
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	93	//rect = paper.rect(20, 20, 50, 50).attr({"fill": "#fbb"});
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	94	//rect.attr({"stroke-width":1});
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	95
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	96	for(var i=0; i<100; i++) {
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	97	var x = 5*i;
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	98	var width = Math.floor(Math.random()*20);
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	99	p = element[i] = paper.rect(x, 50-width , 5, width ).attr({stroke:"#fff","stroke-width":0.3, fill: "hsb(0."+i+", 1, 1)",});
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	100
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	101	}
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	102
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	103	for(var i=0; i<element.length; i++) {
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	104	MyElement = element[i];
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	105	$(MyElement.node).mouseover(function (){
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	106	var heightM = Math.floor(Math.random()*50)
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	107	this.parent.animate({height:heightM }, 400, "bounce");
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	108	});
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	109	}
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	110
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	111	$('#MyCanvas').Fisheye(
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	112	{
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	113	maxWidth: 500,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	114	items: 'rect',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	115	itemsText: 'span',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	116	container: '#MyCanvas',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	117	itemWidth: 40,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	118	proximity: 80,
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	119	alignment : 'left',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	120	valign: 'bottom',
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	121	halign : 'center'
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	122	}
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	123	)
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	124
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	125
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	126	</script>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	127	yoooooooooooooooooo
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	128	</body>
8a382087127f rsln-opendata Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	129	</html>

author	Samuel Huron <samuel.huron@centrepompidou.fr>
	Tue, 15 Mar 2011 13:46:46 +0100
changeset 66	8a382087127f
permissions	-rw-r--r--