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>