Barre de navigation entre les mois

Version imprimable

04/09/2009, 11h44
majdi.ch

Barre de navigation entre les mois

bonjour, voici mon probleme: je veu Une barre de navigation est positionnée sur un mois(passer comme parametre dans la fonction javascript) et il est possible de cliquer sur les 2 mois précédent et les 2 mois suivants. Des flèches permettent de déplacer le mois en cours vers le mois suivant ou vers le mois précédent. voici ci joint une image pour expliquer
merci d'avance,
06/09/2009, 14h53
nosferapti

montre le code de ce que tu as déjà fait
07/09/2009, 10h41
majdi.ch

Citation:

Envoyé par nosferapti

montre le code de ce que tu as déjà fait

en faite ce que je veux faire est : j'ai un tableau qui contient des elements (12 elements par exemple) et je veux construire une barre de navigation entre ces elements et a chaque fois la barre m'affiche 5 elements avec le troisieme sélectionner et quand je clique sur l'element qui le suit (ou qui le précède) il m'affiche 5 elements (avec celui que j'ai selectionner au milieu) et ainsi de suite..
07/09/2009, 10h57
nosferapti

Citation:

Envoyé par nosferapti

montre le code de ce que tu as déjà fait

dans ma page navigateSuccess.php

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
28
29
30
31
32
33
34
35
36
37
38
39
<script type="text/javascript">
	var tab=new Array();
	var table=new Array();
	//alert(table.lenght);
if (table.lenght>0)
{
	for (var i=0;i<=table.lenght;i++)
		{
			tab[i]==table[i];
		}
	}
 
else {
	tab[0]="Janvier";
	tab[1]="Fevrier";
	tab[2]="Mars";
	tab[3]="Avril";
	tab[4]="Mai";
}
 
 
</script>
<div id="navcontainer">
<ul id="navlist">
 
</ul>
</div>
 
<script type="text/javascript">
 
	var newli='';
	<?php for($j=0;$j<count($tab);$j++){?>
    var j='<?php echo $j?>';
	newli+='<li id="<?php echo $j ?>">'+'<a href ="#" onclick="changermois('+"'"+tab[j]+"'"+')">'+tab[j]+'</a>'+'</li>';
	<?php }?>
	$('navlist').innerHTML=newli;
 
 
</script>

et voici mes fonctions js

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
var tab_mois=new Array("Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre");
 
function changermois(valeur)
{
	var index=tab_mois.indice(valeur);
	if(index==0)
	{
		table[2]=tab_mois[index];
		table[1]=tab_mois[11];
		table[0]=tab_mois[10];
		table[3]=tab_mois[index+1];
		table[4]=tab_mois[index+2];
		//alert(table[4]);
 
	}
	else if (index==1)
		{
		table[2]=tab_mois[index];
		table[1]=tab_mois[0];
		table[0]=tab_mois[11];
		table[3]=tab_mois[index+1];
		table[4]=tab_mois[index+2];
		}
		else if (index==11)
			{
			table[2]=tab_mois[index];
			table[1]=tab_mois[index-1];
			table[0]=tab_mois[index-2];
			table[3]=tab_mois[1];
			table[4]=tab_mois[2];
			}
 
			else if (index==10)
				{
				table[2]=tab_mois[index];
				table[1]=tab_mois[index-1];
				table[0]=tab_mois[index-2];
				table[3]=tab_mois[index+1];
				table[4]=tab_mois[0];
				}
 
				else{
					table[2]=tab_mois[index];	
					table[1]=tab_mois[index-1];
					table[0]=tab_mois[index-2];
					table[3]=tab_mois[index+1];
					table[4]=tab_mois[index+2];
				}
}

09/09/2009, 09h59
majdi.ch
en faite mon problème a est résolu
j'ai ajouté a la a la methode changermois() ce bout de code pour que aprés la modification de la table elle s'affiche :oops:
Code:

1 2 3 4 5 var newli=''; for(j=0;j<=4;j++){ newli+='<li id="'+j+'">'+'<a href ="#" onclick="changermois('+"'"+table[j]+"'"+')">'+table[j]+'</a>'+'</li>'; } $('navlist').innerHTML=newli;