Navigation dans un même DIV

**pc.bertineau** · 03/05/2007, 16h56

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

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 :

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
<!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

**deY!** · 03/05/2007, 17h01

tu renvoi vers ta page...

**pc.bertineau** · 03/05/2007, 17h06

comment ça ?

Code :

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

<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

**cedsun** · 03/05/2007, 17h23

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 ?

**pc.bertineau** · 03/05/2007, 17h31

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

**Neroptik** · 03/05/2007, 18h00

Envoyé par ziggotos

je retourne vite fait à mes FRAMES !

Les Frames c'est mal

Envoyé par ziggotos

(peut-être de l'AJAX)

AJAX c'est bien

**Neroptik** · 03/05/2007, 18h03

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.

**deY!** · 03/05/2007, 18h59

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 :

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

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

**pc.bertineau** · 04/05/2007, 09h40

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

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!

**deY!** · 04/05/2007, 11h15

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

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

Navigation dans un même DIV

HTML

Discussions similaires

Partager

Partager