Navigation dans un même DIV

Version imprimable

Bonjour,

Je commence à aborder la mise en page d'un site avec des DIV et du CSS et je bute sur mon premier 'couac'... J'ai bien essayé de chercher une réponse existante sur le forum, mais pas moyen de trouver des mots clés valables... :oops:

Ma page est divisée en 5 parties :
- une bannière en haut,
- une barre de menus horizontale juste en dessous,
- une barre de menus verticale à gauche,
- le contenu à sa droite,
- et le pied de page ... en bas.

Voici le code html :

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
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link rel="SHORTCUT ICON" href="res/favicon.ico">
        <title>Positionnement CSS</title>
    </head>
 
    <body style="font-family:trebuchet ms">
        <div id="conteneur">
        	<div id="bandeau"><img src="res/bandeau.gif" alt="bandeau" /></div>
            <div id="navtabs">
                <span>Accueil</span>
                <span><b>DT</b></span>
                <span>Suivi</span>
                <span>Mesures</span>
                <span>Définitions BE</span>
                <span>Admin Atelier</span>
            </div>
            <div id="barregauche">
                <div id="user"><?php include "user.php"; ?></div>
                <div id="menu"><?php include "menu.php"; ?></div>
                <div id="liens"><?php include "liens.php"; ?></div>
            </div>        
        	<div id="contenu"><?php include "DT_form.php"; ?></div>
        	<div id="piedpage">
				<span><u>Signaler un problème</u></span>
			</div>
        </div>
    </body>
</html>

Précision : ceci est une maquette que je vais proposer, j'ai inséré du texte 'en dur' pour montrer la mise en page..

Dans le DIV "contenu", j'affiche un formulaire, dont l'action submit() me renvoie sur un autre script PHP : Comment faire pour que l'affichage de ce script de traitement se fasse dans mon DIV contenu et non comme une nouvelle page ??

Merci de m'avoir lu

03/05/2007, 17h01
deY!

tu renvoi vers ta page...
03/05/2007, 17h06
pc.bertineau

comment ça ?

Code:

<form name="demform" id="demform" method="POST" action="DT_rec.php">

J'ai essayé en virant le header qu'écrivait 'DT_rec.php' mais j'ai toujours le même problème
03/05/2007, 17h23
cedsun

peut-être faire de ton script de traitement une copie conforme de la page du formulaire en enlevant le form et en mettant un message de traitement effectué.

C'est le plus simple. non ?
03/05/2007, 17h31
pc.bertineau

Et bien, je n'ai pas les bases de l'utilisation des DIV, mais si je dois copier la mise en page de mon 'index.php' dans tous mes scripts de traitements, et même toutes mes pages... je retourne vite fait à mes FRAMES !
Ex: Je clique sur un lien dans mon DIV de menus vertical, je veux que seul mon DIV 'contenu' soit modifié... (peut-être de l'AJAX)

Je pense qu'il y a une solution beaucoup plus propre --> demander à mon script de s'afficher dans le DIV d'origine du formulaire, mais comment ?

Merci pour vos réponses
03/05/2007, 18h00
Neroptik

Citation:

Envoyé par ziggotos

je retourne vite fait à mes FRAMES !

Les Frames c'est mal :aie:

Citation:

Envoyé par ziggotos

(peut-être de l'AJAX)

AJAX c'est bien :king:
03/05/2007, 18h03
Neroptik

Citation:

Envoyé par ziggotos

Ex: Je clique sur un lien dans mon DIV de menus vertical, je veux que seul mon DIV 'contenu' soit modifié... (peut-être de l'AJAX)

Mais c'est meme sur ! ;)

J'ai utiliser AJAX pour faire sur mon site exactement ce que tu nous décris.

Fait des recherches avec ce mot clé : XMLHttpRequest.
03/05/2007, 18h59
deY!
Faut pas l'utiliser n'importe quand Ajax...
Mais c'est vrai que les frames c'est mal...

Tu effectue le submit sur la page en cours... tu t'envoi un variable en post ou en get pour dire que c'est une validation, et en php tu fait les traitement necessaire...
Disons que tu auras :
Code:

1 2 3 4 5 6 7 <?php if($_POST['sub'] == 'submit') { [traitement de mon formulaire] } else { [affichage de mon form] } ?>
Aprés il faut savoir quel traitement tu veux faire.... Si c'est juste une validation du javascript suffit.

EDIT : De plus si tu veux eviter de refaire la presentation de ton site 30 fois pour 30 pages... Oriente toi vers les templates(gabarits), par exemple Smarty...
04/05/2007, 09h40
pc.bertineau

Ok, merci pour vos réponses. Bizarrement j'attendais une fonction magique pour limiter la portée de mon form à un DIV, mais bon, je vais y mettre un peu d'AJAX, ce sera plus propre :lol:

Pour les gabarits, j'ai peur... j'ai 5-6 pages vraiment différentes. Je sais pas si ça vaut le coup... verrai ça plus tard.

encore merci!
04/05/2007, 11h15
deY!

tu as toujours la même trame, donc deja tu peux en faire un gabarit, ça t'evitera de le repeter à chaque fois...

ensuite tes pages vraiment différentes, il y a toujours moyen de les regrouper... :king:

Mais c'est sur que ça peut demander du temps