Discussion :

[Prenth�s]

Bonjour tout le monde !
(et bonne ann�e )

J'ai r�cup�r� un menu vertical dynamique �crit en javascript avant hier et j'ai voulu le modifier � ma guise. Apr�s avoir appliqu� toutes les modifications graphiques voulues (car � la base je suis graphiste), j'ai bloqu� sur les boutons.

Il s'agit d'une m�thode onClick document.location.href qui dirige vers une page web et �tant donn� que j'utilise les "pseudo frames" en php, j'aimerais pourvoir changer �a par des liens hypertexte sous forme index.php?page=1.

Code javascript :

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
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
 
/////////////////////////////////////////////
//
// Script de [Menu Vertical] - Fichier JS
// Création: 10/10/2005
// Dernière modification: 01/07/2006 
// by haryou [haryoudev.free.fr] - <a href="mailto:[email protected]">[email protected]</a>
//
/////////////////////////////////////////////
 
// Menu rectractable
 /* Modifier comme ceci
     var menu_rectractable = "";							-> Menu non retractable
	 var menu_rectractable = "ok";							-> Menu retractable
 */
 var menu_rectractable = "ok";
 
// Eléments du Menu
 /* Modifier ici les noms des catégories - Vous pouvez en rajouter ou en supprimer, mais il faudra en avoir autant de groupe de liens
	 categorie[X] = new Array();						-> Type de la variable (ne pas modifier)
	 categorie[X][0] = "Catégorie 1";					-> Nom de la catégorie
	 categorie[X][1] = "http://liencatégorie1/";		-> Lien de la catégorie - Si vide, il n'y aura pas de lien sur cette catégorie 
	 categorie[X][2] = "_blank";						-> Cible du lien - _blank (nouvelle page), _self (même page),... ou nom de votre frame
 */
 // --- Categories du Menu ---
 categorie = new Array();
  // -- [categorie 1]
  categorie[0] = new Array();
   categorie[0][0] = "l'entreprise";
   categorie[0][1] = "";
   categorie[0][2] = "_blank";
  // -- [categorie 2]
  categorie[1] = new Array();
   categorie[1][0] = "les offres";
   categorie[1][1] = "";
   categorie[1][2] = "_blank";
  // -- [categorie 3]
  categorie[2] = new Array();
   categorie[2][0] = "nos conseils";
   categorie[2][1] = "";
   categorie[2][2] = "_self";
  // -- [categorie 4]
  categorie[3] = new Array();
   categorie[3][0] = "recrutement";
   categorie[3][1] = "";
   categorie[3][2] = "_blank";
  // -- [categorie 4]
  categorie[4] = new Array();
   categorie[4][0] = "eCommerce";
   categorie[4][1] = "";
   categorie[4][2] = "_blank";
 
 
 
 
 // Cible des liens du menu
 /* Modifier ici la cible des liens. Vous devez affecter à la variable target:
     _blank: pour ouvrir dans une nouvelle page      =>       target = '_blank';
	 _self: pour ouvrir dans la même page            =>       target = '_self';
	 xxxx: pour ouvrir dans la frame/iframe xxxx     =>       target = 'xxxx';
 */
 var target = 'index.php';
 
// --- Groupe de liens ---
 /* Modifier, ici, les titres et liens, la cible
    Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez.
 */
 lien = new Array();
  lien[0] = new Array();
 lien[0]["historique"] = "http://liens1/";
 lien[0]["l'étude"] = "http://liens2/";
 lien[0]["la pose"] = "http://liens3/";
 lien[0]["le secteur"] = "http://liens4/";
 lien[0]["les normes"] = "http://liens5/";
 // -- [Liens de la categorie 2]
 lien[1] = new Array();
 lien[1]["produits"] = "http://liens1/";
 lien[1]["maintenance"] = "http://liens2/";
 lien[1]["s.a.v."] = "http://liens3/";
 lien[1]["garenties"] = "http://liens3/";
 // -- [Liens de la categorie 3]
 lien[2] = new Array();
 lien[2]["Titre1"] = "http://liens1/";
 lien[2]["Titre2"] = "http://liens2/";
 lien[2]["Titre3"] = "http://liens3/";
 lien[2]["Titre4"] = "http://liens4/";
 lien[2]["Titre5"] = "http://liens5/";
 
<!--------- Ne rien modifier sous cette ligne ----------->
function sousmenu_hide(actif) {
for (var i=0; i<categorie.length; i++)
 document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}
 
rectract_ok = menu_rectractable == "ok" ? "onmouseover='sousmenu_hide(-1)'" : '';
 
document.write("<table cellspacing='0' cellpadding='0' width='90%' border='0'><tbody>");
 for (var i=0; i<categorie.length; i++) {
   document.write("<tr class='cat_titre_nonselect' align='center'>");
   if (categorie[i][1] != "") {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='100%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' class='cat_titre_nonselect' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\">" + categorie[i][0] + "</a>");
   } else {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='100%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write(categorie[i][0]);
   }
   document.write("</td><td width='2%' " + rectract_ok + " class='bordure_cat_d'>&nbsp;</td></tr>");
   document.write("<tr>");
   document.write("<td " + rectract_ok + "></td>");
   document.write("<td><center><table width='100%' class='hide' id='menu" +(i)+ "'>");
	 for (url in lien[i]) {
		if (target == "_blank") {
		 document.write("<tr onclick=\"window.open('" + lien[i][url] + "')\">");
		 document.write("<td align='center' class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else if (target == "_self" || target == "_parent" || target == "_top") {
		 document.write("<tr> onclick=\"document.location.href='" + lien[i][url] + "'\">");
		 document.write("<td align='center' class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else {
		 document.write("<tr onclick=\"top." + target + ".location.href='" + lien[i][url] + "'\">");
		 document.write("<td align='center' class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		}
	 }
   document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + "><td colspan='4'></td></tr>");
 }
document.write("</tbody></table>");

Merchi !

[galak63]

salut,

deja c'est incompr�hensible ton pat� de code,

sinon a quoi te sert ton :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var target = 'index.php';

cette variable n'est pas utilis�e ...

[Prenth�s]

C'est le m�me pat� de code que je me tue � d�chiffrer
J'ai oubli� de la recorriger apr�s la coupure de courrant.

N�anmoins elle ne sert pas vraiment � rien puisque qu'elle v�rifie la condition else plus bas, car elle n'est ni "_blank" ni "_self", j'aurais �cris �a ou pouetpouet, �a aurait �t� la m�me chose (je pense).

[Sub0]

Salut!

Bonne ann�e!
Pour pouvoir modifier une variable PHP avec du Javascript, il faut soit passer la valeur dans l'url, soit poster un formulaire. Tu r�cup�res ensuite la valeur de cette variable soit avec $_GET, soit avec $_POST. En esp�rant avoir bien saisi ta question...

[Prenth�s]

Oui, j'ai bien compris

Et c'est la mon probl�me : je veux passer par l'url, et j'ai beau me fier � mes intuitions pour changer le onClick par une url, �a ne passe pas !

[Sub0]

Tu peux t'inspirer du code suivant :
http://php.developpez.com/sources/?page=phpjs#detectjs

Un meta refresh ou window.location.href pour faire la redirection...
L'exemple te montre aussi comment r�cup�rer l'url courante avec PHP et ajouter un param�tre supl�mentaire. Avec Javascript, il suffit de reprendre window.location.href et de fusionner le param�tre � la fin de cette cha�ne. Attention, il faudra peut-�tre analyser l'url pour �viter d'ajouter un param�tre d�butant avec ? si l'url en contient d�j� un. Dans ce cas, le param�tre devra d�buter avec &...

[Space Cowboy]

Usine � gaz d�tect� !!!!
D�j� modifier une variable PHP en JS, je n'y avais jamais pens� ...
PHP=code serveur, JS=Code client.

Si tu veut de vrai menu : http://css.maxdesign.com.au/listamatic/index.htm