[PHP-JS] target menu javascript dans <div> [Fait]

tarang · 17/09/2007, 13h57

hello

voilà, j'ai un menu javascript (menu Tigra) dans un site avec frames; j'ai donc un target pour chaque lien. Je fais désormais la migration en php avec la fonction include, mais je ne parviens pas à définir la destination des liens de ce menu dans le <div> du template. On m'a parlé d'Ajax, mais je ne vois pas vraiment comment l'intégrer sans changer tout le code du menu.
N'étant pas très spécialiste, quel est le moyen le plus simple d'y parvenir?

merci d'avance

tarang · 17/09/2007, 14h51

j'ai trouvé ceci qui parrait intéressant, mais je ne parviens pas à l'exécuter correctement:
http://www.w3.org/Style/Examples/007/target#default2

j'ai également traouvé un template sur lequel me baser:

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
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
 
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Ultilisation de CSS2 pour un template simple</title>
    <meta name="author" content="Ultra-Fluide" />
    <meta name="copyright" content="©2003, Ultra-Fluide" />
    <style type="text/css">
.nospace {width:100%;margin: 0px}
.header {position:absolute;top:0px;width:100%;right:15px;margin-right:-15px;height:100px;background-color:#158035}
.main {position:absolute;top:100px;width:100%;right:15px;margin-right:-15px}
* html body .main {height:100%;overflow:hidden}
/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {height:0px;overflow:visible} 
/* fin du text caché pour IE/mac */
.central {position:relative;top:0px;width:auto;margin:0px;margin-left:170px;margin-right:100px;background-color:#a9f7bd}
.corps {position:relative;min-height:300px}
* html body .corps {height:300px} 
.div-min-height {position:relative;height:300px;width:0px;float:left}
.div-min-height-bottom {position:relative;height:0px;clear:left}
.menus {position:absolute;height:100%;width:170px;top:0px;left:0px;background-color: #41b55f}
.notes {position:absolute;height:100%;width:100px;top:0px;right:15px;margin-right:-15px;background-color: #66dd85}
.pied {position:relative;width:100%;height:50px;background-color:#158035}
</style>
 
</head>
  <body class="nospace" style="font-family: Verdana;font-size: 15px;font-style:italic">
	<div class="main">
		<div class="central">
			<div class="corps">
				<div class="div-min-height"></div>
				<div  style="text-align: center">
					 <p  style="margin:0px;padding-top:10px;height:50px">CORPS DE PAGE.
					 <?php include('main.htm'); ?>
					 </p>
				</div>
 
				<div class="div-min-height-bottom"></div>
			</div>
			<div class="pied">
				<div style="text-align: center"><p style="margin:0px;padding-top:10px"> PIED</p></div>
			</div>
		</div>
 		<div class="menus">
			<div style="text-align: center">
 
				<p style="margin:0px;padding-top:10px"> MENU
				</p>
				 <p style="position:absolute;bottom:2px;left:15px;font-family: Verdana;font-size: 9px">
					    <a href="/">created by Ultra-Fluide</a>
				  </p>
			</div>
		</div>
		<div class="notes">
 
			<div style="text-align: center"><p style="margin:0px;padding-top:10px"> NOTES</p></div>
		</div>
	</div>
	<div class="header">
		<div style="text-align: center"><p style="margin:0px;padding-top:10px"> ENTETE</p></div>
	</div>
  </body>
 
</html>

J'avais imaginé une solution telle que déclarer une classe "contenu" et id="contenu1" et de mettre target="#contenu1" dans le script, mais cela n'est visiblement pas aussi simple.

tarang · 19/09/2007, 12h14

Personne n'a une idée pour me faire avançer? Quelqu'un sait-il où je pourrais trouver des exemples ou des tutos?
Concernant le tuto d'ajax, je ne sais pas trop comment l'utiliser dans ce cas précis.
Merci pour vos lumières

tarang · 25/09/2007, 00h41

Bon, j'avance un peu tout seul ...
J'ai obtenu un vague résultat comme suit:

menu_items.js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var MENU_ITEMS = [
['Menu', null, null,
['accueil', 'index.php?page=accueil.php'],
['news', 'index.php?page=news.php'],
]
];

index.php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<?php
if($_GET[page]){
include($_GET['page']);
}
?>

est-ce correct?

Ashgenesis · 25/09/2007, 16h42

ça m'a l'air correcte mais je pense que tu devrais plutôt en parler dans le forum php.[edit]dsl je croyais être dans le forum javascript

[/edit]

Fait attention au niveau de ton include car en passant n'importe quoi dans l'url tu l'inclus dans ta page vérifie avant que le fichier existe. tu peux aussi rajouter l'extension manuellement.

17/09/2007, 13h57	#1
tarang Candidat au titre de Membre du Club Inscription : octobre 2006 Messages : 49 Détails du profil Informations forums : Inscription : octobre 2006 Messages : 49 Points : 10 Points : 10	[PHP-JS] target menu javascript dans <div> hello voilà, j'ai un menu javascript (menu Tigra) dans un site avec frames; j'ai donc un target pour chaque lien. Je fais désormais la migration en php avec la fonction include, mais je ne parviens pas à définir la destination des liens de ce menu dans le <div> du template. On m'a parlé d'Ajax, mais je ne vois pas vraiment comment l'intégrer sans changer tout le code du menu. N'étant pas très spécialiste, quel est le moyen le plus simple d'y parvenir? merci d'avance
	00

19/09/2007, 12h14	#3
tarang Candidat au titre de Membre du Club Inscription : octobre 2006 Messages : 49 Détails du profil Informations forums : Inscription : octobre 2006 Messages : 49 Points : 10 Points : 10	Personne n'a une idée pour me faire avançer? Quelqu'un sait-il où je pourrais trouver des exemples ou des tutos? Concernant le tuto d'ajax, je ne sais pas trop comment l'utiliser dans ce cas précis. Merci pour vos lumières
	00

25/09/2007, 16h42	#5
Ashgenesis Membre habitué Développeur Web Inscription : mai 2004 Messages : 183 Détails du profil Informations personnelles : Âge : 30 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : mai 2004 Messages : 183 Points : 138 Points : 138	ça m'a l'air correcte mais je pense que tu devrais plutôt en parler dans le forum php.[edit]dsl je croyais être dans le forum javascript [/edit] Fait attention au niveau de ton include car en passant n'importe quoi dans l'url tu l'inclus dans ta page vérifie avant que le fichier existe. tu peux aussi rajouter l'extension manuellement.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email