Menu deroulant ?

Version imprimable

28/03/2007, 10h37
MayOL69bg

Menu deroulant ?

Bjr à tous,

j'ai un tableau où lorsque je clique sur une ligne de la colonne de gauche, les sous-éléments de cette ligne s'affiche.
Savez-cela est possible et surtout comment?
28/03/2007, 10h39
Bisûnûrs

C'est sans doute possible. Mais je n'ai rien compris à ta demande.
28/03/2007, 10h43
MayOL69bg

lol...c'est une sorte de tree view mais sous forme de tableau
28/03/2007, 10h46
MayOL69bg

C'est en fait un tableau dont les lignes peuvent se plier / déplier.
28/03/2007, 11h23
MayOL69bg

Ca fait une heure que je cherche, j'en ai trouvé mais ils sont tous payants...:cry:
28/03/2007, 11h25
Invité

Un bouton, un div caché qui s'affiche lors du clic sur le bouton, et le tour est joué.
28/03/2007, 11h29
MayOL69bg

peut tu etre plus explicite stp
28/03/2007, 13h00
bigboomshakala

à mon humble avis il est préférable d'utiliser des listes (ul) imbriquées plutôt qu'une table, et d'utiliser le style display pour masquer/afficher les listes, et un bouton +/- à la place de la puce.

super simple
super rapide
super joli (avec les css qui vont bien)

dans la mesure du possible les tables doivent être réservées à l'affichage de données tabulaires
28/03/2007, 13h27
MayOL69bg

je suis super chiant (enfin le client) mais il me faut absoluement un tableau...
28/03/2007, 13h34
bigboomshakala

c'est le même principe
28/03/2007, 13h40
MayOL69bg

peut - tu me faire un petit exemple avec un tableau d'une ligne parceque je vois pas du tout si tu as le temps et l'envie bien sur

genre (ce code est pourri, mais c vite fait)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
	function toggle()
	{
		var rows = document.getElementsByTagName('td');
		if (event.srcElement.innerHTML == '+')
		{
			event.srcElement.innerHTML = '-';
			rows[1].style.display = 'block';
			rows[2].style.display = 'block';
		}
		else
		{
			event.srcElement.innerHTML = '+';
			rows[1].style.display = 'none';
			rows[2].style.display = 'none';
		}
	}
</script>
 
<table>
	<tr>
		<td><span onclick=toggle() style='cursor:pointer'>+</span> item 0</td>
	</tr>
	<tr>
		<td style='padding-left:40px;display:none'>item 1</td>
	</tr>
	<tr>
		<td style='padding-left:40px;display:none'>item 2</td>
	</tr>
</table>

28/03/2007, 13h58
MayOL69bg

ok ça m'éclair un peu plus mais lors du clique pour faire apparaitre les sous éléments ça ne marche pas...

il ne fais pas le lien avec le
Code:

1 2 rows[1].style.display = 'block'; rows[2].style.display = 'block';

28/03/2007, 14h09
bigboomshakala

mon code ne marche que sur IE. passe par des classes, ou adapte le code pour FF ou autre
28/03/2007, 14h14
MayOL69bg

ne t'embete plus j'ai trouvé

http://source.mihelac.org/pages/goodies/#html_treetable

l'exemple 2 est parfait...

OUF !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!:lahola:

en tout cas merci de ton aide