2009-06-08 8 views
0

J'ai besoin d'une vue à onglets en CSS avec chaque onglet affichant une table dynamique. La table complète est construite dynamiquement en boucle et seulement après cela les onglets devraient cacher et montrer chaque table correspondant à chaque onglet. Aucune suggestion? Le contenu de l'onglet est dans l'élément de liste et dans la boucle uniquement. Le développement est dans Django/Python sur appspot.Affichage à onglets en CSS avec tableaux

Le code suivant ne fonctionne pas pour jquery aussi, est-il un problème quelque part?

<pre><code> <div id="tabs"> 
<ul> 
{% for poolname in poolnamelist %} 
<li><a href="#mypool{{ forloop.counter }}"> 
<span>{{ poolname|escape }}</span></a></li> 
{% endfor %} 
</ul> 
{% for poolsequence in sequences %} 
<div id="mypool{{ forloop.counter }}"> 
<table> 
{% for sequence in poolsequence %} 
<form action="/mypool" method="post"> 
<tr><td>{{ sequence.seqdate }}</td> 
<td><input type="submit" value="ChangeDriver"/></td> 
</tr> 
</form> 
{% endfor %} 
</table> 
</div> 
{% endfor %} 
</div> 
</code></pre> 

Répondre

1

Check out jQuery UI Tabs; cela fera ce que vous cherchez. Ce n'est pas possible de le faire en utilisant du CSS pur.

+0

thx, ce que je cherchais est de mettre des tables dans div et montrer et cacher la propriété d'affichage de css pour montrer/cacher la table, mais toutes les tables sont affichées en même temps – dhaval

+0

avez-vous essayé avec ID différent pour les tables –

+0

yes pls vérifier le code ci-dessus – dhaval

0

Jetez un coup d'œil sur ce que certaines des boîtes à outils Javascript ont à offrir. Des choses comme jQuery avec quelques plugins ou Dojo pourraient avoir quelque chose comme ça dans sa bibliothèque Dijit.