tri dynamique sur une Listarea

**ZACKX** · 25/04/2007, 13h48

Bonjour,

J'ai une listarea (voir ci-dessous) qui contient un tas d'information. Est-ce possible de faire un tri dynamique? en faite je souhaiterai que lorsqu'un utilisateur tape par exemple "ZAC", que tout ce qui commence par "ZAC" s'affiche dans la listarea.

Code :

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

1
2
3
4
<select onchange="Aff();" name="Slast_name" class="Style49" id="Slast_name">
<option>Cliquez la personne que vous souhaitez contacter.</option>
<option value="AAMODT">AAMODT Astrid</option>
<option value="ABRAHAM">ABRAHAM Sylvie</option>

Merci bcp pour votre aide.

Bonne journée.

**E.Bzz** · 25/04/2007, 14h07

Envoyé par ZACKX

lorsqu'un utilisateur tape par exemple "ZAC", que tout ce qui commence par "ZAC" s'affiche dans la listarea.

Si tu veux ne voir que ça, c'est pas un tri, mais une mise à jour (=> Ajax).

Sinon, c'est déjà le cas, mais sur le 1° caractère ...

**ZACKX** · 25/04/2007, 14h35

Ha ok je ne savais pas. Et comment dois-je faire svp?

**E.Bzz** · 25/04/2007, 14h40

Envoyé par ZACKX

Ha ok je ne savais pas. Et comment dois-je faire svp?

Heu ... ben tu cliques sur ta liste et tu tappes sur la touche "Z" de ton clavier (pour "ZAC")

**ZACKX** · 25/04/2007, 14h55

LOl ou ca je sais :o)

Ce ke je veux c plutot tu tape ZA et tu as tout ce ki commence par ZA.

Avec ton principe, Tu tapes Z il te sort les Z mais si tu tapes A ensuite, c les A qui viennent.

**SpaceFrog** · 25/04/2007, 15h00

un exemple ...
sur le select directement ce n'est pas possible, ce n'est possible que pour la première lettre ...

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
<script type="text/javascript">
function position()
{ for (var n=0;n<pays.length;n++)
      { if (pays[n].text.toLowerCase()>=rech.value.toLowerCase())
           { pays.selectedIndex=n;
              n=pays.length;  }  }  }
 
function sel(){
pays.selectedIndex=13;
alert(pays.itemNumber)
}             
</script>
</head>
<body>
<div z-index="3" style="position:absolute">
<select name=pays onmouseover="this.size=10" onmouseout="this.size=0">
   <option value="Afghanistan">Afghanistan</option>
        <option value="Afrique du Sud">Afrique du Sud</option>
        <option value="Albanie">Albanie</option>
        <option value="Algerie">Algerie</option>
        <option value="Allemagne">Allemagne</option>
        <option value="Andorre">Andorre</option>
        <option value="Angola">Angola</option>
        <option value="Anguilla">Anguilla</option>
        <option value="Antarctique">Antarctique</option>
        <option value="Antigua et Barbuda">Antigua et Barbuda</option>
        <option value="Antilles neerlandaises">Antilles neerlandaises</option>
        <option value="Arabie Saoudite">Arabie Saoudite</option>
        // ..... / .....
        <option value="Zambie">Zambie</option>
        <option value="Zimbabwe">Zimbabwe</option>
</select>
</div>
<br/>
<br/>
Rechercher : <input type="text" name=rech onkeyup="position();"><br/>
<input type="button" value="selectionner" onclick="sel()" />

de mémoire merci à javatwister pour ce code (sur qu'il va encore dire qu'il y est pour rien ...^^)

**E.Bzz** · 25/04/2007, 15h03

Envoyé par ZACKX

Avec ton principe, Tu tapes Z il te sort les Z mais si tu tapes A ensuite, c les A qui viennent.

Et oui !
Les nav sont mal faits, hein ?

A mon avis, tu as plus vite fait d'alimenter ta liste avec le résultat (3 lettres saisies dans un input) avec un petit script Ajax.

Parce que sinon :
1) si tu te poses la question, ça veut dire que la liste est longue => plein de données rapatriées pour rien
2) même en sélectionnant la bonne ligne, pas sûr qu'elle appraraisse => scroll à gérer, et tout ça pour pas forcément un résultat satisfaisant

Ajax !!

tri dynamique sur une Listarea

JavaScript

Vue hybride

Discussions similaires

Partager

Partager