web/choix_1.html
author Edwin Razafimahatratra <edwin@robotalismsoft.com>
Tue, 11 Dec 2012 19:49:17 +0100
changeset 44 f905a56cc7e6
parent 43 21a791340354
permissions -rw-r--r--
css tweak
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!DOCTYPE html>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html lang="fr">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
	<head>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     4
		<meta charset="utf-8">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     5
		<title>The End - @todo</title>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     6
		
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     7
		<meta name="description" content="@todo">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     8
		
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     9
		<!-- Mobile Specific Metas -->
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    10
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
		
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    12
		<link rel="stylesheet" href="static/res/css/style_1024.css" /> 
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    13
		<!-- stylesheet for ipad 3 
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    14
		<link rel="stylesheet" href="static/res/css/style_2048.css" /> 
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    15
		-->
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    16
		
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    17
	</head>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
	<body>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    19
		<!-- div content - site takes the full height of browser -->	
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    20
		<div id="content" class="full_screen">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    21
			<!--this div empty allows the element content_vcentering to be vertically aligned -->
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    22
			<div class="strut"></div><!--
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    23
			this comment corrects the white-space (display: inline);
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    24
			--><section class="fullScreen_vcentering container_vcentering choix">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    25
					<div id="choix1" class="box_vcentering blue big_txt">
43
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    26
						<p><a id="mot1" onClick="incChoice.selectWord(1);">Famille</a></p>
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    27
						<p><a id="mot2" onClick="incChoice.selectWord(2);">Amour</a></p>
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    28
						<p><a id="mot3" onClick="incChoice.selectWord(3);">Travail</a></p>
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    29
						<p><a id="mot4" onClick="incChoice.selectWord(4);">International</a></p>
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    30
						<p><a id="mot5" onClick="incChoice.selectWord(5);">Dieu</a></p>
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    31
						<p><a id="mot6" onClick="incChoice.selectWord(6);">Président</a></p>
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    32
					</div>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    33
				</section>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    34
				
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    35
				<!-- il faut regler comment on nome ici les id. j'aimerai changer id="main" mais je ne sai pas si je peux
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    36
				-->
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    37
				<section id="main" class="mosaic_choice">
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    38
		            <canvas id="mosaic" width="100" height="100"></canvas> 			
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
				</section>	
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
		</div>	
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    42
		<!-- Metanav FranceTV 	-->
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    43
		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
		<!-- JavaScript -->
42
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    45
       	<script src="static/res/js/jquery-1.8.2.min.js"></script> 
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    46
       	<script src="static/res/js/jquery.cookie.js"></script>        	      
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
        <script src="static/res/js/ease.js"></script>        
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
        <script src="static/res/js/incresize.js"></script>
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    49
        <script src="static/res/js/incmosaic.js"></script>
42
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    50
        <script src="static/res/js/incchoice.js"></script>
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    51
        <script>
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
            $(function() {
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    53
            	// Init the resize object
42
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    54
            	incResize.init("content", null, "mosaic", null, null, 130, 1920/809, null, incMosaic.registerPostNewCanvasSize);
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
43
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    56
            	// Set the choice logic
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    57
				incChoice.setWords(0);
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    58
42
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    59
            	// Set the mosaic effect
43
21a791340354 ecrant choix unique
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 42
diff changeset
    60
            	incChoice.setMosaicEffect(["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"], ["choix2fond1.jpg", "choix2fond2.jpg", "choix2fond3.jpg"]);
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
            });
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
        </script>		
42
01415303372e écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    63
	</body>
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
</html>