Liste avec ascenceur horizontal ?

Version imprimable

18/12/2007, 10h45
Zebulon777

Liste avec ascenceur horizontal ?

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'
18/12/2007, 11h29
SpaceFrog

jette un oeil sur des ul et li ...
18/12/2007, 14h11
Zebulon777

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

Code:

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>

Aie aie aie...

Voici le code que existe pour le moment :

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
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.

un bidouille assez moche sinon:

Code:

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>

18/12/2007, 14h46
Zebulon777

Génial, c'est presque ça...
sauf que maintenant je n'ai plus d'ascenceur vertical...lol
18/12/2007, 14h51
SpaceFrog

enlève le -X
18/12/2007, 14h54
Zebulon777

Encore une fois, le site me sort de ma galère.
Merci beaucoup.