Flèches de navigation

Version imprimable

Je bosse sur une appli web sur laquelle je dois faire de la maintenance.

J'ai sur l'application un tableau récapitulatif qui s'affiche, composé de plusieurs centaines de lignes. Pour en simplifier l'affichage, pour l'instant, je n'affiche que les 20 premières lignes, et c'est à l'utilisateur de demander à voir les 20 suivantes en sélectionnant son choix dans une liste déroulante : 21-40, 41-60...
Ca marche, mais c'est pas pratique.
Je voudrais rajouter une "barre de navigation maison", sous cette forme :
<< < > >> (début, 20 précédents, 20 suivants, fin)

J'ai essayé un appel de ma fonction sur un onClick, ça renouvelle l'affichage, mais il reste sur les 20 premières lignes...

Voila ce que j'ai essayé :
Code:

1 2 <a href="" onClick="changePage(document.demandes);">></a>
et voila le corps de ma fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function changePage(p_oForm) { if(document.liste.page) { var mySelect=document.liste.page; if(!mySelect.options[mySelect.selectedIndex].defaultSelected) { p_oForm.page.value=mySelect.options[mySelect.selectedIndex].value; p_oForm.from.value='changePage'; p_oForm.submit(); } } }
En l'état actuel, la fonctionne changePage ne permettrait que d'afficher les suivants. Comment la modifier pour revenir aux précédents, ou pour aller au début/à la fin ?

Merci d'avance

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
 
function changePage(p_oForm, optionVar)
{
 
 
	if(document.liste.page)
	{
		var mySelect=document.liste.page;
 
 
indice=mySelect.selectedIndex;
if(optionVar=="début")indice=0;
if(optionVar=="20 précédents" && indice>0)indice--;
if(optionVar=="20 suivants" && indice<(mySelect.length-1))indice++;
if(optionVar=="fin")indice=mySelect.length-1;
 
(début, 20 précédents, 20 suivants, fin)
 
 
		if(!mySelect.options[mySelect.selectedIndex].defaultSelected)
		{
			p_oForm.page.value=mySelect.options[indice].value;
			p_oForm.from.value='changePage';
			p_oForm.submit();
		}
	}
}

05/08/2008, 14h40
michaeljeru

malheureusement, ça n'a aucun effet.
En fait, que je mette :

Citation:

<a href="" onClick="changePage4(document.demandes,"debut");">«</a>

ou

Citation:

<a href="">«</a>

ça a strictement le même effet, à savoir recharger la page, rien de plus...
05/08/2008, 15h56
Matthieu2000

Code:

<a href="javascript:changePage4(document.demandes,"début");">«</a>