Discussion :

[Azaxx]

Bonjour a tout ceux qui lirons ceci,

voila mon problème est que je ne sais pas comment faire pour placer un focus dans un tableau dynamique. En gros sur ma page j'ai une function JS de recherche en autocomplétion et un tableau qui récupère des valeurs de ma bdd. Et je voudrais que quand l'utilisateur saisie le nom de la personne dans l input de recherche, qu'un focus se place dans mon tableau sur celle-ci.

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
{section name=id loop=$ppo->donnees}
			<tr {cycle values=',class="alternate"'}>
				<td>{$ppo->donnees[id][0]}</td>
				<td>{$ppo->donnees[id][1]}</td>
				<td>{$ppo->donnees[id][2]}</td>
				<td>{$ppo->donnees[id][3]}</td>
				<td>{$ppo->donnees[id][4]}</td>
				<td>{$ppo->donnees[id][5]}</td>
				<td>{$ppo->donnees[id][6]}</td>
				<td>{$ppo->donnees[id][7]}</td>
				<td>{$ppo->donnees[id][8]}</td>
				<td>{$ppo->donnees[id][9]}</td>
				<td><a onClick="return confirm('Etes-vous certains de vouloir supprimer le badge de cette personne ?')" style="cursor:pointer;" href="{copixurl dest="cartapuce|default|supprimercarte" idcarte=$ppo->donnees[id][0]}"><img src="{copixresource path="img/tools/delete.png"}" /></a></td>
			</tr>
		{/section}

Dans le champs rechercher quand l'utilisateur saisie une personnes je récupère son id, maintenant je voudrais placer le focus sur cette id dans mon tableau.
Comment faire?

Merci si vous avez des solutions.

[RomainVALERI]

Il me semble que le focus ne concerne que les liens et les champs de formulaires... alors sur un td je ne crois pas que ça passe. A vérifier quand même ^^

[Azaxx]

Ba comme mon tableau a environ 5700 lignes, c'est pour éviter au personnes ne connaissant pas ctrl + f de scroller pendant 2heures.

En gros c'est ca je veux qu'une fois le nom entré dans la barre de recherche cela fasse le même effet qu'un ctrl +f (c'est bien un focus cela non?)

[RomainVALERI]

As-tu envisagé de fonctionner avec des ancres (une dans la première cellule de chaque ligne par exemple) ?

[SpaceFrog]

+2000
pas de focus sur un td ...
a moins d'y mettre un input

donc ancre ou calcul de scrollTop

[javatwister]

l'ancre est en effet une chouette solution