Discussion :

[stof]

Bonjour,


J'ai actuellement un champ compos� d'une liste d�roulante extr�mement fournie.
Aussi, j'aimerais qu'en commen�ant � taper le d�but du mot, on puisse y voir plus clair en se limitant aux mots qui commencent par les lettres tap�es.

Comment transformer mon code?
Merci.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
	    <td class="level3" style="width:350px">
	      <select style="width:348px" onchange="changeLabel()">
	      <xsl:attribute name="id">labelChamp0</xsl:attribute>
	        <xsl:call-template name="create_list_label">
				<xsl:with-param name="ChampId">0</xsl:with-param>
				<xsl:with-param name="Type"></xsl:with-param>
			</xsl:call-template>
	      </select>
	    </td>

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
	.level3{
			font-family:Verdana, Arial;
			font-size : 12;
			font-weight : bold;
			color:#336699;
			background-color:#f0f0f0;
			cursor:hand;
		}

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
<xsl:template name="create_list_label">
	<xsl:param name="champId"/>
	<xsl:param name="Type"/>
	<option value="0"></option>
	<xsl:for-each select="$champ_list/lines/line/Label">
		<option>
		<xsl:attribute name="value">
			<xsl:value-of select="../ChampId"/>
		</xsl:attribute>
		<xsl:if test="../ChampId=$champId and ../DataType=$Type">
			<xsl:attribute name="selected">
				true
			</xsl:attribute>
		</xsl:if>
		<xsl:value-of select="."/>		
	</option>
	</xsl:for-each>
</xsl:template>

[stof]

Je sais qu'il y a des choses de faites mais je n'arrive � rien pour mon probl�me en particulier : ils font tous des choses avec du PHP, de l'Ajax, des appels en base, etc. Ce n'est pas ce que je veux, j'ai d�j� ma liste d�roulante remplie (donn�es obtenues par XML, cf code)

Une simple intervention javascript devrait suffire mais je ne vois pas (je manque d'exp�rience aussi...).

[emmanuel.remy]

http://www.barelyfitz.com/projects/filterlist/

ERE

[stof]

Merci, vu tous les sites sur lesquels j'atterri, j'avais d�j� �t� sur celui-l�.
Mais ce n'est pas tout � faite �a que je veux : ici il y a en plus de la liste un champ texte

Je ne veux qu'un seul �l�ment : la liste telle qu'elle est doit �voluer pour faire de la compl�tion.

Est-ce quelqu'un qui s'y connait peut me dire comment modifier le code que j'ai post�?

Merci.

[emmanuel.remy]

Merci, vu tous les sites sur lesquels j'atterri, j'avais d�j� �t� sur celui-l�.
Mais ce n'est pas tout � faite �a que je veux : ici il y a en plus de la liste un champ texte

Je ne veux qu'un seul �l�ment : la liste telle qu'elle est doit �voluer pour faire de la compl�tion.

Est-ce quelqu'un qui s'y connait peut me dire comment modifier le code que j'ai post�?
Merci.

Les listes ne disposent pas d'une zone de saisie (qui ferait office de zone de recherche pour toi). Donc ce que tu veux r�aliser n'est possible qu'en ajoutant une zone de saisie.

ERE

[E.Bzz]

Donc ce que tu veux r�aliser n'est possible qu'en ajoutant une zone de saisie.

+1

Le type de liste que tu recherches existe dans certains outils bureautiques (Access, par exemple, si ma m�moire est bonne), mais pas en HTML : il faut donc le faire et le g�rer toi-m�me � partir des objets HTML existants.

A+

[stof]

Ah, mince... �a explique pourquoi je n'ai rien trouv� alors...
Bon, je vais voir ce que je vais faire, mais en tous cas, pas question pour moi de rajouter des champs de saisie en plus des listes d�roulantes actuelles.

[emmanuel.remy]

Utilise un script, il y en a tant que tu peux adapter sans probl�me.

ERE

[SpaceFrog]

oui il y a eu une contribution de javatwister il y a quelque temps ...

[stof]

Utilise un script, il y en a tant que tu peux adapter sans probl�me.

je crois que vous parlez de �a
http://www.developpez.net/forums/d49...src-combo-box/

Je me suis cass� les dents dessus hier (je d�bute dans ces langages!! j'arrive pas � adapter mon code) et j'esp�re qu'un coll�gue va pouvoir m'aider aujourd'hui.

[emmanuel.remy]

je crois que vous parlez de �a
http://www.developpez.net/forums/d49...src-combo-box/

Je me suis cass� les dents dessus hier (je d�bute dans ces langages!! j'arrive pas � adapter mon code) et j'esp�re qu'un coll�gue va pouvoir m'aider aujourd'hui.

Je ne connaissais pas ce code - merci pour l'info - mais il fonctionne et effectivement correspond � ce que tu veux faire.

Et pour le coup il ne me semble pas qu'il y aie grand chose � adapter car c'est une class qui est fournie. Adapte ton code comme �a:

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
 
	    <td class="level3" style="width:350px">
            <div id="comboBox" class="displayComboBox">
                 <input type="text" class="displayEditField"  id="comboBoxEditField" value=""/>
 
              <select style="width:348px" id="comboBoxList" class="hideComboBoxList">
	      <xsl:attribute name="id">labelChamp0</xsl:attribute>
	        <xsl:call-template name="create_list_label">
				<xsl:with-param name="ChampId">0</xsl:with-param>
				<xsl:with-param name="Type"></xsl:with-param>
			</xsl:call-template>
	      </select>
       </div>
	    </td>
 
....
 
<script>new ComboBox(document.getElementById('comboBoxEditField'),document.getElementById('comboBoxList'));</script>

Ajoutes y les styles indiqu�s, le script dans une section CDATA (mais � mon avis t'as int�r�t � l'externaliser, ce sera plus simple), et cela devrait rouler sans probl�me.

Et � ta place, si tu n'as pas trop l'habitude, je commencerais en partant du code FINAL g�n�r� par ta transformation XSLT, j'inclurais les scripts,et styles etc, je v�rifierais que tout fonctionne et je reporterai ensuite dans mon fichier xslt.

ERE