Page index sans frame

**Général03** · 28/02/2009, 23h05

Bonjour,

je suis en train de créer un site et je me rend compte que les frames ne sont pas très pratique pour plusieurs raisons vues sur votre forum. Mais du coup comment je dois remplacer mes frames ?
Je pense que ça va passer par un tableau avec surement

Code :

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

1
2
3
4
5
6
7
 
<thead>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>

C'est comme cela que je dois procéder ?
De plus comment afficher une page (suite à un clique) dans une partie de mon tableau ?

Merci de votre aide

**Jannus** · 28/02/2009, 23h37

Pour la mise en forme, jette un oeil ici : http://css.developpez.com/galerie/

**Erwan31** · 28/02/2009, 23h43

Bonsoir,
oui oublie les frame c'est préférable et puis les frame c'est has been

Tu peux également oublier le tableau qui n'est pas fait pour faire de la mise en page mais mettre en forme des données tabulaires (calendrier, rapports...)

Pour quelle raison avoir choisi les frame? Est ce uniquement pour afficher ton menu de manière persistante?
Si c'est le cas tu peux opter pour le positionnement fixe mais ce n'est dans la plupart des cas pas vraiment nécessaire.

**Macmillenium** · 01/03/2009, 00h14

Envoyé par Général03

De plus comment afficher une page (suite à un clique) dans une partie de mon tableau ?

Tu peut tenter Ajax sachant qu'il pose les mêmes problèmes que les frames.

**delete** · 01/03/2009, 00h22

C'est vrais que je ne réponds que partiellement

la suite est ici

En bref une div + pagination CSS+JS

Edit : Excellent l'ajax !

**Macmillenium** · 01/03/2009, 00h35

Bon Général03 tu as plusieurs propositions. c'est à toi de voir maintenant

Désolé d'avoir pollué ton post

**Erwan31** · 01/03/2009, 00h42

Pour revenir sur le sujet de départ, ce n'est pas très conseillé Macmillénium de s'embarquer dans de l'AJAX quand on a aucune notion en accessibilité voire qu'on ne connait même pas le concept.
Bref de l'AJAX pourquoi pas mais que lorsque c'est vraiment nécessaire et que ça ne freine pas l'accessibilité.

**Macmillenium** · 01/03/2009, 00h53

Envoyé par Erwan31

Bref de l'AJAX pourquoi pas mais que lorsque c'est vraiment nécessaire et que ça ne freine pas l'accessibilité.

Oui, d'où les recommandations WAI-ARIA ...

**Général03** · 01/03/2009, 12h34

Merci de votre implication, alors

Pour quelle raison avoir choisi les frame? Est ce uniquement pour afficher ton menu de manière persistante?
Si c'est le cas tu peux opter pour le positionnement fixe mais ce n'est dans la plupart des cas pas vraiment nécessaire.

En faite j'ai choisi les frames car je ne connaissait pas du tout le développement web avant janvier donc je me suis aidé des forums, et plusieurs parlé des ces frames alors j'ai pris exemple dessus. Mais au fur et à mesure que je me suis mis à faire mon site je me suis rendu compte que se n'était pas adapté.
Mes frames permettent d'afficher ma page "index.html" et sur la partie gauche de cette frame un menu et une zone membre.

Pour revenir sur le sujet de départ, ce n'est pas très conseillé Macmillénium de s'embarquer dans de l'AJAX quand on a aucune notion en accessibilité voire qu'on ne connait même pas le concept.

Et c'est mon cas je ne connais pas l'AJAX, je débute en développement web!!

Alors si j'ai bien compris le mieux c'est

En bref une div + pagination CSS+JS

?

Merci

**Erwan31** · 01/03/2009, 13h57

Envoyé par Général03

Mes frames permettent d'afficher ma page "index.html" et sur la partie gauche de cette frame un menu et une zone membre.

Alors tu n'a clairement pas besoin de frame pour ça. Si tu souhaites centraliser
ton menu dans un seul fichier ou d'autre contenu persistant et uniques dans ton site, tu peux passer par des includes PHP. C'est très simple à mettre en place.
Pour savoir comment l'implémenter, fais une recherche sur include PHP ou Server Side Include.

**Général03** · 01/03/2009, 17h53

Si j'ai bien compris je dois faire comme cela ?

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
<html>
<body>
	<table>
	  <thead>
	    En-tête
	  </thead>
	  <tbody>
	    <tr>
	      <td>Mon menu </td>
	      <td>Ma page centrale HTML...
		  <?php
                  require("MaPageEnPHP.php");
                  ?>
		  </td>
	    </tr>
	  </tbody>
	  <tfoot>
	    <tr>
	      Mon pied de page
	    </tr>
	  </tfoot>
	</table>
</body>	
</html>

Mais quand je veux changer ma page centrale suite au choix de l'internaute pour afficher par exemple mon formulaire je dois mettre dans mon code HTML cela ?

Code :

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

1
2
3
4
<input type="text" onclick="require(monscript1.php)">
<input type="text" onclick="require(monscript2.php)">
<input type="file" onclick="require(monscript3.php)">
...

**Général03** · 03/03/2009, 19h56

Utiliser des includes dans un tableau me parait pas très propre comme méthode ?? J'ai regardé le site de Macmillenium et il utilise des div, ce n'est pas mieux ?

**Erwan31** · 03/03/2009, 20h30

Envoyé par Général03

Utiliser des includes dans un tableau me parait pas très propre comme méthode ?? J'ai regardé le site de Macmillenium et il utilise des div, ce n'est pas mieux ?

Si évites les tableaux autant que possible pour de la mise en page, ils sont pas fait pour ça...
Pour les includes tu as plein de tutos qui existent sur le web.
Ensuite il te manque pas mal délément dans le head (certaines meta nécessaire) et surtout un doctype en haut de ton donc (voir la FAQ) pour que les navigateurs graphiques ne bésculent pas en mode Quirks (mode de rendu non standard...)

**Général03** · 03/03/2009, 20h42

Envoyé par Erwan31
Pour les includes tu as plein de tutos qui existent sur le web.

Donc je vais utiliser des div en appelant des scripts php (avec include) pour les remplir !

Envoyé par Erwan31
évites les tableaux autant que possible pour de la mise en page, ils sont pas fait pour ça...

Ils sont fait pour quoi si on ne les utilise pas pour la mise en forme ?

**12monkeys** · 03/03/2009, 21h08

Envoyé par Général03

Donc je vais utiliser des div en appelant des scripts php (avec include) pour les remplir !

Oui, tu peut aller voir ceci : http://php.developpez.com/faq/index....s_pseudo_frame

Envoyé par Général03

Ils sont fait pour quoi si on ne les utilise pas pour la mise en forme ?

Pour afficher des données tabulaires, par exemple des listes de chiffres...

**Erwan31** · 03/03/2009, 21h29

Envoyé par Général03

Ils sont fait pour quoi si on ne les utilise pas pour la mise en forme ?

Tu penses sans doute qu'ils sont fait pour ça parce qu'il ont été massivement utilisés même dans le milieu professionnel il y a quelques années (au moins 3/4 ans) simplement parce qu'avant CSS (en 96/97) mais aussi un peu après, il n'y avait pas d'autre moyens que d'utiliser des tableaux pour faire de la mise en page. Puis dans un second temps lorsque la première version de CSS est sortie,
les limitations et les différences d'implémentations des propriétés CSS de positionnement ont largement contribué à l'utilisation des tableaux...

**Général03** · 04/03/2009, 19h12

Si je crée la structure de ma page index.html comme cela ça va ?

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd"> 
 
<html>
 
<head>
	<script type="text/javascript" language="javascript">
        function aff (){
        document.getElementById('divcontenu').innerHTML='Contenu de ma div';
        }
        </script>
</head>
 
<body>
		<div>En-tête
		</div>
 
	    <div>
		<input type="button" onclick="aff();" value="Mon menu"> 
		</div>
 
	    <div id="divcontenu">
		Texte avant passage de la fonction aff()
		</div> 
 
	    <div>Mon pied de page
		</div>
 
</body>	
</html>

J'ai une question en plus :
si je veux mettre une div à gauche pour mon menu et une div à sa droite pour mettre le contenu du titre sélectionné dans le menu, comment je fais pour placer deux div l'une à coté de l'autre ?

**Général03** · 05/03/2009, 21h16

Je viens de trouver un tuto sur comment créer sa page web avec des div avec du CSS

Allez y jeter un coup d'oeil : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/
Pour mettre deux div l'une a coté de l'autre il faut utiliser float

Page index sans frame

HTML

Discussions similaires

Partager

Partager