Discussion :

[michaeljeru]

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 :

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

1
2
 
<a href="" onClick="changePage(document.demandes);"><font color="FFFFFF">></font></a>

et voila le corps de ma fonction :

Code :

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

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

[Matthieu2000]

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
 
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();
		}
	}
}

[michaeljeru]

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

<a href="" onClick="changePage4(document.demandes,"debut");"><font color="FFFFFF">&#171;</font></a>

ou

<a href=""><font color="FFFFFF">&#171;</font></a>

ça a strictement le même effet, à savoir recharger la page, rien de plus...

[Matthieu2000]

Code :

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

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