[PHP-JS] Menu developpable et include

Version imprimable

Hello,
Je suis un newbie en php mais j'essaye de faire de mon mieux... mais là, je coince...

la structure de la page est classique, : en-tête, menu gauche, contenu, pied-de page

Dans le menu gauche, je fais appel à une application javascript pour avoir un menu développable.
Le problème, c'est que quand je clique sur un lien du menu, il recharge toute la page... Et donc le menu se referme et l'application flash de la barre d'en-tête recommence(défilement d'images)...

Voici le code du la partie contenu de l'index.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div class="frame"> <?php $pageOK = array('objectifs' => 'objectifs.php', 'missions' => 'missions.php'); 'accueil' => 'accueil.php'); if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) { include($pageOK[$_GET['page']]); } else { include('accueil.php'); / ?> </td></div>
et dans le javascript :

[code]
...
if(document.createElement) window.onload = initMenu;
function MenuDisplay()
{
document.write('<ul id="menu">');
document.write('<li class="puce_noeud">Présentation');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href=../index.php?page=objectifs>Missions et Objectifs</a></li>');
document.write('<li class="puce_sous_cat"><a href=../index.php?page=accueil>accueil</a></li>');
document.write('</ol>');
...
[\code]
Dois-je introduire une fonction qui empêche le rechargement total?

merci

Greg

09/06/2006, 12h16
Maxoo

il faut mettre un

Code:

#

a la fin de tes liens pour eviter le reload.
09/06/2006, 12h57
gregius
Citation:

Envoyé par Maxoo

il faut mettre un

Code:

#

a la fin de tes liens pour eviter le reload.
Code:

1 2 document.write('<li class="puce_sous_cat"><a href=../index.php?page=objectifs#>Missions et Objectifs</a></li>');
Comme ça?
ça ne marche pas....
09/06/2006, 13h00
Maxoo

non, sur le lien que tu cliques pour avoir le menu display
09/06/2006, 13h08
gregius

mais le menu est toujours visible...
je ne doit plas cliquer sur un lien pour l'afficher...
09/06/2006, 13h10
Maxoo

Citation:

Envoyé par gregius

mais le menu est toujours visible...
je ne doit plas cliquer sur un lien pour l'afficher...

tu as dit que y a un truc qui se developpe a gauche quand tu cliques sur quelque chose. c'est sur ce quelque chose qu'il faut rajouter un #

Citation:

Envoyé par Maxoo

tu as dit que y a un truc qui se developpe a gauche quand tu cliques sur quelque chose. c'est sur ce quelque chose qu'il faut rajouter un #

Je fais appel dans la partie gauche à une page menu.php dans laquelle j'ai mis le javascript :

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
 
if(!window.Node){
	var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
	return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
	var result = new Array();
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		if(checkNode(children[i], filter)) result[result.length] = children[i];
	}
	return result;
}
function getChildrenByElement(node){
	return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
	var child;
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		child = children[i];
		if(checkNode(child, filter)) return child;
	}
	return null;
}
function getFirstChildByText(node){
	return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
	for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
		if(checkNode(sibling, filter)) return sibling;
	}
	return null;
}
function getNextSiblingByElement(node){
	return getNextSibling(node, "ELEMENT_NODE");
}
 
var activeMenu = null;
 
function showMenu(){
	if(activeMenu){
		activeMenu.className = "";
		getNextSiblingByElement(activeMenu).style.display = "none";
	}
	if(this == activeMenu){
		activeMenu = null;
	}else{
		this.className = "active";
		getNextSiblingByElement(this).style.display = "block";
		activeMenu = this;
	}
	return false;
}
function initMenu(){
	var menus, menu, text, a, i;
	menus = getChildrenByElement(document.getElementById("menu"));
	for(i = 0; i < menus.length; i++){
		menu = menus[i];
		text = getFirstChildByText(menu);
		a = document.createElement("a");
		menu.replaceChild(a, text);
		a.appendChild(text);
		a.href = "#";
		a.onfocus = function(){this.blur()};
	}
}
if(document.createElement) window.onload = initMenu;
function MenuDisplay()
{
	document.write('<ul id="menu">');
		document.write('<li class="puce_noeud">Présentation');
		  document.write('<ol>');
		    document.write('<li class="puce_sous_cat"><a href=index.php?page=objectifs>Missions et Objectifs</a></li>');
		    document.write('<li class="puce_sous_cat"><a href=index.php?page=accueil>accueil</a></li>');
		  document.write('</ol>');
		  document.write('<div class="separateur"></div>');
		document.write('</li>');
		document.write('<li class="puce_noeud">Formation');
		  document.write('<ol>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/formation.html">Présentation</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/conseillers.html">Les conseillers en AT</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/programme.html">Programme</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/calendrier.html">Calendrier</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/documents.html">Documents</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/contacts.html">Contacts</a></li>');
		  document.write('</ol>');
		  document.write('<div class="separateur"></div>');
		document.write('</li>');
		document.write('<li class="puce_noeud">Recherches');
		  document.write('<ol>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">Finalisées</a></li>');
		    document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">En cours</a></li>');
		  document.write('</ol>');
		  document.write('<div class="separateur"></div>');
		document.write('</li>');
 
	document.write('</ul>');
}

Ne faites pas attention aux autre liens que les deux premiers...

09/06/2006, 15h03
gregius

Personne n'aurait de solutions?
J'ai vu que les seules solutions sont de type AJAX...
mais ça m'a lair bien compliqué...

Greg