Skip to main content

Search and Top Navigation

Ticket #5829: index.html

File index.html, 2.6 KB (added by Kurt, July 15, 2010 03:03PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="fr" lang="fr">

    <meta charset="utf-8">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />

    <link href="" rel="stylesheet" type="text/css"/>

  .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.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; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.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; }
.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... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

  <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>

	<script type="text/javascript">
        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"]]}'+')');
        for(i in pdata['client']){
        $('#tabs ul').append('<li><a href="#tabs-'+i+'">'+pdata['client'][i][0]+'</a></li>');
        $('#tabs').append('<div id="tabs-'+i+'><p>'+pdata['client'][i][1]+'</p></div>');


    <div id="tabs"><ul></ul></div>

Download in other formats:

Original Format