[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.

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

Langage PHP

Discussions similaires

Partager

Partager