Liste avec ascenceur horizontal ?

**Zebulon777** · 18/12/2007, 10h45

Bonjour tout le monde,

je vous expose mon problème :
Dans un formulaire de saisie, la saisie s'effectue par zone est les valeurs saisies sont concaténées puis stockées dans des listes.
Le problème est que certaines listes débordent de la fenêtre.
J'ai donc envisagé d'utiliser à la place des champs de texte multi-ligne, mais il ne sont pas gérables de la même manière que les listes.

Est-ce qu'il est donc possible d'avoir des listes avec ascenceur horizontal ?
Ou est-ce que vous auriez une autre idée pour mon formulaire ?

Merci d'avance.
Zeb'

**SpaceFrog** · 18/12/2007, 11h29

jette un oeil sur des ul et li ...

**Zebulon777** · 18/12/2007, 14h11

ul et li ???
Désolé, mais je ne comprends pas...

**SpaceFrog** · 18/12/2007, 14h14

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul style='width:100px;overflow-X:auto'>
   <li>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</li>
   <li>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</li>
   <li>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</li>
   <li>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</li>
</ul>

**Zebulon777** · 18/12/2007, 14h26

Aie aie aie...

Voici le code que existe pour le moment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<TD height="120" align="middle" valign="middle">
	<DIV id="Nb_Liste_P5" align="center">
		<FONT color="#0066ff"><B>
		<FONT face="Verdana, Arial, Helvetica, sans-serif" size="2">Liste des incidents 'Ecoulement du trafic' :</FONT></B></FONT>
	</DIV>
	<DIV align="center">
		<SELECT id="IdListe_P5" name="Liste_P5" style="FONT-SIZE: 12px" size="3" multiple ONDBLCLICK='Trt_ListeDblClick("Liste_P5")'>
			<OPTION value="L01" selected>Ligne 1</OPTION>
			<OPTION value="L02">Ligne 2</OPTION>
		</SELECT>
	</DIV>
</TD>
 
function Trt_Selection(P_Zone) {
	WListe = "Liste_" + P_Zone;
	WZoneHH = "C_HH_" + P_Zone;
	WZoneMM = "C_MM_" + P_Zone;
	WZoneCause = "C_Cause_" + P_Zone;
 
	var WHH = document.getElementById(WZoneHH).value;
	var WMM = document.getElementById(WZoneMM).value;
	var WCause = document.getElementById(WZoneCause).value;
	var WCause2 = WCause.substr(0, 50) + "...";
	if (P_Zone == "P7")
	{
		WTypeAirprox = "C_TypeAirprox_" + P_Zone;
		var WTA = document.getElementById(WTypeAirprox).value;
		var WText = WHH + ":" + WMM + " - " + WTA + " - " + WCause;
		var WValeur = WHH + ":" + WMM + " - " + WTA + " - " + WCause;
	};
	else
	{
		var WText = WHH + ":" + WMM + " - " + WCause;
		var WValeur = WHH + ":" + WMM + " - " + WCause;
	};
	WSuite = Trt_Controles_Calculs(P_Zone + "_HHMM");
	if (WSuite)
	{
		if (Trt_ControleListes(WListe, WText) == true)
		{
			var WOption = document.createElement("OPTION");
			WOption.text = WText;
			WOption.value = WValeur;
			document.getElementById(WListe).add(WOption);
			Trt_Calcul_NbLigneListe(WListe);
		};
		else
		{
			alert("Incident déjà saisi.");
		};
	};
}

Comme tu peux le voir, j'utilise les balises SELECT et je ne sais pas vraiment quoi faire pour adapter ta solution.
J'espère que ce morceau de code t'aidera à...heu...m'aider...

Pour info, j'arrive bien à remplir la liste, mais je voudrai pouvoir y ajouter un ascenceur horizontal en cas de lignes trop longues, je ne veux donc pas que la liste s'aggrandisse automatiquement.

**SpaceFrog** · 18/12/2007, 14h34

un bidouille assez moche sinon:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div style='width:100px;overflow-X:auto; height:50px;'>
   <select size="2">
   	<option>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</option>
  	<option>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</option>
   	<option>une très longue ooooooppppppptttttttiiiiiiiioooonnnnnnnn</option>
  </select>
  </div>