API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 18th, 2013
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report diff
  1. <html dir="ltr" lang="en-US" class="chrome chrome30 desktop"><head>
  2. <meta charset="utf-8">
  3.  
  4. <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
  5.  
  6. <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  7. <link rel="stylesheet" href="/Content/css/style3.css" media="screen">
  8. <!--[if lte IE 7]><link rel="stylesheet" href="/Content/css/style3.ie7.css" media="screen" /><![endif]-->
  9. <link rel="stylesheet" href="/Content/css/style3.responsive.css" media="all">
  10.  
  11. <script type="text/javascript" src="/Content/js/jstheme3/jquery3.js"></script>
  12. <script type="text/javascript" src="/Content/js/jstheme3/script.responsive3.js"></script>
  13. <script type="text/javascript" src="/Content/js/jstheme3/script3.js"></script>
  14. <meta name="description" content="Description">
  15. <meta name="keywords" content="Keywords">
  16. <link rel="stylesheet" href="/Content/js/popbox/popbox.css" type="text/css" media="screen">
  17. <script type="text/javascript" charset="utf-8" src="/Content/js/popbox/popbox.js"></script>
  18. <script type="text/javascript" charset="utf-8">
  19. $(document).ready(function () {
  20. $('.popbox').popbox();
  21. });
  22. </script>
  23.  
  24. <style>.art-content .art-postcontent-0 .layout-item-0 { margin-top: 10px;margin-bottom: 10px; }
  25. .art-content .art-postcontent-0 .layout-item-1 { border-top-width:1px;border-top-style:Solid;border-top-color:#D9D9D9; }
  26. .art-content .art-postcontent-0 .layout-item-2 { border-top-style:dotted;border-right-style:Solid;border-bottom-style:dotted;border-left-style:dotted;border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:#D9D9D9; padding-top: 20px;padding-right: 20px;padding-bottom: 0px;padding-left: 0px; }
  27. .art-content .art-postcontent-0 .layout-item-3 { padding: 20px; }
  28. .art-content .art-postcontent-0 .layout-item-4 { color: #0C1301; background: #FF962E; }
  29. .ie7 .post .layout-cell {border:none !important; padding:0 !important; }
  30. .ie6 .post .layout-cell {border:none !important; padding:0 !important; }
  31.  
  32. </style><style id="art-menu-style"></style></head>
  33. <body>
  34. <div id="art-main">
  35. <header class="art-header clearfix">
  36. <div class="art-shapes">
  37. <div class="logout" style="left: 219.5px;">
  38. <div class="img_container">
  39. <div class="popbox" style="width: 250px;">
  40. <a class="open" href="http://www.google.com">
  41. <img src="/Content/images/logout.png">
  42. </a>
  43.  
  44. <div class="collapse">
  45. <div class="box" style="">
  46. <div class="arrow"></div>
  47. <div class="arrow-border"></div>
  48. <table class="table_param">
  49. <tbody><tr>
  50. <td>
  51. <a href="http://www.google.com">Changer mot de passe</a>
  52. </td>
  53. <td>
  54. <a href="http://www.google.com">se déconnecter</a>
  55. </td>
  56. </tr>
  57. </tbody></table>
  58.  
  59.  
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66.  
  67.  
  68.  
  69. </header>
  70. <nav class="art-nav clearfix desktop-nav">
  71. <ul class="art-hmenu"><li><a href="http://www.google.com">Actualités</a></li><li><a href="http://www.google.com">Espace de projets</a></li><li><a href="http://www.google.com">Espace expert</a></li>
  72. <li class="art-hmenu-item-3 ext-r ext" style="width: 173px;"><div class="ext-m"></div><div class="ext-l" style="width: 77px;"></div><div class="ext-r" style="width: 77px;"></div><a href="http://www.google.com">Espace chef du projet</a>
  73. <ul>
  74. <li> <a href="http://www.google.com">Gérer les projets</a>;</li>
  75. <li> <a href="http://www.google.com">Gérer les tentatives du test</a>;</li>
  76.  
  77. </ul>
  78. </li></ul>
  79. </nav>
  80. <div class="art-sheet clearfix">
  81.  
  82.  
  83.  
  84.  
  85.  
  86. <script type="text/javascript" src="/Content/Scripts/raphael-min.js"></script>
  87. <script type="text/javascript" src="/Content/Scripts/dracula_graffle.js"></script>
  88. <script type="text/javascript" src="/Content/Scripts/dracula_graph.js"></script>
  89. <script type="text/javascript" src="/Content/Scripts/dracula_algorithms.js"></script>
  90.  
  91. <script>
  92. $.fn.changeElementType = function (newType) {
  93. var attrs = {};
  94.  
  95. $.each(this[0].attributes, function (idx, attr) {
  96. attrs[attr.nodeName] = attr.nodeValue;
  97. });
  98.  
  99. this.replaceWith(function () {
  100. return $("<" + newType + "/>", attrs).append($(this).contents());
  101. });
  102. };
  103. </script>
  104. <script type="text/javascript">
  105. $(function () {
  106. $("#canvas").changeElementType("a");
  107. // Now you probably want to add an href
  108. $('a').attr('href', 'http://www.google.com');
  109. });
  110. </script>
  111. <script type="text/javascript">
  112. $(document).ready(function () {
  113. var width = $(document).width() -500;
  114. var height = $(document).height()*1.1;
  115. var render = function (r, n) {
  116. /* the Raphael set is obligatory, containing all you want to display */
  117. var set = r.set().push(
  118. /* custom objects go here */
  119. r.rect(n.point[0] - 30, n.point[1] - 13, 150, 86)
  120. .attr({ "fill": "#fa8", "stroke-width": 2, r: "9px" }))
  121. .push(r.text(n.point[0] + 45, n.point[1] + 30, n.label)
  122. .attr({ "font-size": "12px" }));
  123. /* custom tooltip attached to the set */
  124.  
  125. return set;
  126. };
  127.  
  128. var render1 = function (r, n) {
  129. /* the Raphael set is obligatory, containing all you want to display */
  130. var set = r.set().push(
  131. /* custom objects go here */
  132. r.rect(n.point[0] - 30, n.point[1] - 13, 100, 86)
  133. .attr({ "fill": "#99CCFF", "stroke-width": 2, r: "9px", "id" : "prj" }))
  134. .push(r.text(n.point[0] +15 , n.point[1] + 30, n.label)
  135. .attr({ "font-size": "14px" }));
  136. /* custom tooltip attached to the set */
  137.  
  138. return set;
  139. };
  140.  
  141. var render2 = function (r, n) {
  142. /* the Raphael set is obligatory, containing all you want to display */
  143. var set = r.set().push(
  144. /* custom objects go here */
  145. r.rect(n.point[0], n.point[1], 200, 86)
  146. .attr({ "fill": "#00FF66", "stroke-width": 2, r: "0px" }))
  147. .push(r.text(n.point[0] + 80, n.point[1] + 30, n.label)
  148. .attr({ "font-size": "10px" }));
  149. /* custom tooltip attached to the set */
  150.  
  151. return set;
  152. };
  153. var g = new Graph();
  154.  
  155.  
  156. g.edgeFactory.template.style.directed = true;
  157. g.addNode("Cot", { label: "Cot", render: render1 });
  158.  
  159.  
  160. g.addNode("la fonction Une", { label: "la fonction Une", render: render });
  161. g.addNode("la fonction Une", { label: "la fonction Une", render: render2 });
  162. g.addNode("sous fonction un poi", { label: "sous fonction un poi", render: render2 });
  163. g.addNode("la fonction Une", { label: "la fonction Une", render: render2 });
  164. g.addNode("sous fonction 1.2", { label: "sous fonction 1.2", render: render2 });
  165. g.addNode("la fonction Une", { label: "la fonction Une", render: render2 });
  166. g.addNode("sous fonction 1.3", { label: "sous fonction 1.3", render: render2 });
  167. g.addNode("Cot", { label: "Cot", render: render2 });
  168. g.addNode("F2", { label: "F2", render: render });
  169. g.addNode("F2", { label: "F2", render: render2 });
  170. g.addNode("sous fonction 2.1", { label: "sous fonction 2.1", render: render2 });
  171. g.addNode("F2", { label: "F2", render: render2 });
  172. g.addNode("sous fonction 2.2", { label: "sous fonction 2.2", render: render2 });
  173. g.addNode("Cot", { label: "Cot", render: render2 });
  174. g.addNode("F3", { label: "F3", render: render });
  175. g.addEdge("Cot", "la fonction Une" ,render);
  176. g.addEdge("la fonction Une", "sous fonction un poi" ,render);
  177. g.addEdge("la fonction Une", "sous fonction 1.2" ,render);
  178. g.addEdge("la fonction Une", "sous fonction 1.3" ,render);
  179. g.addEdge("Cot", "F2" ,render);
  180. g.addEdge("F2", "sous fonction 2.1" ,render);
  181. g.addEdge("F2", "sous fonction 2.2" ,render);
  182. g.addEdge("Cot", "F3" ,render);
  183.  
  184.  
  185. var layouter = new Graph.Layout.Ordered(g, topological_sort(g));
  186. var renderer = new Graph.Renderer.Raphael('canvas', g, width, height);
  187.  
  188. });
  189. </script>
  190.  
  191.  
  192.  
  193.  
  194.  
  195. <h2 class="title">Vue globale du projet : Cot </h2>
  196. <a id="canvas" href="http://www.google.com"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="866" height="733.7"><path fill="none" stroke="#000000" d="M90.5,622.317C421.5,622.317,421.5,138.903,751.5,138.903M746.5,133.903L751.5,138.90320205688477L746.5,143.903"></path><path fill="none" stroke="#000000" d="M554.25,259.049C591.5,259.049,591.5,286.674,627.75,286.674M622.75,281.674L627.75,286.6739807128906L622.75,291.674"></path><path fill="none" stroke="#000000" d="M479.25,302.049C479.25,353.664,504.375,405.279,529.5,405.279M524.5,400.279L529.5,405.278564453125L524.5,410.279"></path><path fill="none" stroke="#000000" d="M90.5,622.317C247.375,622.317,247.375,259.049,404.25,259.049M399.25,254.049L404.25,259.04869842529297L399.25,264.049"></path><path fill="none" stroke="#000000" d="M230.25,226.362C399.375,226.362,399.375,43.5,568.5,43.5M563.5,38.5L568.5,43.5L563.5,48.5"></path><path fill="none" stroke="#000000" d="M230.25,226.362C274.5,226.362,274.5,581.7,317.75,581.7M312.75,576.7L317.75,581.7000122070312L312.75,586.7"></path><path fill="none" stroke="#000000" d="M230.25,226.362C240.25,226.362,236.5,162.048,236.5,97.735M241.5,102.735L236.5,97.7350025177002L231.5,102.735"></path><path fill="none" stroke="#000000" d="M40.5,579.317C40.5,402.839,60.375,226.362,80.25,226.362M75.25,221.362L80.25,226.3619384765625L75.25,231.362"></path><desc>Created with Raphaël</desc><defs></defs><rect x="-9.5" y="579.3169177052517" width="100" height="86" r="0" rx="9px" ry="9px" fill="#99ccff" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="35.5" y="629.8169408792535" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="22px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 22px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>Cot</tspan></text><rect x="136.5" y="11.73500258279104" width="200" height="86" r="0" rx="0px" ry="0px" fill="#00ff66" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="216.5" y="48.23500074053325" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="18px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>sous fonction un poi</tspan></text><rect x="529.5" y="362.27856584693444" width="200" height="86" r="0" rx="0px" ry="0px" fill="#00ff66" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="609.5" y="398.7785672407439" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="18px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>sous fonction 2.1</tspan></text><rect x="627.75" y="243.67397310018646" width="200" height="86" r="0" rx="0px" ry="0px" fill="#00ff66" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="707.75" y="280.1739654874823" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="18px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>sous fonction 2.2</tspan></text><rect x="751.5" y="95.9032073535729" width="150" height="86" r="0" rx="9px" ry="9px" fill="#ffaa88" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="826.5" y="146.40320120616923" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="20px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>F3</tspan></text><rect x="80.25" y="183.36194514989194" width="150" height="86" r="0" rx="9px" ry="9px" fill="#ffaa88" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="155.25" y="233.86195182322137" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="20px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>la fonction Une</tspan></text><rect x="317.75" y="538.7" width="200" height="86" r="0" rx="0px" ry="0px" fill="#00ff66" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="397.75" y="575.1999877929688" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="18px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>sous fonction 1.2</tspan></text><rect x="404.25" y="216.04868690432318" width="150" height="86" r="0" rx="9px" ry="9px" fill="#ffaa88" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="479.25" y="266.548698271537" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="20px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>F2</tspan></text><rect x="568.5" y="0.5" width="200" height="86" r="0" rx="0px" ry="0px" fill="#00ff66" stroke="#000" stroke-width="2" fill-opacity="0.6" style="stroke-width: 2px; fill-opacity: 0.6; cursor: move;"></rect><text x="648.5" y="36.5" text-anchor="middle" font="18px &quot;Arial&quot;" stroke="none" fill="#000000" font-size="18px" fill-opacity="0.6" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-family: Arial; fill-opacity: 0.6; cursor: move;"><tspan>sous fonction 1.3</tspan></text></svg></a>
  197.  
  198.  
  199.  
  200.  
  201. </div>
  202. <footer class="art-footer clearfix">
  203. <div class="art-footer-inner">
  204.  
  205.  
  206. <p class="art-page-footer">
  207. <span id="art-footnote-links"><a href="http://www.google.com" target="_blank">google.com</a></span>
  208. </p>
  209. </div>
  210. </footer>
  211. </div>
  212. <div id="art-resp"><div id="art-resp-m"></div><div id="art-resp-t"></div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!