Page index sans frame

Version imprimable

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

Page index sans frame
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:

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
28/02/2009, 23h37
Jannus

Pour la mise en forme, jette un oeil ici : http://css.developpez.com/galerie/
28/02/2009, 23h43
Erwan31

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.
01/03/2009, 00h14
Macmillenium

Citation:

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.
01/03/2009, 00h22
delete

C'est vrais que je ne réponds que partiellement :roll: la suite est ici

En bref une div + pagination CSS+JS

Edit : Excellent l'ajax !
01/03/2009, 00h35
Macmillenium

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

Désolé d'avoir pollué ton post :)
01/03/2009, 00h42
Erwan31

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é.
01/03/2009, 00h53
Macmillenium

Citation:

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 ...
01/03/2009, 12h34
Général03

Merci de votre implication, alors

Citation:

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.

Citation:

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

Citation:

En bref une div + pagination CSS+JS

?

Merci
01/03/2009, 13h57
Erwan31

Citation:

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

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

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

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

03/03/2009, 19h56
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 ?
03/03/2009, 20h30
Erwan31

Citation:

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...)
03/03/2009, 20h42
Général03

Citation:

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 !

Citation:

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 ?
03/03/2009, 21h08
12monkeys

Citation:

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

Citation:

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...
03/03/2009, 21h29
Erwan31

Citation:

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

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

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

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

Je viens de trouver un tuto sur comment créer sa page web avec des div avec du CSS:yaisse2:
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