Ticket #5829: index.html

File index.html, 2.6 KB (added by Kurt, 10 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
3
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
7
8    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
9
10
11  <style>
12  .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
13.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
14.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
15.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
16.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
17.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
18.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
19.ui-tabs .ui-tabs-hide { display: none !important; }
20  </style>
21   
22
23   
24  <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
25  <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
26
27
28        <script type="text/javascript">
29    $(document).ready(function(){
30 
31        var pdata = eval('('+'{"client":[["Correspondance","Gestion de projet & developpement"],["Devis","Ing\u00e9nierie informatique Intranet"],["Facture","Formation \u00e0 distance au Canada"],["Gestion de projet","D\u00e9veloppement sp\u00e9cifique terminal mobile"],["H\u00e9bergement","Conseil e-marketing, devis gratuit"],["Domaine","Conseil e-marketing, devis gratuit"],["Affiliation","Conseil e-marketing, devis gratuit"],["Infos personnelles","Assistance & maintenance 7j\/7j"],["Bloc-notes","Assistance & maintenance 7j\/7j"]]}'+')');
32   
33        for(i in pdata['client']){
34        $('#tabs ul').append('<li><a href="#tabs-'+i+'">'+pdata['client'][i][0]+'</a></li>');
35        $('#tabs').append('<div id="tabs-'+i+'><p>'+pdata['client'][i][1]+'</p></div>');
36        }
37       
38        $("#tabs").tabs();
39     
40                   
41});
42    </script>
43  </head>
44
45
46  <body>
47   
48
49    <div id="tabs"><ul></ul></div>
50     
51       
52</body>
53</html>