[AJAX] menu javascript et ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

20/06/2006, 18h01
gregius

Citation:

Envoyé par kankrelune

Si je puis me permettre gregius...

- pense à ceux qui ont javascript de désactivé sur leur navigateur et ceux qui ont un navigateurs ne supportant pas les xmlhttprequest... .. .

- plutot que de faire une chiée de document.write pour ton menu fais un fichier de config avec un tableau contenant tous les menu et sous menu associés et fais une boucle pour l'affichage... .. .

@ tchaOo°

Merci des remarques...
Pour le javascript désactivé... c'est un peu embêtant, mais je crois que ça représente une minime minorité non?
Et quels sont les navigateurs qui ne supportent pas les xmlhttprequest? Pas firefox et IE...
Pour le second conseil, c'est vrai que ça pourrait être intéressant mais je suis vraiment un novice dans l'affaire... et j'avais reçu ce fichier tel quel (sauf les xmlhttprequest)
Pourrais-tu m'expliquer comment faire ou me montrer un exemple tout fait?
MErci

Concernant le javascript de désactivé et les navigateur ne supportant pas les XMLHttpRequest c'est une minorité mais mis bout à bout cela concerne surement plus de 10% de internaute... .. .

Pour le menu et bien il ne te reste plus qu'a étudier un peu les tableaux et la boucle for... .. .

Exemple de tableau pour un menu...

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
 
var menuLinks = [
                {
                    "name":"mon Menu 1",
                    "target":"ma_page1.ext",
                    "submenu": [ 
					{
						"name":"Mon sous menu 1", 
						"target":"ma_page1.ext"
					},
					{
						"name":"Mon sous menu 2", 
						"target":"ma_page2.ext"
					}
				    ]
                },
                {
                    "name":"mon Menu 2",
                    "target":"ma_page2.ext"
                },
				{
                    "name":"mon Menu 3",
                    "target":"ma_page5.ext",
                    "submenu": [ 
					{
						"name":"Mon sous menu 5", 
						"target":"ma_page6.ext"
					},
					{
						"name":"Mon sous menu 6", 
						"target":"ma_page7.ext"
					}
				     ]
                }
];

Exemple de boucle sur ce même tableau... .. .

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
 
var i,ii;
 
document.writeln('<dl id="menu">');
 
for(i = 0; i<menuLinks.length; i++)
{
	document.write("<dt>");
	document.write('	<a href="'+menuLinks[i]["target"]+'">'+menuLinks[i]["name"]+'</a>');
	document.writeln("</dt>");
 
	if(menuLinks[i]["submenu"])
	{
		document.writeln("<dd>");
		document.writeln("<ul>");
 
		for(ii = 0; ii<menuLinks[i]["submenu"].length; ii++)
			document.write('<li><a href="'+menuLinks[i]["submenu"][ii]["target"]+'">'+menuLinks[i]["submenu"][ii]["name"]+'</a></li>');
 
		document.writeln("</dd>");
		document.writeln("</ul>");
	}
}
document.writeln("</dl>");

@ tchaOo°

21/06/2006, 15h40
gregius

Excellent, Un grand merci.

Autre chose, je me rends compte qu'effectivement l'ajax n'a pas que des avantages...
Par exemple maintenant, les boutons des navigateurs pour aller à la page précédente ou suivante ne fonctionnent plus.. Enfin si mais quand on clic dans mon menu, il y a une nouvelle page qui n'est pas reprise dans l'historique étant donné que c'est une chargement partiel de la page...
J'ai vu que sur certains sites, cela fonctionne quand même...
Existe-t-il un fonction qui fait cela?
Merci.
Sinon je devrais abandonner l'ajax et ajouter dans mon javascript une fonction qui se rapelle à quel endroit le menu doit être ouvert...
21/06/2006, 15h41
siddh

Dojo permet de gérer l'historique mais la y a du boulot pour le refaire avec ;)
22/06/2006, 12h02
gregius

Citation:

Envoyé par siddh

Dojo permet de gérer l'historique mais la y a du boulot pour le refaire avec ;)

Je crois que je vais abandonner l'ajax... ça me parait trop rude et avec le problème du référencement... c'est gênant...
Il faudrait que ce menu (voir ma première intervention) ait une fonction qui identifie la page ouverte pour qu'il sache où reter ouvert...
Quelqu'un a déjà vu ou réalisé un menu de ce style?
Ce serait donc sans le "xmlhhtprequest"
Et pour ma bannière flash au dessus, j'ai vu qu'il existait un script php qui choisi une autre banière aléatoirement à chaque page...

Greg

Voir 40 message(s) de cette discussion en une page