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